二六 发表于 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=_blanktitle="网络工具"><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>这是演示图：（还有三个可能需要的图，我测试可用也可以不用）！




还可以看实际效果：

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 发表 http://www.jy0832.com/images/common/back.gif
此代码严重影响首页的执行效率，暂不考虑使用。
简阳论坛一直追求：“稳定、快速”
所以对首页的修改都必须在这个前提条件下
目前论坛首页臃肿，一直有“减肥”的想法。
在此谢谢随风小筑版主费心做的代码。

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

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

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

影响过大， 使用了不太好
页: [1]
查看完整版本: 我有个建议！在用户信息下加导航，使用效果绝对好！