我有个建议！在用户信息下加导航，使用效果绝对好！

二六 · 发表于 2007-11-28 06:41

在会员信息下加导航栏，把论坛主要板块的链接加在上边。这样就能快速找到喜欢的板块，增加论坛的亲和度，增强会员体验。而且不存在修改复杂的问题，把下面代码修改为板块链接，放在头部文件heater.htm的最下面就可以了。简单、方便。

这个代码有会员所在地区天气预报，还有根据系统时间提醒会员上网时间的功能。很有亲和力！

<html>
<body>
<iframe src="http://www.tianqi123.com/php/current_city.php?
c0=red&c1=D96C00&bg=F4FFF4&w=800&h=20&text=yes" width=650 height=19 marginwidth=0
marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no align=center
id=url></iframe>
<span><SCRIPT language=JavaScript type=text/JavaScript>
var day="";
var month="";
var ampm="";
var ampmhour="";
var myweekday="";
var year="";
mydate=new Date();
myweekday=mydate.getDay();
mymonth=mydate.getMonth()+1;
myday= mydate.getDate();
myyear= mydate.getYear();
year=(myyear > 200) ? myyear : 1900 + myyear;
if(myweekday == 0)
weekday=" 星期日 ";
else if(myweekday == 1)
weekday=" 星期一 ";
else if(myweekday == 2)
weekday=" 星期二 ";
else if(myweekday == 3)
weekday=" 星期三 ";
else if(myweekday == 4)
weekday=" 星期四 ";
else if(myweekday == 5)
weekday=" 星期五 ";
else if(myweekday == 6)
weekday=" 星期六 ";
document.write(year+"年"+mymonth+"月"+myday+"日 "+weekday);
</SCRIPT>|&nbsp</span>
<span><font color="#154BA0"><script language="javaScript">
<!--
now = new Date(),hour = now.getHours()
if(hour < 6){document.write("夜猫子，该睡觉了!!!&nbsp &nbsp")}
else if (hour < 8){document.write("新的一天开始了哦!&nbsp &nbsp")}
else if (hour < 9){document.write("早餐吃了吗?&nbsp &nbsp")}
else if (hour < 10){document.write("好心情好运气! &nbsp &nbsp")}
else if (hour < 11){document.write("欢迎来到地球~ &nbsp &nbsp")}
else if (hour < 12){document.write("工作辛苦了!&nbsp &nbsp")}
else if (hour < 13){document.write("别忘了吃午饭哦!&nbsp &nbsp")}
else if (hour < 14){document.write("没有午休的习惯啊?&nbsp &nbsp")}
else if (hour < 15){document.write("保持积极的心态!!&nbsp &nbsp")}
else if (hour < 16){document.write("相逢的人会再相逢!&nbsp &nbsp")}
else if (hour < 18){document.write("今天工作还顺利吧?!&nbsp &nbsp")}
else if (hour < 20){document.write("终于等到你了 ^_^&nbsp &nbsp")}
else if (hour < 22){document.write("晚上别玩得太晚了哦!&nbsp &nbsp")}
else if (hour < 24){document.write("夜深了!记得早点休息呀!&nbsp &nbsp")}
// -->
</script></font></span>
</body>
</html>
<table width="100%" height="10" border="0" bgcolor="#154BA0">
<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: #154BA0;
margin: 0px;
padding: 0px 0px 0px 15px;
}
img {
border: none;
}
/*- Menu Tabs F--------------------------- */
#tabsF {
float:left;
width:100%;
background:url("http://bbs.cndsx.com/images/default/menu_bg.gif");
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("http://bbs.cndsx.com/images/default/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("http://bbs.cndsx.com/images/default/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:#154BA0;
}
#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.cndsx.com/" target=_blank title="网站首页"><span>网站首页</span></a></li>
<li><a href="http://shop.cndsx.com/" target=_blank title="商城在线"><span>商城在线</span></a></li>
<li><a href="http://www.idcvs.cn/" target=_blank title=" 空间域名"><span>空间域名</span></a></li>
<li><a href="http://news.cndsx.com/" target=_blank title=" 德商资讯"><span>德商资讯</span></a></li>
<li><a href="http://vod.cndsx.com/" target=_blank title="网络影视"><span>网络影视</span></a></li>
<li><a href="http://down.cndsx.com/" target=_blank title="下载中心"><span>下载中心</span></a></li>
<li><a href="http://tool.cndsx.com/" target=_blank title="网络工具"><span>网络工具</span></a></li>
<li><a href="http://book.cndsx.com/" target=_blank title="文学频道"><span>文学频道</span></a></li>
<li><a href="http://music.cndsx.com" target=_blank title="音乐频道"><span>音乐频道</span></a></li>
<li><a href="http://sou.cndsx.com/" target=_blank title="网络搜索"><span>网络搜索</span></a></li>
<li><a href="http://www.cndsx.com/html/" target=_blank title="奥运频道"><span>奥运频道</span></a></li>
<li><a href="http://www.cndsx.com/flash/" target=_blank title="动漫FLASH"><span>动漫FLASH</span></a></li>
</ul>
</div></td>
</tr>
</table>
</body>
</html>

