欢迎访问融科网络!我们专注于郑州网站建设郑州网站制作郑州网站设计郑州做网站等相关服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行

编程代码

dedecms教程:解决织梦分页列表一直竖着的解决方案

标签: 作者:融科网络 | 点击:
03

Nov
2019

导语
用过织梦CMS默认源码的就知道织梦CMS默认源码的分页就是一个很好的素材。 你要是稍微懂一些 css的话 自己加上一些 鼠标hover样式 之类的就更加完美了。 好了 废话不多说。 很
 

用过织梦CMS默认源码的就知道织梦CMS默认源码的分页就是一个很好的素材。

 

你要是稍微懂一些 css的话 自己加上一些 鼠标hover样式 之类的就更加完美了。

好了 废话不多说。

很多人直接自己写源码,然后分页这一块,就被弄得稀里糊涂,稀烂的了。

 

下面放出这个代码。 这一块作为单独的,直接插入到你的源码中即可。

 

你自己也不用写UL LI了。

 

div段代码:

<div class="scv_listpages">

<ul class="pagelist">

{dede:pagelist listitem="info,index,end,pre,next,pageno,option" listsize="5"/}

</ul>

</div>

 

CSS段代码(加载到你自己的CSS中去)

 

.scv_listpages{

}

.scv_listpages ul{

        float:left;

        padding:12px 0px 12px 16px;

}

.scv_listpages ul li{ 

        float:left;

        font-family:Tahoma;

        line-height:17px;

        margin-right:6px;

        border:1px solid #E9E9E9;

}

.scv_listpages ul li a{

        float:left;

        padding:2px 4px 2px;

        color:#555;

        display:block;

}

.scv_listpages ul li a:hover{

        color:#690;

        text-decoration:none;

        padding:2px 4px 2px;

}

.scv_listpages ul li.thisclass,

.scv_listpages ul li.thisclass a,.pagebox ul li.thisclass a:hover{

        background-color:#F8F8F8; 

        padding:2px 4px 2px;

        font-weight:bold;

}

.scv_listpages .pageinfo{

        line-height:21px;

        padding:12px 10px 12px 16px;

        color:#999;

}

.scv_listpages .pageinfo strong{

        color:#555;

        font-weight:normal;

        margin:0px 2px;

郑州融科网络专注于企业网站建设、网站制作、高端网站设计,郑州荥阳、上街做网站就找融科网络!
本文章网址:http://www.ppssdd.com/code/14227.html。转载请保留出处,谢谢合作!

全网(营销型+响应式)专业定制

快速搭建高询盘+营销独立站

微信扫一扫 添加微信

推荐分享,免费SEO诊断

扫码加好友,即送价值1880元的SEO优化教程

(网站没排名,轻松让关键词上首页!专注H5企业建站+网站优化推广)

上一篇:dedecms上传附件不自动改名,织梦CMS中文名附件自动改为拼音文件

下一篇:把DEDE,RSS的描述改成全文内容输出

  • 网站建设咨询
  • 网站建设案例
建站流程
  • 网站需
    求分析
  • 网站策
    划方案
  • 页面风
    格设计
  • 程序设
    计研发
  • 资料录
    入优化
  • 确认交
    付使用
  • 后续跟
    踪服务
  • 151-3895-5886
  • 品牌网站建设定制
  • 营销型网站建设定制