pjblog首页顶部多选项的TAB效果

已为老胡 2008-11-29 AM 1308℃ 0条

    1.下载安装包(文章末尾),后台安装所有插件(必须先安装插件哦)。TAB.JS;TAB.CSS;TopBlog.asp三个文件放于博客根目录下

    2.在后台新建TAB内容模块 设置排序位最小值(保持在顶部)
如果安装了WBC的相关日志插件的建议TAB模块设置为首页独享

    编辑HTML 插入(里面我只保存了最新日志,随机日志,热门日志三个,需要的自己修改)

 

 程序代码
<link id="css" rel="stylesheet" type="text/css" href="tab.css" />
<div class="Content">  <script type="text/javascript" src="tabs.js"></script>
<div id="test1" style="">
  <div class="ntab2-head">
<li >最新日志</li>
<li>随机日志</li>
<li >热门日志</li>
  </div>
  <div style="FLOAT: left;width=160px;height=120px;padding-top:6px;padding-left:6px;padding-right:12px;"><$ShowXphotoFocus$></div><div class="ntab2-body">
    <dl>
<script language="javascript" src="topblog.asp?TopLen=7&titleLength=15"></script>
</dl>
<dl>
   <$RandomLog$>
</dl>
    <dl>
   <$HotLog$>
</dl>
  </div>
</div></div>
<script language="javascript">ntab2_register('test1', 3);</script>

 

    3.根据自己的皮肤修改对应的TAB.CSS样式
该TAB效果比较适合于线条感强的皮肤!

    4.需要自己添加标签的,标签名用<li>内容</li>,然后对应位置下面用<dl>内容</dl>即可了~~

标签: PJblog

非特殊说明,本博所有文章均为博主原创。

评论啦~