动易栏目分页DIV 美化 - 动易cms - 爱建站

,,,,CMS教程,模板无忧,建站教程,CMS教程,动易Cms教程,

SEO SEO

首页  >   动易cms > 动易栏目分页DIV 美化  >  正文

动易栏目分页DIV 美化

2018-09-27 07:37:41 向站长提问 编辑: admin 阅读:

 

动易栏目分页DIV 美化,让你实现下面这种漂亮效果


动易栏目分页DIV 美化,让你实现下面这种漂亮效果。

大家可以看看演示地址:http://www.medks.cn/Article/KSDT/Index.html

第一步:在css中添加如下CSS样式

/*CSS showpage style pagination*/

DIV.showpage {PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center}
DIV.showpage A {BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; COLOR: #88af3f; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none}
DIV.showpage A:hover {BORDER-RIGHT: #85bd1e 1px solid; BORDER-TOP: #85bd1e 1px solid; BORDER-LEFT: #85bd1e 1px solid; COLOR: #638425; BORDER-BOTTOM: #85bd1e 1px solid; BACKGROUND-COLOR: #f1ffd6}
DIV.showpage A:active {BORDER-RIGHT: #85bd1e 1px solid; BORDER-TOP: #85bd1e 1px solid; BORDER-LEFT: #85bd1e 1px solid; COLOR: #638425; BORDER-BOTTOM: #85bd1e 1px solid; BACKGROUND-COLOR: #f1ffd6}
DIV.showpage SPAN.current {BORDER-RIGHT: #b2e05d 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #b2e05d 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #b2e05d 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #b2e05d 1px solid; BACKGROUND-COLOR: #b2e05d}
DIV.showpage SPAN.disabled {BORDER-RIGHT: #DDDDDD 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #DDDDDD 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #DDDDDD 1px solid; COLOR: #666666; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #DDDDDD 1px solid}

第二步:下载附件,覆盖Include文件夹内(PowerEasy.Common.Front.asp)文件,后台更新或重新生成栏目也,即可看到漂亮效果。

点击浏览该文件

相关贴:http://bbs.powereasy.net/dispbbs.asp?boardID=67&ID=370032&page=1

//////////////感谢liute提供///////////////////

查看更多 动易Cms教程  动易Cms模板


动易栏目分页DIV 美化
http://www.yuedudg.cn/article/1995521.html

 

友情链接
phpcms之家 ecshop经验网 wp之家
cms综合网 discuz经验网 织梦之家
帝国cms常识 zblog之家


Tags: CMS教程 模板无忧 建站教程 CMS教程 动易Cms教程


手机浏览本文
动易栏目分页DIV 美化

动易栏目分页DIV 美化

站内推荐

网站分类

标签列表

关于我们
文章内容来源互联网仅供参考,如果还有疑问请联系我们!我们将竭力帮您解决您的问题
联系我们:

QQ: 397423577 

email:397423577@qq.com

微信:ganenboy