11个月前 (05-17)  工作笔记 |   抢沙发  0 
文章评分 0 次,平均分 0.0

DEDECMS列表分页样式css代码,小A新闻列表分页需要用到所以直接就在搜了两段样式,小A这里采用的是样式2,需注意的是两种样式在动态模式下显示正常,静态模式下有点错乱,找到include文件夹内的arc.listview.class.php文件,ctrl+F搜索“静态”,定位到静态,在错乱的<li>的位置后加上<a></a>标签即可。 


模板中的分页部分页部分源码:

html代码如下:

<div class="pagination-wrapper">
        
        <div class="pagination">
                {dede:pagelist listsize='5' listitem='info,index,end,pre,next,pageno'/}
        </div>

</div>

样式一

两个DEDECMS列表分页样式css代码及修改指南

/*pages*/

.pagination-wrapper {
        clear: both;
        padding: 1em 0 2em 0;
        text-align: center;
}

.pagination {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        font-size: 12px;
        border-radius: 3px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pagination li {
        list-style: none;
        display: inline;
        float: left;
        line-height: 1em;
        text-decoration: none;
        border: 1px solid #ddd;
        border-left-width: 0;
}

.pagination li a {
        display: inline-block;
        padding: .5em .8em;
        background-color: #f9f9f9;
        color: #999;
}

.pagination li a:link {
        background: #fff;
        color: #4C78A5;
}

.pagination li a:hover {
        text-decoration: none;
}

.pagination li a:link:hover {
        color: #000;
}

.pagination li.thisclass {
        background-color: #f9f9f9;
        color: #999;
}

.pagination li:first-child {
        border-left-width: 1px;
        border-radius: 3px 0 0 3px;
}

.pagination li:last-child {
        border-radius: 0 3px 3px 0;
}

.pagination .pageinfo {
        color: #444;
}

样式二:

两个DEDECMS列表分页样式css代码及修改指南

/*pages*/

.pagination-wrapper {
        margin: 20px 0;
}

.pagination {
        height: 34px;
        text-align: center;
}

.pagination li {
        display: inline-block;
        height: 34px;
        margin-right: 5px;
}

.pagination li a {
        float: left;
        display: block;
        height: 32px;
        line-height: 32px;
        padding: 0 12px;
        font-size: 16px;
        border: 1px solid #dddddd;
        color: #555555;
        text-decoration: none;
}

.pagination li a:hover {
        background: #f5f5f5;
        color: #0099ff;
}

.pagination li.thisclass {
        background: #09f;
        color: #fff;
}

.pagination li.thisclass a,.pagination li.thisclass a:hover {
        background: transparent;
        border-color: #09f;
        color: #fff;
        cursor: default;
}

 

除特别注明外,本站所有文章均为小A博客原创,转载请注明出处来自http://loann.org/1915.html

关于

发表评论

表情 格式

暂无评论

登录

忘记密码 ?

切换登录

注册

扫一扫二维码分享