增加uchome的表情图标（发布日志也可以选择自定义表情）

无意间逛了一个sns网站 也是uchome1.5搭建的
看到他们的表情图标很活泼 自己也想搞一个
他的效果如下：


顺便说下,我的uchome版本是1.5正式版的 其他版本没有测试过

在他的网站上down了一些表情图片下来（用了他们的图片，希望不要怪我 ），放到images/face目录下，
图片顺序要按照数字的顺利排列下来，如：31.gif 32.gif 33.gif等

图片上传完成后，找到source/script_face.js
修改 for(i=1; i<31; i++) { 这里的数字，默认的是31，如果你总共有60张图，也就是说最后一张是60.gif
那么这个数值应该是61。
数值=face文件夹下的图片总数+1

接下来修改css样式 保证美观
查找template下任意一款模板的style.css文件
修改：
.facebox { padding: 8px; width: 250px; border: 1px solid #CCC; background: #FFF; z-index: 100000;}
    .facebox ul li { float: left; width: 25px; height: 25px; overflow: hidden; }
为：
.facebox { padding: 8px; width: 440px; border: 1px solid #CCC; background: #FFF; z-index: 100000;}
    .facebox ul li { float: left; width: 44px; height: 25px; overflow: hidden; }

这里修改的是两个width的值，大家可以修改成自己想要的数值。
最后显示效果：


发布日志使用自定义表情图标修改办法：
打开image/editor/editor_base.js文件
查找到 function faceBox(e) 函数
修改
for(i=1; i<31; i++) {
为
for(i=1; i<自定义图片数,类似上面的61; i++) {

打开根目录下的editor.php文件
修改
<div id="editFaceBox" class="eMenu" style="display:none;top:35px;left:26px;width:165px;"></div>
为
<div id="editFaceBox" class="eMenu" style="display:none;top:35px;left:0px;width:450px; margin-left:-40px;"></div>

修改
#editFaceBox { padding: 5px; }
  #editFaceBox li { width: 25px; height: 25px; overflow: hidden; }
为
#editFaceBox { padding: 5px; overflow: hidden;}
  #editFaceBox li {width: 44px;height: 25px; float:left; overflow: hidden; }

效果图如下：


在最新版uch2.0上修改template/default/space_status.htm文件
for(i=1; i<31; i++) { 这里的31改成你想要的数字，可以实现如下的效果：

谢谢分享!!!!

  gooooooooood

支持一下

多谢~！！！！！！！

多谢分享

按照提示修改成功，怎么就纪录里有添加的图片 其它发表日志里的 表情图片里 没的呢？从那设置呢 ？

谢谢分享

多谢分享我网站www.eifei.com正需要