发布的文章内容分页都是竖向的,很不好看,想把它变成横向的,最好能再适当的美化一下,发布后分页效果如下:
解决方法:
解决方法:
你CSS中加这段代码
.dede_pages{
}
.dede_pages ul{
float:left;
padding:12px 0px 12px 16px;
}
.dede_pages ul li{
float:left;
font-family:Tahoma;
line-height:17px;
margin-right:6px;
}
.dede_pages ul li a{
float:left;
padding:2px 4px 2px;
color:#555;
border-bottom:1px solid #EEE;
}
.dede_pages ul li a:hover{
color:#690;
text-decoration:none;
padding:2px 4px 1px;
border-bottom:2px solid #690;
}
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
color:#F63;
padding:2px 4px 1px;
border-bottom:2px solid #F63;
font-weight:bold;
}
.dede_pages .pageinfo{
line-height:21px;
padding:12px 10px 12px 16px;
color:#999;
}
.dede_pages .pageinfo strong{
color:#555;
font-weight:normal;
margin:0px 2px;
}
模板调用
<div class="dede_pages">
<ul class="pagelist">
{dede:pagebreak/}
</ul>
</div
分页就横排了·~~~
.dede_pages{
}
.dede_pages ul{
float:left;
padding:12px 0px 12px 16px;
}
.dede_pages ul li{
float:left;
font-family:Tahoma;
line-height:17px;
margin-right:6px;
}
.dede_pages ul li a{
float:left;
padding:2px 4px 2px;
color:#555;
border-bottom:1px solid #EEE;
}
.dede_pages ul li a:hover{
color:#690;
text-decoration:none;
padding:2px 4px 1px;
border-bottom:2px solid #690;
}
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
color:#F63;
padding:2px 4px 1px;
border-bottom:2px solid #F63;
font-weight:bold;
}
.dede_pages .pageinfo{
line-height:21px;
padding:12px 10px 12px 16px;
color:#999;
}
.dede_pages .pageinfo strong{
color:#555;
font-weight:normal;
margin:0px 2px;
}
模板调用
<div class="dede_pages">
<ul class="pagelist">
{dede:pagebreak/}
</ul>
</div
分页就横排了·~~~