织梦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 ...
最新文章
- IsNull和IsEmpty的区别
- mysql 快速生成百万条测试数据
- python mysql 转义方法
- word中复制、双击打开编辑公式(Axmath/mathtype)出现卡死(无响应)现象的解决方案
- 程序世界的秘密(下)(完)
- Java中正则Matcher类的matches()、lookAt()和find()的差别
- 海量数据库解决方案2011030401
- JS中的正则表达式小小的技巧---TEST方法的使用
- 计算机语言恢复,win10系统找回消失不见语言栏的恢复方法
- (二)双线性插值python实现
- 神经网络 权重文件 大小_神经网络中如何处理过拟合的问题
- TensorFlow精进之路(十四):RNN训练MNIST数据集
- openresty 前端开发入门一
- css伪元素研究(::before/::after)
- paip.oracle 10G 在WIN7安装总结
- 【收藏】夜光遥感数据下载网址及方式
- 【笔记】代码整洁之道
- 公司IT管理制度——案例分享
- 京东移动端URL自动跳转PC端URL插件
- 【IoT】产品设计:包装盒LOGO设计工艺
热门文章
- 使用java做出围棋或者五子棋
- dlna 服务器 性能,dlna 使用体验,供大家参考,欢迎交流
- JWT全面解读、详细使用步骤
- 解决from Crypto.Cipher import AES报错
- python中的Numpy包
- Python链家租房信息爬虫
- 解决mac备忘录会自动将英文双引号转化为中文双引号
- php自动计算增长率,Oracle表空间增长率监控脚本
- 安装 dpdk-ans 时的编译问题:librte_ans.a(ans_init.o): unrecognized relocation (0x2a) in section `.text'
- B站UP主稚晖君自制机械臂给葡萄做缝合手术,工业制造趋于智能化