一个帝国cms [!--show.listpage--] css样式

最新推荐文章于 2024-11-16 10:21:13 发布

weixin_30709809

最新推荐文章于 2024-11-16 10:21:13 发布

阅读量392

点赞数

文章标签： php

原文链接：http://www.cnblogs.com/officexie/p/3191066.html

版权

1.在分页位置加<div class="pagepage">[!--show.listpage--]</div> </div>这个标签

2.在需要分页模板页面加以下CSS

.pagepage {   
        height: 100%;   
        padding-top: 8px;   
        padding-right: 3px;   
        padding-bottom: 12px;   
        padding-left: 3px;   
}   
  
.pagepage .epages a{   
        display: block;   
        height: 20px;   
        overflow: hidden;   
        line-height: 20px;   
        background-color: #EAF9E6;   
        border: 1px solid #009900;   
        float: left;   
        text-align: center;   
        margin-right: 2px;   
        margin-left: 2px;   
        text-decoration: none;   
        padding-right: 8px;   
        padding-left: 8px;   
        color: #006600;   
}   
.pagepage .epages a:hover{   
        display: block;   
        background-color: #009900;   
        border: 1px solid #009900;   
        float: left;   
        text-align: center;   
        text-decoration: none;   
        color: #FFFFFF;   
}   
.pagepage .epages b{   
        display: block;   
        height: 20px;   
        overflow: hidden;   
        line-height: 20px;   
        background-color: #FFFFFF;   
        border: 1px solid #C0C0C0;   
        float: left;   
        text-align: center;   
        margin-right: 2px;   
        margin-left: 2px;   
        color: #999999;   
        padding-right: 8px;   
        padding-left: 8px;   
}

预览效果如下