zblog右侧栏标签友情链接等等一排两个展示的修改方法

作者:liaoren 时间:17-03-07 阅读数:16330人阅读

有很多朋友都会问这个问题:想让右侧栏的标签、友情链接、网站分类啊什么的一排两列展示怎么搞?本文就大概的讲下方法。

首先说明下,修改这个修改的是css文件(如何找到你的模板css文件请查看:zblogphp主题模板修改教程 zblogphp模板怎么修改? 和 zblog主题怎么修改?zblogasp主题修改方法),找到css文件后开始修改。

右侧栏的每个模块都有自己的专属id,例如标签的id就是“divTags”,友情链接的id是“divLinkage”,怎么查看呢?推荐用谷歌浏览器或者火狐浏览器,鼠标放在你想要看id的模块,鼠标右键-审查元素就可以看到了。

找到你想要让它一排两个展示的右侧栏区块后,我们开始来增加css了。

示例:1

CSS
#divTags{ float:left; clear:both; width:100%;}
#divTags  li{float: left;width: 45%;}

示例:2

#divCatalog li{ width:130px; float:left;}

其他模块以此类推。

声明:此代码不会对所有的主题都可以生效,有的需要做修改,有的主题不调用系统侧栏的则完全无效,请按照自身情况而定。


发表评论

请先登录 再评论,若不是会员请先注册