两个DEDECMS分页样式css代码(分享)

dedecms教程 跟版网
模板中的分页部分页部分源码： 代码如下: div class=pagination-wrapper div class=pagination {dede:pagelist listsize=5 listitem=info,index,end,pre,next,pageno/} /div /div 样式一 代码如下: /*pages*/ .pagin
模板中的分页部分页部分源码：

 
代码如下:

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


样式一


 
代码如下:

/*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;
}


样式二




代码如下:

/*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;
}
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！

相关文档推荐

dedecms织梦tag增加属性分类及调用
dedecms织梦默认的TAG标签不是很灵活。有时候我们的标签需要进行一个分类，能不能像{dede:arclist}标签的自定义属性（如：flag=c,h），这样全站调用的时候更灵活。 全站调用TAG标签方法一般是： {dede:tag row='100' sort='new' getall='1'}a target="_blank
织梦模板DEDECMS不显示未审核tag标签文档的的方法
未审核文档的TAG会显示在TAG列表页面, 固然点击进入TAG时, 相关的未审核文章不会显示出来， 这样对用户体验是很不好的. DEDECMS暂时没有提供这个功能，所以要解决这个问题, 让DEDECMS不显示未审核文档的TAG, 就要修改TAG的显示库文件 tag.lib.php。 方法一 打
织梦DEDECMS后台文件管理器、模板文件、缩略图排序修改
我们都知道DEDECMS生成的文件夹是按天生成的，只要传了图片就会自动建立个年月日的文件，centos系统下，都是随便排序的，很难找到对应文件夹，如果要按顺序排列，要怎么操作呢？ 一、文件管理器： 修改 /dede/templets/file_manage_main.html $dh = dir($inp
dedecms软件模型手动指定地址增加选取本地文件方法
我们在用到织梦dedecms软件模型的时候，手动指定地址通常只能是引用其他网址或者链接，我们要实现直接选取站内的文件，这个要怎么操作呢？下面小编一步步为您解答，最终效果如下图所示： 实现教程 1、打开 /dede/templets/soft_add.htm 找到 input type=text
dedecms织梦批量修改文章点击量
我们有时候需要对织梦文档的点击量进行批量维护，比如采集来的文章，点击量都为0，需要批量修改，可以用到如下方法1。 1、在数据库里运行下面的代码就可以了，文章的点击量变得随机从500到1000 UPDATE dede_archives SET click=FLOOR(500 + (RAND() * 1000))
织梦dedecms后台系统基本参数中增加logo上传功能
用过dedecms的朋友都知道，织梦cms后台系统基本参数里是无法直接上传图片的，我们更换logo图只能到ftp里替换，非常的不方便，我们如果想直接在系统基本参数里上传，要怎么处理呢？在这里需要对代码进行修改，具体流程如下： 实现方法，打开/dede/templets/sy
织梦安装使用织梦二次开发织梦优化织梦标签dedecms教程织梦安全
织梦资讯网 织梦模板 dede 外语学校 织梦鬼故事 竞价网站源码 竞价培训网 门户网站 织梦二次开发 织梦笑话网 dedecms笑话网 织梦源码 网站建设 搞笑图片 织梦教程 旅游网站源码 织梦旅游网 学校培训 html5 企业织梦源码 医院源码 后台样式 移动营销页 整形医院 大学医院 新手建站 客服代码 洗衣机维修 企业网站 淘宝客 导航菜单 教育网站 学校源码 装修网站 装修模板 美容整形 女性健康 妈妈网 机械源码 建站公司 珠宝首饰 苹果网站 手机资讯 美女图片 织梦模版打包 妇科源码 安卓市场源码 男性时尚网 健康之家 app应用网站 笑话网站 下载站 美女图片网 中医院网站 家装网站源码 QQ网站 标牌网站 魔兽世界网 淘宝客源码 YY网站源码 别墅设计网站 服装搭配网 宝宝起名网 站长网站 婚庆网站 脑科医院源码 笑话源码 肝胆医院 意外怀孕源码 工作室