[教學] 自定表情 [updated]

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

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

所有設定請在後台設置

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

之後開始工作
1.先把以下語法插入 "全局"--> "站點信息" --> "網站第三方統計代碼"

<script>
function AddsmileText(id,val){
document.getElementById('e_textarea').value+="["+val+"]"+id+"[/"+val+"] ";
}
</script>

複製代碼

2.到 "界面" --> "編輯器設置" --> "Discuz! 代碼" 新增標籤
標籤是自定的(但請不要跟現有的同樣名稱,本例使用smile614,圖標則是準備圖檔之第2點)

3.新增後點詳情
在替換內容加入

<img src="http://你存放表情之空間網址/{1}.jpg">

複製代碼

其中{1}位置是用來取代圖檔之名稱(1.jpg,2.jpg),後面的jpg可自行更改,但所有檔案必須有一致的副檔名.
如你的圖檔位置是 http://img.yahoo.com/3.jpg , 就應如以下的設定(注意所有圖檔必須放於同一空間中,即紅字那個是固定的)

<img src="http://img.yahoo.com/{1}.jpg">

複製代碼

例子及解釋自填...不詳解了
參數提示語則加入HTML語法..排版可自行修改,本人只簡單的用表格每行三個這樣顯示

<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>

複製代碼

以上部份,http://圖檔網址/1.jpg 跟 AddsmileText('1','smile614');紅色部份必須一致
而smile614則改為你自定的Discuz標籤名稱.
!重要! = 以上之table代碼不能斷(換)行!!!否則無法顯示!!!(這裡是要讓大家易明才斷(換)行喔~)

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

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

3 評分人數