欢迎您访问【织梦源码网】,原创织梦源码站长素材资源下载站! QQ客服
织梦源码网-原创dedecms织梦模板和jQuery网页素材下载站
当前位置 : 当前位置 :主页 > 织梦教程 > 织梦优化 > 解决织梦dedecms分页列表竖着的办法

解决织梦dedecms分页列表竖着的办法

这个问题一般是css样式造成的,用过dedecms默认模板的就知道dedcms默认模板的分页就是一个很好的素材。你要是稍微懂一些 css的话 自己加上一些 鼠标hover样式 之类的就更加完美了。
 
下面放出一段通用代码,大家在实际运用中可以根据需求进行修改!
 
div段代码:
 
<div class="listpages">
<ul class="pagelist">
{dede:pagelist listitem="info,index,end,pre,next,pageno,option" listsize="5"/}
</ul>
</div>
 
CSS段代码(加载到你自己的CSS中去)
 
.listpages ul{float:left;padding:12px 0 12px 16px}
.listpages ul li{float:left;font-family:Tahoma;line-height:17px;margin-right:6px;border:1px solid #e9e9e9}
.listpages ul li a{float:left;padding:2px 4px 2px;color:#555;display:block}
.listpages ul li a:hover{color:#690;text-decoration:none;padding:2px 4px 2px}
.pagebox ul li.thisclass a:hover,.listpages ul li.thisclass,.listpages ul li.thisclass a{background-color:#f8f8f8;padding:2px 4px 2px;font-weight:700}
.listpages .pageinfo{line-height:21px;padding:12px 10px 12px 16px;color:#999}
.listpages .pageinfo strong{color:#555;font-weight:400;margin:0 2px}
 

随机织梦源码推荐

二维码
意见反馈
×