動易欄目分頁DIV 美化，讓你實(shí)現(xiàn)下面這種漂亮效果。
大家可以看看演示地址：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文件夾內(nèi)(PowerEasy.Common.Front.
asp)文件，后臺更新或重新生成欄目也，即可看到漂亮效果。
點(diǎn)擊瀏覽該文件
相關(guān)貼：http://bbs.powereasy.net/dispbbs.asp?boardID=67&ID=370032&page=1
//////////////感謝liute提供///////////////////
查看更多 動易Cms教程 動易Cms模板
。