">

代码号
  • 首页
  • 工具
  • cms教程
    • 帝国CMS教程
    • pbootcms教程
    • WordPress教程
    • 易优cms教程
    • dedecms教程
    • ecshop商城教程
    • phpcms教程
  • 随笔
  • 数码
  • 关于

您现在的位置是:首页 > cms教程 > dedecms教程dedecms教程

两个dedecms分页样式css代码示例

张津广2024-07-02 17:39:33dedecms教程已有7人查阅

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

模板中的分页部分页部分源码:
代码如下:
<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分页样式css代码示例信息内容原创度和真实性等负责。如内容侵犯您的版权或其他权益,请留言并加以说明。站长审查之后若情况属实会及时为您删除。同时遵循 CC 4.0 BY-SA 版权协议,尊重和保护作者的劳动成果,转载请标明出处链接和本声明内容。本文作者:张津广» https://www.ebingou.cn/dmh/12726.html

很赞哦! (0)

上一篇:dedecms织梦限制栏目列表生成的最大页数的方法

下一篇:dede织梦内容页调用栏目的SEO标题、描述、关键字的方法

暂无内容
暂无内容

相关文章

  • 织梦dedecms分页之后摘要不一致的修改方法
  • dedecms分页样式只有下首页上一页下一页末页的修改方法
  • 分享两个dedecms分页样式css代码
暂无内容
暂无内容

随机图文

  • dedecms会员登录积分每天只限增加一次的实现方法

    具体思路为:先检测当前时间与上次登陆日期是否为同一天?如果是就不加积分,如果上次登陆日期与当前登陆日期不相等就加积分,具体实现如下,首先把思路说一下
  • dede织梦任意位置调用自定义字段的方法

    自定义字段也就是添加了个附加的表;要调用附加表的内容,官网给的解释文档说的是:要获取附加表内容,必须符合两个条件
  • dedecms二次开发实现审核时间同步更新当前时间

    很多研究SEO的个人站长都是使用采集来添加大部分文章的,如果手动每天大量更新伪原创内容,呼~~ 是一个不小的工程!举个例子
  • dedecms织梦TAG标签只显示当前栏目标签的方法示例

    最新提示:经用户本站测试,以下方法经测试得不到正常标签结果,请谨慎使用!以后有正确的方法将会及时更新!最近新客小编再查织梦标签的问题,碰巧搜到下面这篇内容了
留言与评论 (共有 0 条评论)
昵称:
匿名发表 登录账号
         
验证码:

大家在看

织梦cms收费哪几款cms可以免费商用?
  • 织梦cms收费哪几款cms可以免费商用?
  • 织梦标签{global.cfg_templets_skin}不解析地址的解决方法
  • 织梦导航栏栏目被选中状态的代码实例
  • 织梦后台登录界面怎么修改
  • 织梦dedecms上传图片默认路径怎么修改
  • 用dedecms织梦程序做中英双语网站制作方法
  • 织梦内容页自动分页的实现方法
  • 织梦dedecms首页幻灯片不显示的原因和解决办法
    暂无内容

本栏推荐

    暂无内容

相关标签

大家喜欢

  • dedecms友情链接标签flink使用说明和示例
  • 织梦dede自带采集模块开启dedecms软件采集功能方法
  • dedecms织梦点击量标签调用方法和介绍
  • dedecms模板制作教程第十一期List标记使用说明和实例
  • 织梦dedecms实用技巧安全措施教程
  • 织梦dedecms程序DedeTag Engine Create File False解决方法
  • 织梦dedecms内容列表文章添加hot、new小图标的事项方法
  • dede自由列表的"不使用目录默认主页"错误的修复方法
  • 织梦dada搬家后台打开空白的解决方法
  • 织梦dx tipask dedeask静态规则及二级栏目301重定向方法
    暂无内容
  • 微信公众号
  • 我的微信

站点声明:

1、本站属个人博客,网站中涉及的专业知识仅仅属于个人见解,用户自行甄别可行性,本站不负任何责任。

2、所有文章未经授权禁止转载、摘编、复制或建立镜像,如有违反,追究法律责任。廉正举报站内留言

Copyright © www.ebingou.cn All Rights Reserved|皖ICP备2022014118号-1