首页装饰----导航条,新闻条

来源:└博友窝  编辑:博客代码网  发布时间:2007-05-06  点击:  [收藏]

一,导航条1,最简单的固定的
<DIV style="LEFT: 155px; WIDTH: 200px; POSITION: absolute; TOP: 191px; HEIGHT: 35px">
<TABLE cellSpacing=0 cellPadding=0 width=204 border=0>
<TBODY>
<TR>
<TD>┆<A href="首页地址" target=_blank>首页</A>┆<A href="地址1" target=_blank>词语1</A>┆<A href="地址2" target=_blank>词语2</A></TD></TR></TBODY></TABLE></DIV> 2、移动的导航条(看上去像新闻条)就像纯粹顶部一个带链接的滚动字幕<DIV style="LEFT: 10px; POSITION: absolute; TOP: 20px" align=left>
<TABLE cellSpacing=0 cellPadding=0 border=0><MARQUEE style="WIDTH: 375px; HEIGHT: 12px" scrollAmount=1 scrollDelay=1 width=250 height=12 <FONT color="#0080ff" onmouseover="this.stop()" onmouseout="this.start()"><A href="链接地址1=" target=blank><FONT color=#0000ff>词语1</FONT>欢迎你 <A href="链接地址2" target=blank><FONT color=#0000ff>词语2</FONT>希望能对你有所帮助<A href="链接地址3" target=blank>〖<FONT color=#ff0000>词语3</FONT>〗</A> <A href="链接地址4" target=blank>〖<FONT color=#ff80c0>词语4</FONT>〗</A> <A href="链接地址5" target=blank>〖</FONT><FONT color=#ff9933>词语5</FONT>〗</A> <A href="链接地址6" target=blank>〖<FONT color=#80ff80>词语6</FONT>〗</A> <A href="地址7" target=blank>〖<FONT color=#cccc80>词语7</FONT>〗</A> </STRONG></MARQUEE></TD></TR></TBODY></TABLE></DIV></DIV>
3,在横幅下方菜单处的自定义导航栏源代码(放上鼠标就动)
<DIV style="LEFT: 165px; POSITION: absolute; TOP: 194px">
<TABLE cellSpacing=0 cellPadding=0 width=550 border=0>
<TBODY>
<TR>
<TD>
<A href="此处填写连接地址" target=_blank><FONT color=#ff00ff>这里填写导航文字</A>
<A href="此处填写连接地址" target=_blank><FONT color=#ff00ff>这里填写导航文字</A>
<A href="此处填写连接地址" target=_blank><FONT color=#ff00ff>这里填写导航文字</A>
<A href="此处填写连接地址" target=_blank><FONT color=#ff00ff>这里填写导航文字</A>
<A href="此处填写连接地址" target=_blank><FONT color=#ff00ff>这里填写导航文字</A>
<A href="此处填写连接地址" target=_blank><FONT color=#ff00ff>这里填写导航文字</A>
</TD></TR></TBODY></TABLE></DIV>
代码说明:
可以根据自己的需要来增加或减少代码中的每一组:
<A href="此处填写连接地址" target=_blank><FONT color=#ff00ff>这里填写导航文字</A>
width=550 为导航栏的宽度.(可自行调节)
<FONT color=#ff00ff>字体的颜色.(可以自己调解)
LEFT: 165px表示导航栏距离屏幕左边缘的距离.(可以自己调解)
TOP: 194px 表示导航栏距离屏幕上边缘的距离.(可以自己调解)
未增宽的博客可以直接使用该代码中的数据设置。
二,在博客里添加滚动新闻
1,简单的.以新浪竞技风暴新闻为例
<center><IFRAME src=http://sports.sina.com.cn/iframe/run/index.htm frameBorder=0 width=157 scrolling=no height=240></IFRAME></center>
  代码说明:
  在新闻地址处(红色处)贴入地址链接,FlASH的链接要符合以下条件:
  1, 必须后缀以"*.swf"结尾的。
  2, 必须是上传到网络上的地址,以http://开头
  例子,符合以上情况的地址“../...../...*.swf”
  width和height为FLASH的宽、高属性,属性的值可以自己修改。 2,实用的.代码如下:
<DIV style="RIGHT: 300px; POSITION: absolute; TOP: 225px">
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD><IFRAME border=0 name=sina_roll marginWidth=0 marginHeight=0 src="http://links.news.sohu.com/scscne002.html" frameBorder=No width="100%" scrolling=no height=15></IFRAME> </TD></TR></TBODY></TABLE></DIV>
代码说明:
这个代码就是在你博客导航条下方,用定位代码放一个新闻的滚动链接!以上是sohu综合新闻代码,你可以换成别的新闻。
CCTV,新浪.搜狐滚动新闻代码这里有很多新闻的代码,把这里面的代码中的地址,例如:第一个新浪新闻代码中的http://news.sina.com.cn/o/allnews/input/index.html就是新闻地址了,你想换什么新闻,自己把地址覆盖在这段代码中的地址上吧!可以根据自己的需要来增加或减少代码中的每一组:
<A href="此处填写连接地址" target=_blank><FONT color=#ff00ff>这里填写导航文字</FONT></A>
width=550 为导航栏的宽度.(可自行调节)
<FONT color=#ff00ff>字体的颜色.(可以自己调解)
RIGHT: 300px 左右位置,数值越大,越偏向左。
TOP: 225px 上下数值,数值越大,越往下!

文章地址: