【博客美化】在博客首页制作滚动链接

【博客美化】在博客首页制作滚动链接

(2009-01-19 18:38:46)

转载▼

标签： 博客美化 博客素材 代码应用 滚动链接 下拉式链接 音乐 一叶吹舟 杂谈

分类： 网络素材

在博客首页制作滚动链接节省空间

制作/一叶吹舟

 

滚动链接 

音画欣赏

大地的旋律 风的呢喃 落日幽谷 人间天上 静谧黄昏 无垠地平线 初雪 梦幻天际 倾听夜色 倒影 闲云孤鹤 高山流水 采莲图

实现的效果(可看我的首页)

 

代码如下:

<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>

 

说明:

第一段字符串是标题名称的颜色和大小;

第二段字符串里是下拉式滚动条的设置,改变颜色代码就可以设置成自己喜欢的颜色;

后面就是你的链接网址和名称及颜色了,复制替换就行了.

 

 

上面这些代码好象有些复杂和恐怖,但只是做首页上链接,只改动一些颜色和链接地址之类的还不难,这些只做一些参考吧,喜欢节省首页空间和美化的朋友可以试用一下. (这两种代码可以制作博客圈链接,文章链接和博友链接用).

 

欢迎光临一叶吹舟素材博客

(转载请注明出处)