2008-07
03
Thu
首页顶部多选项的TAB效果
作者:Edge 日期:2008-07-03 23:23
首页的TAB效果现在公布一下源码，大家自己对照着修改：
对插件有一定的修改，大家请谨慎安装
演示效果见本BLOG首页
1.下载安装包，后台安装所有插件。TAB.JS；TAB.CSS；TopBlog.asp三个文件放于博客根目录下
2.在后台新建TAB内容模块 设置排序位最小值（保持在顶部）
如果安装了WBC的相关日志插件的建议TAB模块设置为首页独享
编辑HTML 插入
程序代码
根据自己的皮肤修改对应的TAB.CSS样式
该TAB效果比较适合于线条感强的皮肤！
点击下载此文件
对插件有一定的修改，大家请谨慎安装
演示效果见本BLOG首页
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>
<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>
根据自己的皮肤修改对应的TAB.CSS样式
该TAB效果比较适合于线条感强的皮肤！
点击下载此文件
文章来自: 
引用通告: 
Tags: 
]果果
我都按照你的修改了
怎么不行呀
热门日志显示<$HotLog$>
随即日志显示<$RandomLog$>
只有最新可以完全显示
我都按照你的修改了
怎么不行呀
热门日志显示<$HotLog$>
随即日志显示<$RandomLog$>
只有最新可以完全显示
Edge于2008-09-06 02:38 PM回复
需要下载我的修改版才可以！2008-09-06 11:38 AM 回复该评论
热门日志不会自动省略显示长标题！导致换行~~热门日志不会自动省略显示长标题！导致换行~~
Edge 于 2008-06-08 12:05 AM 回复
需要个人根据自己皮肤以及架构设置字符串显示的长度就可以了。2008-08-05 11:32 AM 回复该评论
想问下博主,这个标签里面的最新留言和最新评论调用代码
Edge 于 2008-07-30 05:10 PM 回复
自己修改一下留言板插件和最新评论的模块。最近没什么时间上网的 2008-07-29 09:31 AM 回复该评论
我的是这样的但不显示：
<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>
<li >最新留言</li>
</div>
<div style="FLOAT: left;width=160px;height=120px;padding-top:4px;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>
<dl>
<$NewMsg$>
</dl>
</div>
</div></div>
<script language="javascript">ntab2_register('test1', 3);</script>
留言本插件的问题，不支持内容调用！
<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>
<li >最新留言</li>
</div>
<div style="FLOAT: left;width=160px;height=120px;padding-top:4px;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>
<dl>
<$NewMsg$>
</dl>
</div>
</div></div>
<script language="javascript">ntab2_register('test1', 3);</script>
Edge 于 2008-07-26 02:48 PM 回复
是不是只显示<$NewMsg$>留言本插件的问题，不支持内容调用！
2008-07-26 01:55 PM 回复该评论
发表评论
我安装了精品文章插件.是调用 <$EliteLog$>
要如何添加呢??
在
<div id="test1" style="">
<div class="ntab2-head">
<li >最新留言</li>
<li >最新日志</li>
<li>随机日志</li>
<li >热门日志</li>
</div>
在里面添加了 <li >精品文章</li> 和 <li >日志评论</li>
然后在
</div><div class="ntab2-body">
<dl>
<$NewMsg2$>
</dl>
<dl>
<script language="javascript" src="topblog.asp?TopLen=7&titleLength=24"></script>
</dl>
<dl>
<$RandomLog$>
......
</div></div>
</td>
</tr>
</table>
<script language="javascript">ntab2_register('test1', 3);</script>
里面添加了 调用 评论和精品文章的插件,为什么不行?