插件作者的标准出来了!Manyou诚邀开发者加盟!立即免费下载 Discuz!6.1.0正式版
Discuz! 6.1.0 使用说明
Discuz!NT升级至v2.1
开放源码下载
UCenter Home 1.2 正式版发布
官方站 | 帮助文档
基于ECShop的免费网店托管-卖否
PHP就业培训直通车 | LAMP培训大连
Discuz!收费服务内容及价格
论坛免费升级 手握手
Discuz!/ECShop 专用官方虚拟主机
【乐游-浪漫庄园】专题活动
Comsenz 招聘信息
网店系统ECShop v2.6.0正式版火热发布
基于Discuz!的免费论坛空间5D6D
第二届PHP中国开源发展及人才状况调查
 27 123
发新话题
打印

SupeSite 导航栏菜单相关修改

SupeSite 导航栏菜单相关修改

(一)、如何添加导航菜单

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



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



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



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



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

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

softsea 模板添加新的频道后新频道默认的图标是原来资讯的图标,要修改它的图标比较复杂:
1)、修改 \templates\softsea\images 下的 topmenu.jpg 图片,增加一个新的图标,主要是加宽该图片,增加一个你自己设计的图标
2)、修改 \templates\softsea\css 下的 style.css 文件,在 #header  下面增加你要添加的图标显示,也就是在下面css代码的后面添加
复制内容到剪贴板
代码:
#topmenu a.news { background-position: 0 0; }
#topmenu a.news:hover, #newsmenu a.news { background-position: 0 -56px; }
#topmenu a.blog { background-position: -65px 0; }
#topmenu a.blog:hover, #blogmenu a.blog { background-position: -65px -56px; }
#topmenu a.image { background-position: -129px 0; }
#topmenu a.image:hover, #imagemenu a.image { background-position: -129px -56px; }
#topmenu a.goods { background-position: -194px 0; }
#topmenu a.goods:hover, #goodsmenu a.goods { background-position: -194px -56px; }
#topmenu a.video { background-position: -258px 0; }
#topmenu a.video:hover, #videomenu a.video { background-position: -258px -56px; }
#topmenu a.file { background-position: -323px 0; }
#topmenu a.file:hover, #filemenu a.file { background-position: -323px -56px; }
#topmenu a.link { background-position: -387px 0; }
#topmenu a.link:hover, #linkmenu a.link { background-position: -387px -56px; }
#topmenu a.group { background-position: -452px 0; }
#topmenu a.group:hover, #groupmenu a.group { background-position: -452px -56px; }
#topmenu a.bbs { background-position: -516px 0; }
#topmenu a.bbs:hover, #bbsmenu a.bbs { background-position: -516px -56px; }
增加一个类似
复制内容到剪贴板
代码:
#topmenu a.ecshop { background-position: -560px 0; }
#topmenu a.ecshop:hover, #bbsmenu a.ecshop { background-position: -560px -56px; }


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


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

有不少用户发帖问如何让导航那里的菜单点击后在新的窗口打开,而不是本窗口,所以就在这里以做教程的形式讲解一下。
以默认模板为例,打开 \templates\default 下的 index.html.php 文件,搜索
复制内容到剪贴板
代码:
$value[name]
在超级链接代码处加入 target=_blank
修改后为:
复制内容到剪贴板
代码:
$value[name]
修改完毕,更新 SupeSite 缓存,到首页点击试试,已经达到您想要的效果。^_^

(三)、如何让频道分类在新窗口打开

以默认模板的资讯分类为例,打开 \templates\default 下的 index.html.php 文件,找到
复制内容到剪贴板
代码:
资讯
<!--{loop $_SBLOCK['category_news'] $value}-->
$value[name]
在最后一句代码
复制内容到剪贴板
代码:
$value[name]
的超级链接代码处加入 target=_blank
修改后为:
复制内容到剪贴板
代码:
$value[name]
修改完毕,更新 SupeSite 缓存,到首页点击试试,已经达到您想要的效果。^_^

[ 本帖最后由 紫琼 于 2007-9-7 11:31 编辑 ]
碰到问题请先搜索,您的问题其他人很可能碰到过并已经解决了。
没事的时候多去帮助文档区逛逛啊,那里有好东东哦 ^_^
紫琼推荐
好东西
要是能在后台设置后面几步就好了
留起来先.谢谢分享.!
支持!!

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

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

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

[彩票机密档案]原来彩票是这样中出来的
晕..这也写出来呀..
引用:
原帖由 gleon 于 2007-8-3 11:55 发表
晕..这也写出来呀..
就你知道的多...未来的中国门户站长...

写出来是因为好多不懂程序的人也在用...
我现在开始灌~!
现在灌还没迟吧
 27 123
发新话题
版块跳转