免费发布首页美化之导航篇 For D5.X

体无完肤 · 发表于 2007-6-13 08:59:18

演示地址：http://www.efangbbs.com/bbs/home.php

前段时间在插件区发了个首页美化的导航，原贴见：https://discuz.dismall.com/thread-641070-1-1.html

当时没有直接说明怎么美化，好多朋友都到我站上(www.efangbbs.com/bbs)去问我怎么美化

我也帮不少站长美化成功了！看到大家这么支持，而且也给了我不少分，所以现在将这个美化免费

放出，以答谢各位对小弟的支持和厚爱！嘿嘿...

其实很简单，只需修改 templates/default/header.ht，即风格模板的头文件即可！

查找：

<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: bold 11px/1.5em Verdana;
}
h2 {
font: bold 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("bbs/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("bbs/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.efangbbs.com/web" title="艺纺门户网站"><span>艺纺门户首页</span></a></li>
<li><a href="http://www.efangbbs.com/web/?action-blog" title="个人空间"><span>我的空间</span></a></li>
<li><a href="http://www.efangbbs.com/web/?action-image" title="网络像册"><span>我的像册</span></a></li>
<li><a href="http://www.efangbbs.com/web/?action-group" title="校园圈子"><span>我的圈子</span></a></li>
<li><a href="http://www.efangbbs.com/web/?action-goods" title="校园店铺"><span>我的店铺</span></a></li>
<li><a href="http://www.efangbbs.com/web/?action-link" title="书签"><span>我的书签</span></a></li>
<li><a href="http://www.efangbbs.com/web/?action-video" title="影音播放"><span>我的影音</span></a></li>
<li><a href="http://www.efangbbs.com/web/?action-spaces" title="本周校园明星"><span>校园之星</span></a></li>
<li><a href="http://www.efangbbs.com/bbs/music/cnsidemp.htm" target=_blank title="网络电台"><span>网络电台</span></a></li>
<li><a href="http://mail.efangbbs.com/" target=_blank title="学生邮箱"><span>校园邮箱</span></a></li>
<li><a href="http://www.efangbbs.com/bbs/pet.php" title="我要领养宠物"><span>宠物中心</span></a></li>
<li><a href="http://mutou.efangbbs.com" target=_blank title="★木头SB★的个人空间"><span>★木头SB★</span></a></li>
</ul>
</div></td>
</tr>
</table>
<center>

复制代码

然后上传附件图片到images 目录下即可！

希望大家支持原创，鼓励原创，精神上还是物质上都支持哈么！嘿嘿...

小弟会多发些有用的东东来帮助各位站长朋友的！

刚才没发图片演示，对不住大家啊，现在重新编辑了！

[ 本帖最后由体无完肤于 2007-6-13 14:04 编辑 ]

lises · 发表于 2007-6-13 09:10:22

沙发，还是没图？

体无完肤 · 发表于 2007-6-13 09:12:44

马上图片演示，对不起啊，疏忽了！

轻舞云端 · 发表于 2007-6-13 09:15:49

我希望是把插件放入导航里，
而不是把ＢＬＯＧ的功能放入导航

体无完肤 · 发表于 2007-6-13 09:17:11

那还不是由你随便替换啊？

轻舞云端 · 发表于 2007-6-13 09:19:59

这个我知道，只是我没有那些图片，小弟不会ＰＳ，惭愧...

体无完肤 · 发表于 2007-6-13 09:20:47

只替换文字就OK了！图片是作为背景的！

月光朱雀 · 发表于 2007-6-13 09:28:44

原帖由 中国生活论坛网 于 2007-6-13 09:15 发表
我希望是把插件放入导航里，
而不是把ＢＬＯＧ的功能放入导航

我刚安装，可以自己改链接的，你可以去看看 www.lefun.cn

itv · 发表于 2007-6-13 09:40:19

不错，用了

体无完肤 · 发表于 2007-6-13 09:45:34

大家谁用了麻烦跟贴说明下！留个地址！

		自动登录	找回密码
密码			立即注册

免费发布首页美化之导航篇 For D5.X

评分