自定表情 [updated]
[i=s] 本帖最後由 you1b231 於 2010-11-26 01:54 編輯 [/i]本教學是教如何利用自定之Discuz! 代碼插入表情
所有設定請在後台設置
先要準備:
1. 表情圖檔(圖名最好以數字或易明的英數,不要輸入符號),例子: 1.jpg , 2.jpg
2. icon(用來代表於工具列出現的圖檔) --> 大小約 20 x 20
3. 設定用戶組 --> [b]允許使用自定義 Discuz! 代碼[/b]
之後開始工作
1.先把以下語法插入 "全局"--> "站點信息" --> "網站第三方統計代碼"[code]
<script>
function AddsmileText(id,val){
document.getElementById('e_textarea').value+="["+val+"]"+id+"[/"+val+"] ";
}
</script>
[/code]2.到 "界面" --> "編輯器設置" --> "Discuz! 代碼" 新增標籤
標籤是自定的(但請不要跟現有的同樣名稱,本例使用[b]smile614[/b],圖標則是準備圖檔之第2點)
3.新增後點詳情
在替換內容加入[code]<img src="http://你存放表情之空間網址/{1}.jpg">[/code]其中{1}位置是用來取代圖檔之名稱([color=Red]1[/color].jpg,[color=Red]2[/color].jpg),後面的jpg可自行更改,但所有檔案必須有一致的副檔名.
如你的圖檔位置是 [color=Red]http://img.yahoo.com/[/color]3.jpg , 就應如以下的設定(注意所有圖檔必須放於同一空間中,即紅字那個是固定的)[code]<img src="http://img.yahoo.com/{1}.jpg">[/code]例子及解釋自填...不詳解了
參數提示語則加入HTML語法..排版可自行修改,本人只簡單的用表格每行三個這樣顯示[code]
<table border="0" align="center">
<tr>
<td align="center">
<a href="#link"><img src="http://圖檔網址/1.jpg" onclick="AddsmileText('1','smile614');hideMenu();"></a>
</td>
<td align="center">
<a href="#link"><img src="http://圖檔網址/2.jpg" onclick="AddsmileText('2','smile614');hideMenu();"></a>
</td>
<td align="center">
<a href="#link"><img src="http://圖檔網址/3.jpg" onclick="AddsmileText('3','smile614');hideMenu();"></a>
</td>
</tr>
<tr>
<td align="center">
<a href="#link"><img src="http://圖檔網址/4.jpg" onclick="AddsmileText('4','smile614');hideMenu();"></a>
</td>
<td align="center">
<a href="#link"><img src="http://圖檔網址/5.jpg" onclick="AddsmileText('5','smile614');hideMenu();"></a>
</td>
<td align="center">
<a href="#link"><img src="http://圖檔網址/6.jpg" onclick="AddsmileText('6','smile614');hideMenu();"></a></td>
</tr>
</table>
[/code]以上部份,http://圖檔網址/[color=Red]1[/color].jpg 跟 AddsmileText('[color=Red]1[/color]','[color=Blue]smile614[/color]');紅色部份必須一致
而smile614則改為你自定的Discuz標籤名稱.
[b][color=Red]!重要! = 以上之table代碼不能斷(換)行!!!否則無法顯示!!![/color][/b](這裡是要讓大家易明才斷(換)行喔~)
插入時可於table結束後加入<noscript>來防止輸入框出現,但此語法屬錯誤使用,請自行考慮再加入~
最後提交及設定可用及顯示即可 嗯~試著用了
可是設置可用之後我想在文章貼上表情是要怎麼用?
按標籤出現的是方框要輸入數值耶? [quote]嗯~試著用了
可是設置可用之後我想在文章貼上表情是要怎麼用?
按標籤出現的是方框要輸入數值耶?
[size=2][color=#999999]阿依 發表於 2010-5-1 18:08[/color] [url=http://sclub.com.tw/discuz/redirect.php?goto=findpost&pid=5621&ptid=1743][img]http://sclub.com.tw/discuz/images/common/back.gif[/img][/url][/size][/quote]
按標籤後會出現圖示,直接按圖示就可插入文章中...不用輸入任何東西~ [i=s] 本帖最後由 ex142586 於 2010-5-2 14:37 編輯 [/i]
[quote]
按標籤後會出現圖示,直接按圖示就可插入文章中...不用輸入任何東西~
[size=2][color=#999999]you1b231 發表於 2010-5-2 01:23[/color] [url=http://sclub.com.tw/discuz/redirect.php?goto=findpost&pid=5626&ptid=1743][img]http://sclub.com.tw/discuz/images/common/back.gif[/img][/url][/size][/quote]
請問""記得table後面加上noscript,否則會出現輸入方格""
這是加在哪?
看語法裡面本身最下面就有</table><noscript>
是加在哪邊呢@@? 那我真的不知道我是哪裡弄錯耶
他真的顯示方框救命!!:::^q^:::
下面是我改的語法[code]<script>
function AddsmileText(id){
document.getElementById('e_textarea').value+="[smile]"+id+"[/smile] ";
}
</script>[/code][code]<img src="http://s785.photobucket.com/albums/yy139/fairytail_dz/biao%20qing/{1}.jpg">[/code][code]<table border="0" align="center">
<tr>
<td align="center">
<a href="#link"><img src="http://http://i785.photobucket.com/albums/yy139/fairytail_dz/biao%20qing/huffy.gif/1.jpg" onclick="AddsmileText('1');hideMenu();"></a>
</td>
<td align="center">
<a href="#link"><img src="http://http://i785.photobucket.com/albums/yy139/fairytail_dz/biao%20qing/huffy2.gif/2.jpg" onclick="AddsmileText('2');hideMenu();"></a>
</td>
<td align="center">
<a href="#link"><img src="http://http://i785.photobucket.com/albums/yy139/fairytail_dz/biao%20qing/hug.gif/3.jpg" onclick="AddsmileText('3');hideMenu();"></a>
</td>
</tr>
<tr>
<td align="center">
<a href="#link"><img src="http://http://i785.photobucket.com/albums/yy139/fairytail_dz/biao%20qing/lol.gif/4.jpg" onclick="AddsmileText('4');hideMenu();"></a>
</td>
<td align="center">
<a href="#link"><img src="http://http://i785.photobucket.com/albums/yy139/fairytail_dz/biao%20qing/loveliness.gif/5.jpg" onclick="AddsmileText('5');hideMenu();"></a>
</td>
<td align="center">
<a href="#link"><img src="http://http://i785.photobucket.com/albums/yy139/fairytail_dz/biao%20qing/mad.gif/6.jpg" onclick="AddsmileText('6');hideMenu();"></a>
</td>
<td align="center">
<a href="#link"><img src="http://http://i785.photobucket.com/albums/yy139/fairytail_dz/biao%20qing/mad2.gif/7.jpg" onclick="AddsmileText('7');hideMenu();"></a>
</td>
<td align="center">
<a href="#link"><img src="http://http://i785.photobucket.com/albums/yy139/fairytail_dz/biao%20qing/sad.gif/8.jpg" onclick="AddsmileText('8');hideMenu();"></a>
</td>
<td align="center">
<a href="#link"><img src="http://http://i785.photobucket.com/albums/yy139/fairytail_dz/biao%20qing/shocked.gif/9.jpg" onclick="AddsmileText('9');hideMenu();"></a>
</td>
<td align="center">
<a href="#link"><img src="http://http://i785.photobucket.com/albums/yy139/fairytail_dz/biao%20qing/shy.gif/10.jpg" onclick="AddsmileText('10');hideMenu();"></a>
</td>
</tr>
</table><noscript>[/code] [quote]那我真的不知道我是哪裡弄錯耶
他真的顯示方框救命!!:::^q^:::
下面是我改的語法
function AddsmileText(id){
document.getElementById('e_textarea').value+="[smile]"+id+"[/smile] ";
}
[size=2][color=#999999]阿依 發表於 2010-5-3 10:48[/color] [url=http://sclub.com.tw/discuz/redirect.php?goto=findpost&pid=5766&ptid=1743][img]http://sclub.com.tw/discuz/images/common/back.gif[/img][/url][/size][/quote]
你的圖片路徑錯了...
怎會有兩個[url]http://.....[/url]
另外這個碼有BUG...我找天修一修^_^ 阿真的耶...我是白痴(噴)
不過改了還是一樣救命啊.......OTZ||||
你是好人!!!萬事拜託了!!!:::^q^::: 哇靠，谢谢楼主分享
加油咯~ 我的也是一樣顯示方框。。:'(
到底哪里出問題了？！
還有這個>> "記得table後面加上noscript,否則會出現輸入方格"
樓主給的語法裡面本身最下面就已經有</table><noscript>
還要加載哪里？ {:4_99:}不能嗎........ {:4_89:}不能 感謝版大的分享~{:4_83:}
想請問一下版大~
哪邊有可以存放表情圖片的空間呢QQ?
小妹不知道哪邊可以存放圖片>"<
希望版大可以解答~謝謝>_< [quote]感謝版大的分享~{:4_83:}
想請問一下版大~
哪邊有可以存放表情圖片的空間呢QQ?
小妹不知道哪邊可以存放圖片>"<
希望版大可以解答~謝謝>_
[size=2][color=#999999]煙強 發表於 2010-6-7 15:51[/color] [url=http://sclub.com.tw/discuz/redirect.php?goto=findpost&pid=8286&ptid=1743][img]http://sclub.com.tw/discuz/images/common/back.gif[/img][/url][/size][/quote]
圖片空間(穩定又快速): [url]http://www.flickr.com/[/url]
圖文教學 : [url]http://xdxdxdxdxd.guitim.tw/viewthread.php?tid=37&extra=page%3D1[/url] [quote]
圖片空間(穩定又快速): [url]http://www.flickr.com/[/url]
圖文教學 : [url]http://xdxdxdxdxd.guitim.tw/viewthread.php?tid=37&extra=page%3D1[/url]
[size=2][color=#999999]qqq11107 發表於 2010-6-8 16:01[/color] [url=http://sclub.com.tw/discuz/redirect.php?goto=findpost&pid=8305&ptid=1743][img]http://sclub.com.tw/discuz/images/common/back.gif[/img][/url][/size][/quote]
感謝大大~
不過我現在也跑出顯示方框...= ="
檢查過了~都沒錯啊QQ"
還是noscript還要加在別的地方@_@? 請問一下...
你說按標籤會出現圖片
但我卻只有框框輸入數值@@
還有提交、取消按鈕而乙...
我只有把jpg改gif(裡面有的都改)
因為我是用gif
這樣應該對代碼沒影響吧..
但為何按標籤沒圖片呢?
(不過輸入數值按提交一樣可以) 代碼標籤為空或包含非法字符，請返回修改。 改成這樣會出現要輸入提交,但是這樣表情出的來!!
</noscript>
...
...
</table><noscript>
改成下面這樣不會出現要輸入,但是這樣表情出不來!!
<noscript>
...
...
</table></noscript>
請問有人用成功的嗎!!管理員救救我們 就是用不出來，請問你有圖片，可以給我們看看？
試過了很多種方法，全部都是[b]無解[/b]。 我試了一個下午
也問了很多人
就是不行!!!
這個好像有bug
哀~ 好方便 一定要學起來：）
頁:
[1]