在博客首页制作滚动链接节省空间
制作/一叶吹舟
滚动链接
实现的效果(可看我的首页)
代码如下:
<DIV align=center>
<TABLE style="BORDER-RIGHT: #0000ff 2px solid; BORDER-TOP: #0000ff 2px solid; BORDER-LEFT: #0000ff 2px solid; WIDTH: 180px; BORDER-BOTTOM: #0000ff 2px solid; HEIGHT: 180px" cellSpacing=0 cellPadding=3 width=100 border=0>
<TBODY>
<TR>
<TD style="COLOR: #808080" align=middle bgColor=#0000ff>标题名称</TD></TR>
<TR>
<TD height=180><BR>
<MARQUEE class="lh15 lb_tt" style="WIDTH: 150px; HEIGHT: 120px" scrollAmount=1 hspace=5 scrollDelay=30 direction=up height=120>
<A href="链接网址" target=_blank><FONT color=#808080>名称</FONT></A><BR>
<A href="链接网址" target=_blank><FONT color=#808080>名称</FONT></A><BR>
<A href="链接网址" target=_blank><FONT color=#808080>名称</FONT></A><BR>
<A href="链接网址" target=_blank><FONT color=#808080>名称</FONT></A><BR>
</MARQUEE></TD></TR></TBODY></TABLE></DIV>
代码说明:
1. 在TABLE段里(边框的设置)
BORDER-RIGHT: #0000ff 边框的颜色
2px 指边框线的厚度(数值越大越粗),
WIDTH: 180px 边框的宽度 HEIGHT: 180px 边框的高度
cellSpacing=0 标题处的边框线,一般设置为0(无)
cellPadding=3 字与边框的距离
TD height=180 指整个框架的高度
2. 在MARQUEE段里(字框的设置)
WIDTH: 150px; HEIGHT: 120px字滚动区域的大小(宽度和高度)
scrollDelay=30 滚动播放次数, scrollAmount=1 速值越大越快, hspace=5 字与框的水平间距
direction=up 字滚动方向(向上), UP向上,LEFT向左,RIGHT向右,domn向下
3. 其他链接网址和显示的名称及颜色,覆盖代替你需要的链接就行了
注:复制代码到记事本里,弄好链接到首页模块里添加,勾选源代码,粘贴代码保存即可.
◇◇◇◇◇◇◇◇◇◇
下拉式链接
博客链接
代码如下:
<SPAN style="FONT-SIZE: 12pt; COLOR: #990000;">标题名称</SPAN>
<DIV style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; SCROLLBAR-FACE-COLOR: #990000; OVERFLOW-X: hidden; SCROLLBAR-HIGHLIGHT-COLOR: #990000; OVERFLOW: scroll; BORDER-LEFT: black 0px solid; WIDTH: 190px; SCROLLBAR-SHADOW-COLOR: #ff9933; DIRECTION: rtl; SCROLLBAR-3DLIGHT-COLOR: #ff9900; SCROLLBAR-ARROW-COLOR: #ff9900; SCROLLBAR-TRACK-COLOR: #ff9900; BORDER-BOTTOM: black 0px solid; SCROLLBAR-DARKSHADOW-COLOR: #ff9933; HEIGHT: 150px" align=left>
<DIV>·<A href="链接网址" target=_blank><FONT color=#808080>名称</A></DIV>
<DIV>·<A href="链接网址" target=_blank><FONT color=#808080>名称</A></DIV>
<DIV>·<A href="链接网址" target=_blank><FONT color=#808080>名称</A></DIV>
说明:
第一段字符串是标题名称的颜色和大小;
第二段字符串里是下拉式滚动条的设置,改变颜色代码就可以设置成自己喜欢的颜色;
后面就是你的链接网址和名称及颜色了,复制替换就行了.
上面这些代码好象有些复杂和恐怖,但只是做首页上链接,只改动一些颜色和链接地址之类的还不难,这些只做一些参考吧,喜欢节省首页空间和美化的朋友可以试用一下. (这两种代码可以制作博客圈链接,文章链接和博友链接用).
欢迎光临一叶吹舟素材博客
(转载请注明出处)