思玲妹妹的博客

在博客任意位置添加任意栏目的方法

                                      

      利用博客的”链接管理“功能添加栏目虽然方便，但是由于字数（2000字节以内）和位置限制（内一类型只能在同一位置，且宽度要一致），因此有时要想达到某一效果就要自定义一个栏目了。现以本站头部右侧的“加入收藏”为例说明：

一。在首页CSS加入一段代码：

/*====加入收藏定位========*/
.souchang {
  display:block;
  position:absolute;
  width:150px;
  left:640px;
  top:-120px;
  color:#A67D2A;
}

二。在链接标签或日志中加入以下HTML代码就可以了：

<div class="souchang"><table height="75" cellspacing="0" cellpadding="0" width="110" align="center" border="0" valign="middle"><tbody><tr align="center"><td valign="middle" width="35"><img alt="" align="right" src="http://silin1984.bokee.com/inc/sc.JPG" /></td><td valign="middle" width="75"><a href="javascript:window.external.addFavorite('http://silin1984.bokee.com/','思玲妹妹的博客')"><font color="#00007f">加入收藏</font></a><a style="BEHAVIOR: url(#default#homepage)" onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://silin1984.bokee.com')" href="http://silin1984.bokee.com/#"><font color="#00007f"></font></a></td></tr><tr align="center"><td valign="middle" width="35"><img alt="" align="right" src="http://silin1984.bokee.com/inc/sy.JPG" /></td><td valign="middle" width="75"><a style="BEHAVIOR: url(#default#homepage)" onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://silin1984.bokee.com/')" href="http://silin1984.bokee.com/#"><font color="#00007f">设为首页</font></a></td></tr><tr align="center"><td valign="middle" width="35"><font color="#00007f"><img alt="" align="right" src="http://silin1984.bokee.com/inc/lx.JPG" /></font></td><td valign="middle" width="75"><a target="_blank" href="http://www.fur8.com/asp/book/guestbook.asp?user=silin1984"><font color="#00007f">联系站长</font></a></td></tr></tbody></table></div>

     

      要在任意位置加入任意栏目都可以用这个方法，既：添加CSS设计和定位栏目--------发表日志显示此栏目------根据显示效果进行更改或校正（比如位置不对等）。只要学会了这个方法，那么要为你的博客设计出任何静态页面效果都是可能的了（动态页面服务器有限制）。

【作者: 思玲妹妹】【访问统计:】【2006年08月13日 星期日 01:33】【注册】【打印】