我们的页面上一般都有友情链接这一栏，随着开博时间的推移，链接的好友也越来越多，长长的一串链接，既占用了好大的空间又影响页面布局．有博友问到我首页上那个小巧玲珑的链接是怎么做的，详细解说一下吧：
第一款：
代码如下：
</FONT>博客学堂<DIV style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; SCROLLBAR-FACE-COLOR: #1afd9c; OVERFLOW-X: hidden; SCROLLBAR-HIGHLIGHT-COLOR: #82d900; OVERFLOW: scroll; BORDER-LEFT: black 0px solid; WIDTH: 190px; SCROLLBAR-SHADOW-COLOR: #8cea00; DIRECTION: rtl; SCROLLBAR-3DLIGHT-COLOR: #73bf00; SCROLLBAR-ARROW-COLOR: #73bf00; SCROLLBAR-TRACK-COLOR: #73bf00; BORDER-BOTTOM: black 0px solid; SCROLLBAR-DARKSHADOW-COLOR: #82d900; HEIGHT: 150px" align=left>
<DIV>·<A href="链接地址" target=_blank><FONT color=#ffc78e>链接名称</A></DIV>
<DIV>·<A href="链接地址" target=_blank><FONT color=#ffc78e>链接名称</A></DIV>
<DIV>·<A href="链接地址" target=_blank><FONT color=#ffc78e>链接名称</A></DIV>
小说明：
粉色字：改为你要写的字，比如，友情链接等等．
绿色字：链接框的颜色，可以自己随意更换．
紫色字：链接处的网址．
桔色字：显示出的链接人名．
红色字：显示出的链接人名字的颜色，可随意．
第二款：
动态的链接也很好看！总显示“输入内容不能大于500字符”
代码如下:
<DIV><BR><TABLE style="BORDER-RIGHT: #
ff80co 2px solid; BORDER-TOP: #
ff80c0 2px solid; BORDER-LEFT: #
ff80c0 2px solid; WIDTH: 170px; BORDER-BOTTOM: #
ff80c0 2px solid; HEIGHT: 180px" cellSpacing=0 cellPadding=3 width=170 border=0><BR><TBODY><BR><TR><BR><TD align=middle bgColor=#
ff80c0<B style="COLOR: #
000000">
友情链接</B></TD></TR><BR><TR><BR><TD height=180><BR><MARQUEE class="lh15 lb_tt" style="WIDTH: 140px; HEIGHT: 180px" scrollAmount=1 hspace=5 scrollDelay=30 direction=up height=180 >
<A href="
链接地址" target=_blank
><FONT color=#ff80c0>连接名称</A><BR>
<A href="
链接地址" target=_blank>
<FONT color=#ff80c0>连接名称</A><BR>
<A href="
链接地址" target=_blank
><FONT color=#ff80c0>连接名称</A><BR>
<A href="
链接地址" target=_blank
><FONT color=#ff80c0>连接名称</A><BR>
</MARQUEE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>
添加方法：
控制面板——个人首页维护——自定义空白面板点编辑——新增——显示源代码打勾——复制代码粘贴在两个<DIV>之间——去掉勾保存确定
控制面板——定制我的首页——添加模块——刚才建立的这项打勾——保存
收藏和分享:
