refer : http://czeo.com/bbs/zboard.php?id=cz_skills&no=14

請下載此教學中的檔案 : msnemotions.rar, msnemoticons.rar

相比於samson 寫的教程, 這個簡易方法的好處就是不用把表情圖示逐一上傳到各版面(skin)去

1.

把msnemoticons.rar解壓,將msnemoticons整個目錄上載到你網站的ZB根目錄中

2.

打開 msnem_table.inc
$msnemoticons_path=”../msnemoticons/”;
改為 $msnemoticons_path=”msnemoticons/”;


<img src=’<?=$dir?>/show_msnemoticons.gif’ width=16 height=16 align=absmiddle border=0>
<img src=’<?=$dir?>/show_msnemoticons_text.gif’ width=75 height=14 align=absmiddle border=0>

改為
<img src=’show_msnemoticons.gif’ width=16 height=16 align=absmiddle border=0>
<img src=’show_msnemoticons_text.gif’ width=75 height=14 align=absmiddle border=0>

3.

將以下檔案,上傳至 ZB 的根目錄
show_msnemoticons.gif
show_msnemoticons_text.gif
msnem_convert.inc
msnem_table.inc
msnem_table_write.js
msnem_table_comment.js

4.

在希望加入表情符號的版面
a) 的 write.php 在文字方塊</textarea>後,加入
<?
include_once”msnem_table_write.js”;
include_once”msnem_table.inc”;
?>

b) 在view.php的最前,加入
<?
include_once”msnem_convert.inc”;
$memo=convert_msnemoticons($memo,”msnemoticons/”);
?>

c) 在 view_comment.php的最前,加入
<?
$c_memo=convert_msnemoticons($c_memo,”msnemoticons/”);
?>

d) 在view_write_comment.php的文字方塊textarea後,加入
<?
include_once”msnem_table_comment.js”;
include_once”msnem_table.inc”;
?>

5. 加入/變更表情符號

a) 將自己的表情符號加到 msnemoticons/ 資料夾

b) 打開msnem_convert.inc

return message; 前加入

$message=str_replace(“[代碼]“,”<img src=’${msnemoticons_path}圖片檔名.gif width=19 height=19 align=absmiddle alt=’取代文字‘>”,$message);

c) 打開msnem_table.inc

留意這個是HTML 的表格 (table), 要好好的計算每行有多少個cell (td) 呢!

<td width=1 class=off onMouseDown=”this.className=’down’” onMouseUp=”this.className=’up’” onMouseOver=”this.className=’on’” onMouseOut=”this.className=’off’”><a onClick=”insertSmiley(‘[代碼]‘)” title=’取代文字‘><img src=’<?=$msnemoticons_path?>圖片檔名.gif‘ width=19 height=19 border=0 style=’cursor:hand’></a></td>