Only U is in my heart!
I will be right here waiting for you.

设定Tstyle侧边栏文章分类和友情链接为双列显示

按照给wordpress主题Tstyle侧边栏添加文章分类和友情链接修改代码之后,分类目录和链接显示为一列,这有点看起来不舒服!分类目录和友情链接多了太占空间了,显示的老长老长的,最右边空空的,也很难看。

用ul li实现多列显示很容易,在style.css中加入下面的样式,就可以了:

/* 分类目录显示两列*/
.sidebar_categories ul{
    display:block;
    overflow:auto;
	padding:8px 12px;
}
.sidebar_categories ul li{
    width:100px;
    float:left;
	padding-bottom:4px;
}
/* 链接显示两列*/
.widget_links ul{
    display:block;
    overflow:hidden;
	padding:8px 12px;
}
.widget_links ul li{
   width:100px;
    float:left;
	padding-bottom:4px;
}

另外,查找#side-dfn .f-m,将对应的height的值修改为auto,原来设定为固定的高度220px,链接少了或多了都使排版不协调。

Over!bye!

赞(0) 打赏
未经允许不得转载:Onlyisu » 设定Tstyle侧边栏文章分类和友情链接为双列显示

相关推荐

  • 暂无文章

评论 6

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

大前端WP主题 更专业 更方便

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