出于无聊闲逛自己的SEO博客发现文章评论或者是留言板那里的表情默认是不显示状态,让我觉得不爽,多方查证之后终于解决了这一问题,然后分享给大家。首先不要管代码的意思,评论页或者是留言板默认的是调用JS代码实现的,我们需要修改的是JS代码,由于默认设置的是点击触发效果,我们需要直接把它显示出来。
! p+ E3 c8 N% J) G+ K$ f 首先找到Z-Blog中JS调用文件,在网站后台点击文件管理然后找到/SCRIPT/common.js这个文件。
: l2 a! F b* a, l S5 L/ u9 k找到“输出UBB”,用以下内容替换。 j0 [; k2 e1 V# l; u# @3 R+ a7 E
//*********************************************************/ j) ^, y% c$ c" ]0 ~0 j( L
// 目的: 输出UBB
9 Y5 M+ I$ y' Y& w// 输入: 无- t2 ]; r. Q2 o. h
// 返回: 无
4 b) D, R4 s6 T% D6 N//*********************************************************
1 `! O5 s% X6 G: w$ ^, }function ExportUbbFrame() {
8 h* r8 p7 V( L' m# P9 j8 R7 x/ s if(!objActive){objActive="txaArticle"};
* ]) I) w g. C, @& r7 H document.write("<p>")
$ b' a+ }( L0 h, ^! @% x C document.write("<a alt=\"\" onmousedown=\"InsertText(objActive,ReplaceText(objActive,'',''),true);\" style=\"padding:2px;cursor:pointer;\"></a> ")
# Q6 q% _/ y9 i) h3 J document.write("<a alt=\"\" onmousedown=\"InsertText(objActive,ReplaceText(objActive,'[URL=http://]',''),true);\" style=\"padding:2px;cursor:pointer;\">[URL2]</a> ")
# \ H8 S- b+ [- P3 Q2 j1 s document.write("<a alt=\"\" onmousedown=\"InsertText(objActive,ReplaceText(objActive,'',''),true);\" style=\"padding:2px;cursor:pointer;\"></a> ")# J# L) h& e6 U& d8 K! e
document.write("<a alt=\"\" onmousedown=\"InsertText(objActive,ReplaceText(objActive,'[EMAIL=@]',''),true);\" style=\"padding:2px;cursor:pointer;\">[EMAIL2]</a> ")# n( S) D0 z, \1 `0 |) r. }
document.write("<a alt=\"\" onmousedown=\"InsertText(objActive,ReplaceText(objActive,'',''),true);\" style=\"padding:2px;cursor:pointer;\">[B]</a> ")
, Q( w e' s7 |7 P& m document.write("<a alt=\"\" onmousedown=\"InsertText(objActive,ReplaceText(objActive,'',''),true);\" style=\"padding:2px;cursor:pointer;\">[I]</a> ")
( \1 P1 f8 ?4 D1 k6 Y$ K% [ document.write("<a alt=\"\" onmousedown=\"InsertText(objActive,ReplaceText(objActive,'',''),true);\" style=\"padding:2px;cursor:pointer;\">[U]</a> ")
& a/ N" @/ P) h, \& t- ]& A! q) d+ \ document.write("<a alt=\"\" onmousedown=\"InsertText(objActive,ReplaceText(objActive,'',''),true);\" style=\"padding:2px;cursor:pointer;\">[S]</a> ")7 V9 [9 k$ o6 y' T. \" w
document.write("<a alt=\"\" onmousedown=\"InsertText(objActive,ReplaceText(objActive,'',''),true);\" style=\"padding:2px;cursor:pointer;\">[QUOTE]</a> "): H' m$ n7 R0 j2 G$ z
document.write("<a style=\"cursor:pointer;text-align:right;\" onclick=\"if(document.getElementById('UbbFrame').style.display=='block'){document.getElementById('UbbFrame').style.display='none';}else{document.getElementById('UbbFrame').style.display='block'};\">"+str06+"</a> "), f3 ^. n( N* O0 ?; |5 R
document.write("</p>") & u4 j. s0 n _' i, h, z
document.write("<p id=\"UbbFrame\" style=\"display:block;\"></p>"), I4 u7 w- i) n" ?: t2 \; S
InsertUbbFace();; {6 t" }$ w) `; z* o6 C
}- d- T, _$ L* T: E; b! k# w
//*********************************************************( o* g% ?7 [" v5 S$ u6 e Y
这样就OK了,把UBB里面的代码全部替换掉,个人觉得Z-Blog默认表情不是很好看,所以自己选择了QQ表情来代替它,各位朋友其实也可以把默认表情替换为别的表情,表情默认存放的文件夹是FACE,路径为/IMAGE/FACE,我们不需要修改名字只需要把里面的表情替换即可,把QQ表情下载到本地然后存放FACE文件夹中上传至服务器替换掉原来的FACE文件夹即可。然后打开网站后台网站设置管理,找到UBB设置及相关转换,把最下面的表情图片的尺寸设置为24像素。由于默认是48像素是Z-Blog自己表情的大小,而我上传的QQ表情 只有24像素,为了美观所以我选择了24像素。这里需要 注意的是表情不要超过22个,因为页面默认CSS样式定义是固定好的,如果超过了就会撑坏页面导致错位的情况,另外如果选择的表情比默认表情48像素大就需要减少相应的表情个数不然也会撑坏模板。
' {: `* R+ q+ \2 a m: ^ 这里提醒下大家,如果你的服务器比较慢建议不要使用此方法,因为它是通过页面直接加载的,影响打开速度。9 W: m2 N2 G5 N, L! v
$ W$ Z6 O" A3 W; `本文由南京家装拆除公司提供 www.njylcc.com 转载请注明 , R5 q# T- e7 N! |
|