在博客首頁(yè)制作滾動(dòng)鏈接節(jié)省空間
制作/一葉吹舟
滾動(dòng)鏈接
實(shí)現(xiàn)的效果(可看我的首頁(yè))
代碼如下:
<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>標(biāo)題名稱</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="鏈接網(wǎng)址" target=_blank><FONT color=#808080>名稱</FONT></A><BR>
<A href="鏈接網(wǎng)址" target=_blank><FONT color=#808080>名稱</FONT></A><BR>
<A href="鏈接網(wǎng)址" target=_blank><FONT color=#808080>名稱</FONT></A><BR>
<A href="鏈接網(wǎng)址" target=_blank><FONT color=#808080>名稱</FONT></A><BR>
</MARQUEE></TD></TR></TBODY></TABLE></DIV>
代碼說(shuō)明:
1. 在TABLE段里(邊框的設(shè)置)
BORDER-RIGHT: #0000ff 邊框的顏色
2px 指邊框線的厚度(數(shù)值越大越粗),
WIDTH: 180px 邊框的寬度 HEIGHT: 180px 邊框的高度
cellSpacing=0 標(biāo)題處的邊框線,一般設(shè)置為0(無(wú))
cellPadding=3 字與邊框的距離
TD height=180 指整個(gè)框架的高度
2. 在MARQUEE段里(字框的設(shè)置)
WIDTH: 150px; HEIGHT: 120px字滾動(dòng)區(qū)域的大小(寬度和高度)
scrollDelay=30 滾動(dòng)播放次數(shù), scrollAmount=1 速值越大越快, hspace=5 字與框的水平間距
direction=up 字滾動(dòng)方向(向上), UP向上，LEFT向左，RIGHT向右，domn向下
3. 其他鏈接網(wǎng)址和顯示的名稱及顏色,覆蓋代替你需要的鏈接就行了
注:復(fù)制代碼到記事本里,弄好鏈接到首頁(yè)模塊里添加,勾選源代碼,粘貼代碼保存即可.
◇◇◇◇◇◇◇◇◇◇
下拉式鏈接
博客鏈接
代碼如下:
<SPAN style="FONT-SIZE: 12pt; COLOR: #990000;">標(biāo)題名稱</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="鏈接網(wǎng)址" target=_blank><FONT color=#808080>名稱</A></DIV>
<DIV>·<A href="鏈接網(wǎng)址" target=_blank><FONT color=#808080>名稱</A></DIV>
<DIV>·<A href="鏈接網(wǎng)址" target=_blank><FONT color=#808080>名稱</A></DIV>
說(shuō)明:
第一段字符串是標(biāo)題名稱的顏色和大小;
第二段字符串里是下拉式滾動(dòng)條的設(shè)置,改變顏色代碼就可以設(shè)置成自己喜歡的顏色;
后面就是你的鏈接網(wǎng)址和名稱及顏色了,復(fù)制替換就行了.
上面這些代碼好象有些復(fù)雜和恐怖,但只是做首頁(yè)上鏈接,只改動(dòng)一些顏色和鏈接地址之類的還不難,這些只做一些參考吧,喜歡節(jié)省首頁(yè)空間和美化的朋友可以試用一下. (這兩種代碼可以制作博客圈鏈接,文章鏈接和博友鏈接用).
歡迎光臨一葉吹舟素材博客
(轉(zhuǎn)載請(qǐng)注明出處)
(2009-01-19 18:38:46)
