SDCMS仿站分页乱码的修改方法

建站教程

仿站的时候,经常会遇到新闻、产品分页的css乱了,这是因为输出的结构和目标站不一样。最简单的解决方法就是用sdcms自己的分页来定义css.

已最新的企业版为例,门户版应该也是一样的,没有测试。

特别提示:部分浏览器会缓存css,修改后记得更新浏览器缓存,Ctrl+f5强制刷新一下

SDCMS2.3企业版

分页代码

<div class="list_page page_group"><ul>{showpage}</ul></div>

CSS里加上以下代码即可

/*list*/
.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}

如果和你仿的网站有冲突,修改一下class名称即可

分页代码

<div class="list_page2 page_group2"><ul>{showpage}</ul></div>

CSS里加上以下代码即可

/*list*/
.list_page2{text-align:center;margin:10px;display:block;}
.list_page2:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page2 ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page2 ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page2 ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group2 ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group2 ul li{border-right:none;border-radius:0;float:left;}
.page_group2 ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group2 ul li:first-child{border-radius:4px 0 0 4px;}
.page_group2 ul li:last-child{border-radius:0 4px 4px 0;}
.page_group2 ul .active a{background:#f3f3f3;border-radius:0;}

也许您对下面的内容还感兴趣: