此岸

文本书签加滚动条的方法

关键词： 文本书签                                          

友情BLOG（自带滚动条）、评论、留言加滚动条早已被各大高手攻克，奇怪的是，却迟迟没有博友研究文本书签加滚动条。

不过，文本书签加滚动条的重要性却丝毫不亚于上面三者。众所周知，目前友情BLOG的链接需要加载所链接的博客网站的名称和该博客最新一篇日志的名称，这个加载过程由于技术的不成熟相当耗费时间，而文本书签链接的网站在显示时不用加载上述项目，所以显示的时候相对快许多。

然而美中不足的是，默认情况下文本书签是没有滚动条的，不像友情BLOG，自带滚动条，一旦链接的网站多了，会排得很长很长，影响美观。

笔者一直不忘研究给文本书签加滚动条的方法，在经历过三十余次的失败后，今天终于研究成功了！

具体操作如下：一、登陆后台，选择“链接管理”，在“选择链接列表类型”里选择“文本书签”，在“添加链接列表名称”填写链接列表的名称，然后点击“创建新的链接列表”，创建一个文本书签类型的链接列表（如果已经创建了一个或多个文本书签，大可跳过此步）。二、保证文本书签里有八个以上的链接，否则看不出滚动条的效果（未达到八个以上时没有滚动条，达到后自动出现滚动条）。三、打开自己的个人博客（是前台不是后台），点“查看”－“源文件”，查找“bookmarkGroup”，你将会找到以下代码：">，记下这个“id="bookmarkGroup"后面的数字。四、登陆后台，点击－模板设置－模板DIY，在最后加入如下代码：

数字

.bookmarkGroup#bookmarkGroup数字{overflow: auto;

   font-family: Arial,Helvetica,sans-serif;

 font-size: 9pt;

 line-height: 18px;

 color: #000000;

 text-decoration: none;

 height:150px;

 SCROLLBAR-FACE-COLOR: #FFDDAA;

 SCROLLBAR-HIGHLIGHT-COLOR: #DEEB9F;

 SCROLLBAR-SHADOW-COLOR: #DEEB9F;

 SCROLLBAR-3DLIGHT-COLOR:#DEEB9F;

 SCROLLBAR-TRACK-COLOR: #FFFACD;

 SCROLLBAR-ARROW-COLOR: #4A590D;

 SCROLLBAR-DARKSHADOW-COLOR: #DEEB9F;}

注意第一行的bookmarkGroup数字，就是刚才要你记下的值，比如我的某一个文本书签先前按第三步查到的代码是，那么第一行就应该是：.bookmarkGroup#bookmarkGroup189115{overflow: auto;

这里要注意，每一个文本书签的id="bookmarkGroup"后面的数字都是不同的。

如果你有多个文本书签的话，你需要按第三步查出各个文本书签的id="bookmarkGroup"后面的数字，然后分别加入第四部的代码，有几个文本书签就要加入几段同样的代码，只不过#bookmarkGroup后面的数字不同而已。

    好了，添加完代码后点“保存修改”，再进入你的个人博客，你就会发现文本书签也神奇般地拥有了和友情BLOG一样的滚动条！

【作者: 般若】【访问统计:】【2005年10月10日 星期一 00:52】【 加入博采】【打印】