很漂亮的论坛顶部导航代码提供下载[附安装方法]
很漂亮的论坛顶部导航代码提供下载[附安装方法]演示：http://city.student163.com
来源：华人学生社区
下载的朋友请回个帖子顶下，你的支持就是给我最大的动力。免费万岁、共享万岁！
原帖地址：http://www.discuz.net/viewthread.php?tid=749951&extra=&page=1
安装步骤：
步骤一：打开论坛顶部模板文件header.htm，默认为templates/default/header.htm，使用记事本或其它编辑工具打开
搜索代码：<body onkeydown="if(event.keyCode==27) return false;">在其下加入以下代码：<table width="100%" height="20" border="0" bgcolor="#83B733">
<tr>
<td valign="bottom"><style type="text/css">
body {
margin:0;
padding:0;
font: 11px/1.5em Verdana;
}
h2 {
font: 14px Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 0px;
padding: 0px 0px 0px 15px;
}
img {
border: none;
}
/*- Menu Tabs F--------------------------- */
#tabsF {
float:left;
width:100%;
background:#efefef;
font-size:100%;
line-height:normal;
border-bottom:1px solid #666;
}
#tabsF ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabsF li {
display:inline;
margin:0;
padding:0;
}
#tabsF a {
float:left;
background:url("images/tableftF.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsF a span {
float:left;
display:block;
background:url("images/tabrightF.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#666;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsF a span {float:none;}
/* End IE5-Mac hack */
#tabsF a:hover span {
color:#FFF;
}
#tabsF a:hover {
background-position:0% -42px;
}
#tabsF a:hover span {
background-position:100% -42px;
}
</style>
<div id="tabsF">
<ul>
<li><a href="http://www.student163.com/" title="华人学生网" target="_blank"><span>华人学生网首页</span></a></li>
<li><a href="http://blog.student163.com/index.php/action_register.html" title="个人空间" target="_blank"><span>我的空间</span></a></li>
<li><a href="http://blog.student163.com/?action-image" title="网络像册" target="_blank"><span>我的像册</span></a></li>
<li><a href="http://blog.student163.com/?action-group" title="校园圈子" target="_blank"><span>我的圈子</span></a></li>
<li><a href="http://blog.student163.com/?action-goods" title="校园店铺" target="_blank"><span>我的店铺</span></a></li>
<li><a href="http://blog.student163.com/?action-link" title="书签" target="_blank"><span>我的书签</span></a></li>
<li><a href="http://blog.student163.com/?action-video" title="影音播放" target="_blank"><span>我的影音</span></a></li>
<li><a href="http://blog.student163.com/?action-spaces" title="本周校园明星" target="_blank"><span>博客之星</span></a></li>
<li><a href="plugin.php?identifier=nettv&module=nettv" title="网络电视"><span>网络电视</span></a></li>
<li><a href="search.php?searchid=2&orderby=lastpost&ascdesc=desc&searchsubmit=yes" title="最新帖子查询"><span>查看新帖</span></a></li>
<li><a href="digest.php" title="论坛精华帖子查询"><span>论坛精华</span></a></li>
<li><a href="http://sms.student163.com" target=_blank title="手机彩铃下载" target="_blank"><span>手机彩铃</span></a></li>
</ul>
</div></td>
</tr>
</table>上传覆盖原模板header.htm
步骤二：
将附件images/上传到论坛根目录。
页:
[1]