最新活动:电脑PC端+手机端+微网站+自适应网页多模板选择-建站388元起价!!!
当前位置:主页 > 网站建设 > 织梦列表分页竖向排列变为横向排列的解决办法

织梦列表分页竖向排列变为横向排列的解决办法

时间:2023-05-25 12:05:25 阅读: 文章分类: 网站建设 作者: 网站编辑员

导读:织梦技巧织梦技巧有多种方法可以解决DedeCms织梦列表分页竖向排列的问题 你要是稍微懂一些 css的话 自己加上一些 鼠标hover样式之类的就更加完美了。 第一种方法 下面网站seo优化网站推广优化seo。

网站seo优化网站推广优化seo有多种方法可以解决DedeCms织梦列表分页竖向排列的问题 你要是稍微懂一些 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 […]

有多种方法可以解决DedeCms织梦列表分页竖向排列的问题

你要是稍微懂一些 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,.pageb网站优化seo培训ox 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;

关键词标签: 分页 织梦 排列

声明: 本文由我的SEOUC技术文章主页发布于:2023-05-25 ,文章织梦列表分页竖向排列变为横向排列的解决办法主要讲述排列,分页,织梦网站建设源码以及服务器配置搭建相关技术文章。转载请保留链接: https://www.seouc.com/article/web_8574.html

我的IDC 网站建设技术SEOUC.COM
专注网站建设,SEO优化,小程序设计制作搭建开发定制网站等,数千家网站定制开发案例,网站推广技术服务。
  • 5000+合作客服
  • 8年从业经验
  • 150+覆盖行业
  • 最新热门源码技术文章