复制代码

这是演示图：（还有三个可能需要的图，我测试可用也可以不用）！

images.rar (2.86 KB, 下载次数: 21)

这是演示图

还可以看实际效果：

http://bbs.cndsx.com

[ 本帖最后由随风小筑于 2007-11-28 06:42 编辑 ]

二六 · 发表于 2007-11-28 06:48

目前论坛有九个大版，使用起来刚好差不多（最多能用十二个导航），这样就能迅速找到大版所在位置！

这样的方式在很多的论坛都有所采用！:lol

二六 · 发表于 2007-11-28 06:52

我还是修改好了放上来吧！现在拿去放上就行了。

还想起来这样可以解决有些朋友提出来的看贴，发贴后需要回到首页的问题！这就可以直接选择了。

<html>
<body>
<iframe src="http://www.tianqi123.com/php/current_city.php?
c0=red&c1=D96C00&bg=F4FFF4&w=800&h=20&text=yes" width=650 height=19 marginwidth=0
marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no align=center
id=url></iframe>
<span><SCRIPT language=JavaScript type=text/JavaScript>
var day="";
var month="";
var ampm="";
var ampmhour="";
var myweekday="";
var year="";
mydate=new Date();
myweekday=mydate.getDay();
mymonth=mydate.getMonth()+1;
myday= mydate.getDate();
myyear= mydate.getYear();
year=(myyear > 200) ? myyear : 1900 + myyear;
if(myweekday == 0)
weekday=" 星期日 ";
else if(myweekday == 1)
weekday=" 星期一 ";
else if(myweekday == 2)
weekday=" 星期二 ";
else if(myweekday == 3)
weekday=" 星期三 ";
else if(myweekday == 4)
weekday=" 星期四 ";
else if(myweekday == 5)
weekday=" 星期五 ";
else if(myweekday == 6)
weekday=" 星期六 ";
document.write(year+"年"+mymonth+"月"+myday+"日 "+weekday);
</SCRIPT>|&nbsp</span>
<span><font color="#154BA0"><script language="javaScript">
<!--
now = new Date(),hour = now.getHours()
if(hour < 6){document.write("夜猫子，该睡觉了!!!&nbsp &nbsp")}
else if (hour < 8){document.write("新的一天开始了哦!&nbsp &nbsp")}
else if (hour < 9){document.write("早餐吃了吗?&nbsp &nbsp")}
else if (hour < 10){document.write("好心情好运气! &nbsp &nbsp")}
else if (hour < 11){document.write("欢迎来到地球~ &nbsp &nbsp")}
else if (hour < 12){document.write("工作辛苦了!&nbsp &nbsp")}
else if (hour < 13){document.write("别忘了吃午饭哦!&nbsp &nbsp")}
else if (hour < 14){document.write("没有午休的习惯啊?&nbsp &nbsp")}
else if (hour < 15){document.write("保持积极的心态!!&nbsp &nbsp")}
else if (hour < 16){document.write("相逢的人会再相逢!&nbsp &nbsp")}
else if (hour < 18){document.write("今天工作还顺利吧?!&nbsp &nbsp")}
else if (hour < 20){document.write("终于等到你了 ^_^&nbsp &nbsp")}
else if (hour < 22){document.write("晚上别玩得太晚了哦!&nbsp &nbsp")}
else if (hour < 24){document.write("夜深了!记得早点休息呀!&nbsp &nbsp")}
// -->
</script></font></span>
</body>
</html>
<table width="100%" height="10" border="0" bgcolor="#154BA0">
<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: #154BA0;
margin: 0px;
padding: 0px 0px 0px 15px;
}
img {
border: none;
}
/*- Menu Tabs F--------------------------- */
#tabsF {
float:left;
width:100%;
background:url("http://www.jy0832.com/images/default/menu_bg.gif");
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("http://www.jy0832.com/images/default/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("http://www.jy0832.com/images/default/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:#154BA0;
}
#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.jy0832.com/" title="简阳论坛"><span>简阳论坛</span></a></li>
<li><a href="http://www.jy0832.com/index.php?gid=2" title="关注雄州"><span>关注雄州</span></a></li>
<li><a href="http://www.jy0832.com/index.php?gid=10" title=" 论坛特邀"><span>论坛特邀</span></a></li>
<li><a href="http://www.jy0832.com/index.php?gid=5" title=" 简州人家"><span>简州人家</span></a></li>
<li><a href="http://www.jy0832.com/index.php?gid=55" title="文学/情感"><span>文学/情感</span></a></li>
<li><a href="http://www.jy0832.com/index.php?gid=20" title="贴近生活"><span>贴近生活</span></a></li>
<li><a href="http://www.jy0832.com/index.php?gid=94" title="唯美影音"><span>唯美影音</span></a></li>
<li><a href="http://www.jy0832.com/index.php?gid=15" title="娱乐休闲"><span>娱乐休闲</span></a></li>
<li><a href="http://www.jy0832.com/index.php?gid=89" title="坛友俱乐部"><span>坛友俱乐部</span></a></li>
<li><a href="http://www.jy0832.com/index.php?gid=24" title="论坛事务"><span>论坛事务</span></a></li>
</ul>
</div></td>
</tr>
</table>
</body>
</html>

