免費論壇 繁體 | 簡體
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

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

TOP

十分感谢

TOP

謝謝分享

TOP

这个 貌似不用ftp上传 就可以实现?我试试看 多谢教程
flash之路欢迎你http://flashroad.joinbbs.net

TOP

這個很實用~~還是菜鳥新手~還得研究研究~謝謝分享~~

TOP

圖片用了很多可是只出現5個....

TOP

謝謝分享

TOP

好的教學一定耍好好收下來~

TOP

返回列表