Zeroboard4 教學 – [簡化] 加入表情符號
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>