左侧导航图标添加教程（新手站长必看）

继昨天我发的那个插件帮助模板，今天再给各位新手站长发一个左侧导航图标的添加方法。

昨天发了那个插件帮助模板，我发现插件区其实好多站长都是刚接触UCH，对模板还不是很熟悉。

再加上版主kongkang给我加了分，有点动力了。

虽说这不是什么太高深的技术开发，但是就这一点点的改动，站长们还是很需要的。

演示：www.efangbbs.com/home

打开template/default/header.htm

查找：

1. <li class="app-share"><a href="space.php?do=share">分享</a></li>

复制代码

在后面加入：

1. <li class="app-music"><a href="plus_music.php">音乐盒</a></li>

复制代码

修改图片：template/default/image/appicons.gif

在这个图片里用photoshop 或者 fireworks 将自己的小图标加进这个图片里。
附件里提供了我自己添加的电台的小图标。

打开template/default/common.css

查找：

1. .app_list .app-share { background-position: 2px -115px; }

复制代码

在后面添加：

1. .app_list .app-music { background-position: 2px -470px; }

复制代码

注意，app-music这个名称要前后保持一致，后面的是定义的CSS样式。

      数字-470应该是小图标在appicons.gif里的位置坐标，可以自己慢慢调试位置。

修改完毕，更新缓存查看效果！

[ 本帖最后由 体无完肤 于 2008-6-1 15:32 编辑 ]

这个太重要咯！~！！


要求加分！

LZ。。。音乐盒的后续版本..我们都期待着额！！

音乐盒不是已经免费发布了么！

         没有人用吗？

原帖由 体无完肤 于 2008-6-1 10:29 发表
         没有人用吗？

有啦这个很重要..

音乐合的后续版本...!!!这是个好功能额~！

收藏了先

請問是不是裝好後
就跟樓主的演示網址一樣呢
真的蠻贊的

是的，跟我的演示是一样的。

那个图片自己修改就可以了。

LZ站的那个 “NEWS”杂弄，给个CSS代码