[转帖]《博客分栏宝典》—惊奇工厂作者:古道西风瘦马- -| 回首页 | 2006年索引 | - -颜色代码表大全

[转贴]教你查找链接列表的id值作者-逍遥赵

                                      

 我们每当在后台里创建一个链接列表后,相应的,首页的源代码里就会自动生成一个链接列表的id和id对应的代码。

  通过浏览器的“查看”-“查看源代码”,我们可以分析一下首页的链接列表的源代码:

  以我的博客的首页源代码为例,我的首页有一个链接列表叫做“最具规模的博友链接”,那么就比如可以在源代码中找到以下代码:

  



  

【最具规模的博友链接】



  


      


  


  这其中,

之间是链接列表的名称,而bookmarkGroup189115就是该链接列表的id值。

  有了这个id值,我们就可以在首页的CSS通过加入一些CSS代码对这个链接列表进行随意的控制和调整。

  只需在CSS中加入以下代码:

  #bookmarkGroup189115{

  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;

  }

  便实现了链接列表加入滚动条的效果。

  另外如果将上面的代码精简为下面的代码:

  #bookmarkGroup189115{Height:0 px;}

  这就实现了首页显示的链接列表没有任何空白的效果(前提是不在链接列表里加入链接而是只在链接列表的描述里加入代码)。

  依此类推,要想在CSS里任意控制某一个链接列表,只需找出它的id值,然后在CSS里加入:#bookmarkGroupXXXX{控制代码;}即可(XXXX为该链接列表的值)。

  再提示大家一个快捷方法,在查看源代码时,按CTRL+F,在“查找内容”里输入链接列表的名字,然后查找,就能立即找到它的id了(就在附近嘛)。

【作者: 凌风】【访问统计:】【2006年01月6日 星期五 19:30】【 加入博采】【打印

Trackback

你可以使用这个链接引用该篇文章 http://publishblog.blogchina.com/blog/tb.b?diaryID=4117703

博客手拉手

回复

验证码:   
评论内容: