织梦dede列表分页样式

织梦列表分页样式

HTML结构：

 <!-- page list --><div class="mrjek-pagelist"><div class="row"><div class="col"><div class="pagination-wrapper-mrjeke"><div class="pagination-mrjeke"><ul>{dede:pagelist listitem='index,pre,next,pageno,end' listsize="3"/}</ul></div></div></div></div></div><!-- page list -->

scss样式：

// 列表分页
.mrjek-pagelist{ul{text-align: center;margin: 2rem 0 0 0;padding: 0;li{list-style-type: none;display: inline-block;margin: 0 2px;}}/*pages*/.pagination-wrapper-mrjeke{text-align: center;.pagination-mrjeke li {display: inline-block;margin-right: 5px;}.pagination-mrjeke li a{float: left;display: block;padding: 9px 18px;box-shadow: rgba(1, 1, 1, 0.05) 1px 1px 5px 0px;color: #718096;text-decoration: none;font-weight: 700;font-size: 18px;border-radius: 15px;transition: background-color .15s linear, color .15s linear;}.pagination-mrjeke li a:hover{background:#007BFF;color: #fff;}.pagination-mrjeke li.thisclass {background: #007BFF;color: #fff;border-radius: 15px;}.pagination-mrjeke li.thisclass a,.pagination li.thisclass a:hover{background: #007BFF;border-color: #007BFF;color: #fff;cursor: default;}}
}

效果：

织梦dede列表分页样式相关推荐

织梦dede文章列表调用标签的用法和规则
织梦dede列表标签在任何模板的网站中都可能会使用到,而且我们在仿站的时候也经常要使用到列表标签.这里主机吧就给大家讲一下文章列表以及图片列表.软件列表以及分类信息列表标签的用法,和结合div+css ...
dede列表分页php,织梦用dede:sql实现列表页分页教程
将织梦dede:list标签进行改造,使用SQL标签实现静态分页,在自定义表单调用的分页用他就很方便,例如会员列表的模板标签写法:{dede:listsql sql="select * fr ...
dede文章异步ajax加载,织梦DedeCMS列表“加载更多”“无限下拉”Ajax加载使用方法...
Infinite Ajax Scroll 简称 ias,无限的ajax滚动,是一款jQuery滚动ajax分页插件,当页面滚动到容器可见部分将自动异步加载数据. 下面先来看看效果. 无限下拉效果点击 ...
织梦DedeCms列表{dede:list}标签实现按文章权重weig
织梦列表默认的排序是按照发布时间倒序排列的,后台控制文章顺序不是很方便,而按照织梦文章权重排列就很方便了. 华维网络,网络整合营销倡导者下面就是织梦cms列表页{dede:list}标签实现按文章权 ...
织梦(dede)各类实用标签代码
一,导航高亮显示的js代码 <style> .active_on {border-bottom: 2px solid #33cbcc;color: #33cbcc; } </styl ...
织梦dede所有标签调用方法大全
2019独角兽企业重金招聘Python工程师标准>>> 织梦dede所有标签调用方法大全!非常实用! 关键描述调用标签: <meta name="keywords&q ...
新手站长说说之织梦DedeCMS列表页标题SEO优化
织梦DedeCMS列表页标题SEO优化织梦无忧织梦技巧摘要: 织梦DedeCMS栏目列表的标题是重复的,在谷歌站长工具,就会有相关的提示:重复的标题标记,说明这个对搜索引擎是很不友好的.当然,这 ...
dede flag php,织梦dede:list按flag属性调用文档
织梦dede:list默认在栏目列表页是不支持按flag输出的,想要按flag调用指定属性的文档和分页,我们可以这样做伸手党直接下载如果不想改的小伙伴可以直接下载我已经改好的这个文件,先备份你的 ...
currentstyle 织梦_织梦DEDE栏目高亮channel属性currentstyle采用详解
织梦DEDECMScms被点击的栏目高亮显示办法详解,织梦DEDE栏目高亮channel属性currentstyle采用详解,废话不多说直接举例说明:织梦DEDEchannel属性currentsty ...
dede搜索正文内容search.php,织梦dede后台怎么查找文章内容关键词
修改一下文件,就能实现织梦dede后台怎么查找文章内容关键词. (此图片来源于网络,如有侵权,请联系删除! ) 登录网站ftp后台,找到后台目录,默认是dede,一般都会修改这个目录名称,然后再找到c ...

织梦dede列表分页样式

织梦dede列表分页样式相关推荐

最新文章

热门文章