免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
返回列表 發帖

[教學] 自定表情 [updated]

本帖最後由 you1b231 於 2010-11-26 01:54 編輯

本教學是教如何利用自定之Discuz! 代碼插入表情

所有設定請在後台設置

先要準備:
1. 表情圖檔(圖名最好以數字或易明的英數,不要輸入符號),例子: 1.jpg , 2.jpg
2. icon(用來代表於工具列出現的圖檔) --> 大小約 20 x 20
3. 設定用戶組 --> 允許使用自定義 Discuz! 代碼

之後開始工作
1.先把以下語法插入 "全局"--> "站點信息" --> "網站第三方統計代碼"
  1. <script>
  2. function AddsmileText(id,val){
  3. document.getElementById('e_textarea').value+="["+val+"]"+id+"[/"+val+"] ";
  4. }
  5. </script>
複製代碼
2.到 "界面" --> "編輯器設置" --> "Discuz! 代碼" 新增標籤
標籤是自定的(但請不要跟現有的同樣名稱,本例使用smile614,圖標則是準備圖檔之第2點)

3.新增後點詳情
在替換內容加入
  1. <img src="http://你存放表情之空間網址/{1}.jpg">
複製代碼
其中{1}位置是用來取代圖檔之名稱(1.jpg,2.jpg),後面的jpg可自行更改,但所有檔案必須有一致的副檔名.
如你的圖檔位置是 http://img.yahoo.com/3.jpg , 就應如以下的設定(注意所有圖檔必須放於同一空間中,即紅字那個是固定的)
  1. <img src="http://img.yahoo.com/{1}.jpg">
複製代碼
例子及解釋自填...不詳解了
參數提示語則加入HTML語法..排版可自行修改,本人只簡單的用表格每行三個這樣顯示
  1. <table border="0" align="center">
  2. <tr>
  3. <td align="center">
  4. <a href="#link"><img src="http://圖檔網址/1.jpg" onclick="AddsmileText('1','smile614');hideMenu();"></a>
  5. </td>
  6. <td align="center">
  7. <a href="#link"><img src="http://圖檔網址/2.jpg" onclick="AddsmileText('2','smile614');hideMenu();"></a>
  8. </td>
  9. <td align="center">
  10. <a href="#link"><img src="http://圖檔網址/3.jpg" onclick="AddsmileText('3','smile614');hideMenu();"></a>
  11. </td>
  12. </tr>
  13. <tr>
  14. <td align="center">
  15. <a href="#link"><img src="http://圖檔網址/4.jpg" onclick="AddsmileText('4','smile614');hideMenu();"></a>
  16. </td>
  17. <td align="center">
  18. <a href="#link"><img src="http://圖檔網址/5.jpg" onclick="AddsmileText('5','smile614');hideMenu();"></a>
  19. </td>
  20. <td align="center">
  21. <a href="#link"><img src="http://圖檔網址/6.jpg" onclick="AddsmileText('6','smile614');hideMenu();"></a></td>
  22. </tr>
  23. </table>
複製代碼
以上部份,http://圖檔網址/1.jpg 跟 AddsmileText('1','smile614');紅色部份必須一致
而smile614則改為你自定的Discuz標籤名稱.
!重要! = 以上之table代碼不能斷(換)行!!!否則無法顯示!!!(這裡是要讓大家易明才斷(換)行喔~)

插入時可於table結束後加入<noscript>來防止輸入框出現,但此語法屬錯誤使用,請自行考慮再加入~

最後提交及設定可用及顯示即可
3

評分人數

嗯~試著用了
可是設置可用之後我想在文章貼上表情是要怎麼用?
按標籤出現的是方框要輸入數值耶?

TOP

嗯~試著用了
可是設置可用之後我想在文章貼上表情是要怎麼用?
按標籤出現的是方框要輸入數值耶?
阿依 發表於 2010-5-1 18:08


按標籤後會出現圖示,直接按圖示就可插入文章中...不用輸入任何東西~

TOP

本帖最後由 ex142586 於 2010-5-2 14:37 編輯
按標籤後會出現圖示,直接按圖示就可插入文章中...不用輸入任何東西~
you1b231 發表於 2010-5-2 01:23



請問""記得table後面加上noscript,否則會出現輸入方格""

這是加在哪?
看語法裡面本身最下面就有</table><noscript>
是加在哪邊呢@@?

TOP

那我真的不知道我是哪裡弄錯耶
他真的顯示方框救命!!:::^q^:::

下面是我改的語法
  1. <script>
  2. function AddsmileText(id){
  3. document.getElementById('e_textarea').value+="[smile]"+id+"[/smile] ";
  4. }
  5. </script>
複製代碼
  1. <img src="http://s785.photobucket.com/albums/yy139/fairytail_dz/biao%20qing/{1}.jpg">
複製代碼
  1. <table border="0" align="center">
  2. <tr>
  3. <td align="center">
  4. <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>
  5. </td>
  6. <td align="center">
  7. <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>
  8. </td>
  9. <td align="center">
  10. <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>
  11. </td>
  12. </tr>
  13. <tr>
  14. <td align="center">
  15. <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>
  16. </td>
  17. <td align="center">
  18. <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>
  19. </td>
  20. <td align="center">
  21. <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>
  22. </td>
  23. <td align="center">
  24. <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>
  25. </td>
  26. <td align="center">
  27. <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>
  28. </td>
  29. <td align="center">
  30. <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>
  31. </td>
  32. <td align="center">
  33. <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>
  34. </td>
  35. </tr>
  36. </table><noscript>
複製代碼

TOP

那我真的不知道我是哪裡弄錯耶
他真的顯示方框救命!!:::^q^:::

下面是我改的語法
function AddsmileText(id){
document.getElementById('e_textarea').value+="[smile]"+id+"[/smile] ";
}
阿依 發表於 2010-5-3 10:48

你的圖片路徑錯了...
怎會有兩個http://.....
另外這個碼有BUG...我找天修一修^_^

TOP

阿真的耶...我是白痴(噴)
不過改了還是一樣救命啊.......OTZ||||

你是好人!!!萬事拜託了!!!:::^q^:::

TOP

哇靠,谢谢楼主分享
加油咯~

TOP

我的也是一樣顯示方框。。
到底哪里出問題了?!

還有這個>> "記得table後面加上noscript,否則會出現輸入方格"
樓主給的語法裡面本身最下面就已經有</table><noscript>
還要加載哪里?

TOP

{:4_99:}不能嗎........

TOP

返回列表