复制代码

[ 本帖最后由随风小筑于 2007-11-28 07:08 编辑 ]

川渝秦缘 · 发表于 2007-11-28 07:46

小筑版主辛苦了。

泥娃娃 · 发表于 2007-11-28 09:30

结果加起了没有喃？

二六 · 发表于 2007-11-28 09:33

现在还没有，因为到上班时间了，具体安不安还没决定吧。

上面有效果图。

不是成都人 · 发表于 2007-11-28 13:27

会不会影响速度呢~

川渝秦缘 · 发表于 2007-11-28 18:21

此代码严重影响首页的执行效率，暂不考虑使用。
简阳论坛一直追求：“稳定、快速”
所以对首页的修改都必须在这个前提条件下
目前论坛首页臃肿，一直有“减肥”的想法。
在此谢谢随风小筑版主费心做的代码。

不是成都人 · 发表于 2007-11-28 19:03

原帖由 川渝秦缘 于 2007-11-28 18:21 发表
此代码严重影响首页的执行效率，暂不考虑使用。
简阳论坛一直追求：“稳定、快速”
所以对首页的修改都必须在这个前提条件下
目前论坛首页臃肿，一直有“减肥”的想法。
在此谢谢随风小筑版主费心做的代码。

还是感谢随风斑竹的辛苦工作哈~~

你可以考虑在你的某些贴类采用这类代码，如果全版都使用的确影响太大了~~:handshake

风雨燕双飞 · 发表于 2007-12-2 00:10

影响过大，使用了不太好

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

我有个建议！在用户信息下加导航，使用效果绝对好！

浏览过的版块

中华儿女

龙的传人

风雨同舟

退役版主

“简阳论坛会员卡”持有者

活力四射

热情洋溢

终生成就

论坛卫士

特殊贡献

活动精英

爱心天使

热心肠

“简阳论坛文化衫”拥有者

激情奔放

妙笔生花

08年前曾被评选为优秀版主

2009年优秀版主

男生

家有宝贝

名草有主

QQ达人

10元计划

“勇者无畏”爱心献血勋章

勤奋大师