SupeSite 导航栏菜单相关修改

（一）、如何添加导航菜单

1、以默认模板为例，SupeSite 的默认导航栏如图 1 所示：



简单来说，SupeSite 首页的导航菜单就是 SupeSite 所有的频道菜单，所以要添加导航菜单只需要创建新的频道即可。
进入 SupeSite 后台 - 基本设置 - 频道操作 - 功能频道设置：创建频道  如图 2 所示：



上图中点击“提交保存”按钮则创建频道成功，频道名为“测试”，如图 3 所示：



如图 4 所示我们就可以在导航栏那里看到该频道：



关于创建频道的细节可以参考下列教程：
“创建频道->创建模块->自定义资讯内容页面模板”的小教程[频视]：https://discuz.dismall.com/viewthread.php?tid=621300

2、softsea 模板创建频道后如果要修改频道图标的方法：

softsea 模板添加新的频道后新频道默认的图标是原来资讯的图标，要修改它的图标比较复杂：
1）、修改 \templates\softsea\images 下的 topmenu.jpg 图片，增加一个新的图标，主要是加宽该图片，增加一个你自己设计的图标
2）、修改 \templates\softsea\css 下的 style.css 文件，在 #header  下面增加你要添加的图标显示，也就是在下面css代码的后面添加

1. #topmenu a.news { background-position: 0 0; }
   
2. #topmenu a.news:hover, #newsmenu a.news { background-position: 0 -56px; }
   
3. #topmenu a.blog { background-position: -65px 0; }
   
4. #topmenu a.blog:hover, #blogmenu a.blog { background-position: -65px -56px; }
   
5. #topmenu a.image { background-position: -129px 0; }
   
6. #topmenu a.image:hover, #imagemenu a.image { background-position: -129px -56px; }
   
7. #topmenu a.goods { background-position: -194px 0; }
   
8. #topmenu a.goods:hover, #goodsmenu a.goods { background-position: -194px -56px; }
   
9. #topmenu a.video { background-position: -258px 0; }
   
10. #topmenu a.video:hover, #videomenu a.video { background-position: -258px -56px; }
    
11. #topmenu a.file { background-position: -323px 0; }
    
12. #topmenu a.file:hover, #filemenu a.file { background-position: -323px -56px; }
    
13. #topmenu a.link { background-position: -387px 0; }
    
14. #topmenu a.link:hover, #linkmenu a.link { background-position: -387px -56px; }
    
15. #topmenu a.group { background-position: -452px 0; }
    
16. #topmenu a.group:hover, #groupmenu a.group { background-position: -452px -56px; }
    
17. #topmenu a.bbs { background-position: -516px 0; }
    
18. #topmenu a.bbs:hover, #bbsmenu a.bbs { background-position: -516px -56px; }

复制代码

增加一个类似

1. #topmenu a.ecshop { background-position: -560px 0; }
   
2. #topmenu a.ecshop:hover, #bbsmenu a.ecshop { background-position: -560px -56px; }

复制代码

上

面的数值只是个例子，具体根据你做的图片宽度填写；其中 ecshop 替换为您创建的新频道的英文ID。


（二）、如何让导航频道菜单在新窗口打开

有不少用户发帖问如何让导航那里的菜单点击后在新的窗口打开，而不是本窗口，所以就在这里以做教程的形式讲解一下。
以默认模板为例，打开 \templates\default 下的 index.html.php 文件，搜索

1. <li><a href="$value[url]">$value[name]</a></li>

复制代码

在超级链接代码处加入 target=_blank
修改后为：

1. <li><a href="$value[url]" target=_blank>$value[name]</a></li>

复制代码

修改完毕，更新 SupeSite 缓存，到首页点击试试，已经达到您想要的效果。^_^

（三）、如何让频道分类在新窗口打开

以默认模板的资讯分类为例，打开 \templates\default 下的 index.html.php 文件，找到

1. 资讯
   
2. <!--{loop $_SBLOCK['category_news'] $value}-->
   
3. $value[name]

复制代码

在最后一句代码

1. $value[name]

复制代码

的超级链接代码处加入 target=_blank
修改后为：

1. $value[name]

复制代码

修改完毕，更新 SupeSite 缓存，到首页点击试试，已经达到您想要的效果。^_^

[ 本帖最后由 紫琼 于 2007-9-7 11:31 编辑 ]

好东西:) :)

要是能在后台设置后面几步就好了

留起来先.谢谢分享.!

支持!!

-----------------------------------------------------------------------------------------------------------------

[推荐]:百度优秀主机排行榜

[站长必看]建站新宠:VPS主机登场

[彩票机密档案]原来彩票是这样中出来的

晕..这也写出来呀..

原帖由 gleon 于 2007-8-3 11:55 发表
晕..这也写出来呀..

就你知道的多...未来的中国门户站长...

写出来是因为好多不懂程序的人也在用...

我现在开始灌~!

现在灌还没迟吧