织梦css分页样式写在哪,DEDECMS列表分页样式css代码
其实织梦自带默认的也有列表分页样式,或者内容分页的样式,但是感觉不怎么好看,今天学技巧整理了两种列表分页样式,供大家学习使用。
第一种样式:
模板代码调用
{dede:pagelist listsize='5' listitem='info,index,end,pre,next,pageno'/}
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;
}
效果图:
第二种:
模板调用代码:
- {dede:pagelist listitem="info,index,end,pre,next,pageno" listsize="5"/}
CSS样式:.tabs ul.nav {float:left; padding-bottom:4px; padding-top: 20px;padding-left:18px;}
.tabs ul.nav li{margin-right:1px;float:left ;width:auto;min-width:62px; height:32px;font-size:14px;color:#fff;line-height:32px;background:#A6A6A6;text-decoration:none;text-align:center; }
.tabs ul.nav li a{display:block; color:#fff;background:#439F00;width:auto;min-width:62px; height:32px;}
.tabs ul.nav a:hover{background:#A6A6A6;}
.tabs ul.nav .thisclass{background:#646464;width:32px;height:32px;font-size:19px;color:#fff;line-height:32px;text-decoration:none;text-align:center;margin-right:1px;}
.tabs ul.nav .pageinfo{padding-left: 10px;padding-right: 10px;}
效果图:
总结:颜色和字体大小可以自行修改。可以保存下来留着以后使用!
织梦css分页样式写在哪,DEDECMS列表分页样式css代码相关推荐
- dedecms静态页面php获取参数,DedeCms织梦TAG标签静态生成html,url拼音及分页优化的方法...
DEDECMS自带的TAG标签是动态的,我们可以设置纯静态html,而且针对手机站也做了TAG静态化生成,非常强大,对于SEO提高收录及获取排名非常有好处,今天脚本之家小编为大家介绍织梦TAG标签伪静 ...
- 织梦仿站系列教程第二十三讲——列表页制作(二)
织梦后台提示用户名不存在 查看数据库用户名被改为spider 织梦仿站系列教程第二十三讲--列表页制作(二) 这一讲,我们讲下列表页的分页代码,先找到如下代码: 865 1 href="ht ...
- 最新织梦全国多城市分站地区插件dedecms分站网站源码插件
织梦城市分站插件系统使用说明 下载链接:http://wp.hrbqunar.com/file/28441143-454501133 1.系统设置: 核心设置-- 是否使用伪静态:是 其他选项-- 模 ...
- 织梦 tags.php静态化,教你dedecms织梦tag标签页面怎么实现静态化
大家好,我最近一直在研究织梦的tag页面静态化问题,从网络上看了不少的教程,有的是教你伪静态怎么设置的,有的是利用插件实现真静态的,简单的给大伙分析一下用哪个好. ①伪静态:节约硬盘空间,隐藏文件真实 ...
- 武汉php 织梦,给你八分钟搞定dedeCMS(织梦内容管理系统)_PHP教程
织梦内容管理系统(DedeCms) 以简单.实用.开源而闻名,是国内最知名的PHP开源网站管理系统,也是使用用户最多的PHP类CMS系统,在经历了二年多的发展,目前的版本无论在功能,还是在易用性方面, ...
- 织梦list标签:解决重复显示文章列表
大家平常在使用织梦系统的时候,往往会碰到织梦文章重复显示的问题,那这是什么情况呢?该怎么解决?通常织梦文章重复显示是因为list标签没用对,这里云加速主要给大家讲一下list标签的用法. list标签 ...
- 织梦熊掌号插件兼容php5.3,DedeCMS百度熊掌号推送插件下载
以前做过<DedeCMS实现百度熊掌号API提交接口推送(PHP推送)>和<DedeCMS后台文章管理列表接入百度熊掌号API推送的方法>,里面分别介绍了php方法推送织梦网址 ...
- 织梦linux php版本,Linux下安装DedeCMS及安全设置
Linux下安装DedeCMS及安全设置 织梦无忧 2018-12-09 20:40 摘要: 随着Linux服务器应用范围越来越广泛,国内很多站长也开始使用它作为自己的Web服务器,本篇就来介绍如何在 ...
- 织梦5.7生成HTML很慢,Dedecms 生成静态网页速度特别慢的问题
最近有位站长朋友咨询烈火网一个十几万数据的DedeCMS系统,发现用Dedecms生成速度,慢的跟蜗牛一样,CPU达到100%,有时候半天都不动.本人经过查找在dedecms官网论坛找到个合适的代码, ...
- 怎样去除织梦版权信息中的Power by DedeCms
用织梦建站时,网站底部调用的版权信息最后总会多出一个Power by DedeCms链接,此链接是织梦系统中默认的指向织梦官网的外链.本文就介绍两种去除这个外链的方法. 1.为什么要去除Power b ...
最新文章
- java uiautomation_Java UiAutomation類代碼示例
- {TypeError}clamp(): argument 'min' must be Number, not Tensor
- 【Java】5.5 深入构造器
- python 高斯烟羽模型_GPR(高斯过程回归)详细推导
- python周志_Python学习周志—第一周(入门知识)
- C++笔记-Qt中使用Lambda时[]中的形式
- 【实践驱动开发3-006】TI WL1835MODCOM8 在android的移植 - SDIO wifi驱动的注册步骤
- 《iOS 9 开发指南》——第6章,第6.7节iOS 9控件的属性
- 把github转至gitee
- DMM通过增加USDK作为支持的mToken提案
- Oracle 执行长SQL
- python 拼音 四线格_Python 中拼音库 PyPinyin 的用法
- 完整的连接器设计手册_连接器卧式插拔力的测试介绍
- 5分钟快速入门GIS(GIS基础)(GIS当中常见数据)
- 编程英文单词的标准缩写
- NSSM 制作 window 服务
- win10台式计算机调亮度,台式win10电脑屏幕亮度无法调节怎么办
- Spring Cloud使用Dubbo实现Rpc调用失败之配置错误
- 【Web技术】1374- 纯 JS 实现灵活的前端主题切换功能
- SCI从入门到精通(第一版)