如何美化pagelist标签呢?怎么样对分页按钮进行美化呢?这篇经验将以DEDECMS为例子告诉你美化pagelist分页标签的方法。
DEDECMS的pagelist的按钮,排版和体验感感都不是很好。
问题描述:
1,不整齐,不在一条水平线。
2,不好看,颜色需要再美化。
原因分析:
1,源文件代码混乱,标签不统一,导致CSS控制困难。
2,配色太单调。
工具/原料
1
DEDECMS源程序
2
HTML编辑工具
3
JS编辑工具
4
CSS编辑工具
5
IE浏览器(测试用)
方法/步骤
1
修改源文件: 找出源文件的生成文件,对其生成进行修改: 修改include下的arc.listview.class.php和arc.archives.class.php,两个文件的修改方法是一样的。打开文件,CTRL+F查找
2
在CSS文件中,分别对pagelist ,pagelist a和pgelist big添加属性。 代码如下: .pagelist{width:580px;background-color:#fff;border-top:2px solid #e5e5e5;float:left;padding:10px;float:left;margin:10px 0px;} .pagelist a{padding:3px 8px;float:left;background:#2d2d2d;border:1px solid #7d7d7d;margin:2px;color:#ccc;}.pagelist big{padding:3px 8px;float:left;border:1px solid #e5e5e5;margin:2px;background:#f5f5f5;}
3
打开\templets\default目录下的 list_article.htm文件
4
5
保存更新,便可以看到下面的样子:
6
注意事项
样式可以自己在CSS修改,根据自己的网页风格排版。