# 西安网站建设

### 常见问题

- 07-11 动态网页与静态网页差别在哪？
- 07-11 企业网站建设常见的三种模式
- 07-11 网站如何提高用户体验度
- 07-11 为什么要选择好的虚拟主机
- 07-08 为什么网站建设价格悬殊如此之大
- 07-08 一味比价的客户，受害是自己！
- 07-08 西安做一个网站需要多少钱？
- 07-08 网站建设价格便宜有好货吗？
- 07-08 西安网站建设服务器如何选择

### 网站案例

- 09-13 西安潼大消防
- 09-13 中国养老网
- 09-13 西安艺师迪机械
- 09-13 西安墙衣裳装饰
- 04-03 西安张氏减肥中心
- 03-09 杰赋羊奶粉
- 03-09 拉卡拉西安分公司
- 10-19 西安荣辉标识
- 10-19 西安润驰消防

### 当前位置:八梦网络工作室 >> 建站教程 >> kingcms 文章列表分页页码美化

## kingcms 文章列表分页页码美化

日期：15-06-27 作者：八梦网络工作室 来源：www.8dream.net

kingcms 文章列表分页页码美化教程，因为系统自动的 文章列表 页面样式 很难看，所以加上以下CSS以后，就会和本站一样。效果非常好！

美化一
.k_pagelist {
float:left;
display:table;
clear:both;
line-height:30px;
width: 100%;
text-align: left;
}
.k_pagelist em {padding:2px;border:1px solid #E7E7E7;font-size:12px;margin:0px 1px;background:#F5F9FE;color:#14316B;font-weight:bold;font-style:normal;}
.k_pagelist strong {padding:2px;border:1px solid #E7E7E7;font-size:12px;margin:0px 1px;color:#009900;}
.k_pagelist a {padding:2px;border:1px solid #E7E7E7;font-size:12px;margin:0px 1px;}
.pl {
clear:both;
width: 500px;
display: table;
float: left;
}
以上加入模板css中这样就实现了kingcms中分页样式的美化。
方法二
把以下css定义加到css文件里。
.PageN {
WIDTH: 100%; TEXT-ALIGN: center
}
.k_pagelist {
CLEAR: both; FLOAT: right; LINE-HEIGHT: 30px
}
.k_pagelist EM {
BORDER-RIGHT: #e9dbc7 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #e9dbc7 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: #d3ae83; PADDING-BOTTOM: 2px; MARGIN: 0px 1px; BORDER-LEFT: #e9dbc7 1px solid; COLOR: #fafafa; PADDING-TOP: 2px; BORDER-BOTTOM: #e9dbc7 1px solid; FONT-STYLE: normal
}
.k_pagelist STRONG {
BORDER-RIGHT: #e9dbc7 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #e9dbc7 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; MARGIN: 0px 1px; BORDER-LEFT: #e9dbc7 1px solid; COLOR: #c69a5d; PADDING-TOP: 2px; BORDER-BOTTOM: #e9dbc7 1px solid
}
.k_pagelist A {
BORDER-RIGHT: #e9dbc7 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #e9dbc7 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; MARGIN: 0px 1px; BORDER-LEFT: #e9dbc7 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #e9dbc7 1px solid
}
.k_but .k_pagelist {
FLOAT: left; WIDTH: 70%; TEXT-ALIGN: right
}
#k_comment .k_pagelist {
CLEAR: both; DISPLAY: block
}
在分页列表前加上 <div class=‘PageN’> {king:pagelist/} </div>就可以了，快去看看是不是比原来好看点了 呵呵!

网站首页 - 建站教程 - 下载中心- 八梦动态 - 官方微博 - 个人微博 - 网站地图
copyright 2015 八梦网络工作室 陕ICP备14008752号