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

解决织梦分页列表一直竖着的修改方法

冷卉2024-05-30DedeCMS教程已有人查阅

导读这个问题 其实非常简单。用过dedecms默认模板的就知道dedcms默认模板的分页就是一个很好的素材。你要是稍微懂一些 css的话 自己加上一些 鼠标hover样式 之类的就更加完美了。

这个问题 其实非常简单。用过dedecms默认模板的就知道dedcms默认模板的分页就是一个很好的素材。你要是稍微懂一些 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;
}

本文标签:

很赞哦! ()

相关教程

相关源码

  • (自适应)电梯扶梯升降梯行业pbootcms企业网站模板(自适应手机版)响应式电梯扶梯类pbootcms模板 电梯生产企业绿色企业网站源码下载PbootCMS内核开发的网站模板,该模板适用于电梯、扶梯类等企业,查看源码
  • (自适应)大型农业机械设备水稻玉米收割机网站pbootcms源码下载本模板基于PbootCMS内核开发,为农业机械设备制造与销售企业设计,特别适合水稻玉米收割机、拖拉机、播种机等农用机械展示。模板充分考虑了农机行业的特性,从产品展示到技术参数,从作业案例到售后服务查看源码
  • (自适应响应式)陶瓷研磨盘抛光机械设备pbootcms网站模板本模板基于PbootCMS系统开发,为研磨抛光设备制造企业设计,特别适合陶瓷研磨盘、抛光设备等表面处理设备展示。采用响应式布局技术,确保各类设备的参数和工艺在不同终端上都能清晰呈现。查看源码
  • (响应式)wordpress模板VieuV4.5主题资讯自媒体博客源码Vieu主题专注于个人博客与企业展示场景,采用响应式设计确保在手机、电脑、平板等多设备上的展示。主题集成会员中心、投稿系统、内容保护等实用功能,满足现代博客网站的建设需求。查看源码
  • pbootcms模板(PC+WAP)传媒广告影视公司网站源码基于PbootCMS内核开发的全自适应传媒文化网站模板,为影视公司、广告传媒企业打造,同时支持多行业快速适配。通过替换文字图片即可转换为其他行业网站查看源码
  • (自适应响应式)高新技术科技能源pbootcms网站HTML5模板本模板基于PbootCMS内核开发,为高新技术、科技研发、能源技术等科技型企业设计。采用HTML5+CSS3前沿技术,具备完善的响应式布局,能够自动适配手机、平板和电脑等多种终端设备。模板设计风格简约大气查看源码
分享笔记 (共有 篇笔记)
验证码:

本栏推荐