位置: IT常识 - 正文

Dedecms列表pagelist翻页按钮样式怎么解决(dedecms5.7)

编辑:rootadmin

推荐整理分享Dedecms列表pagelist翻页按钮样式怎么解决(dedecms5.7),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:dedecms插件,dedecms列表掺杂有其他栏目文章,dedecms列表页上一页下一页命令,dedecms列表掺杂有其他栏目文章,dedecms建站,dedecms 0day,dedecms建站,dedecms列表掺杂有其他栏目文章,内容如对您有帮助,希望把文章链接给更多的朋友!

Dedecms列表pagelist翻页按钮样式怎么解决?

Dedecms列表pagelist翻页按钮的首页和尾页样式的解决办法

Dedecms列表页翻页按钮使用的是{dede:pagelist listitem=”index,end,pre,next,pageno” listsize=”10″/}生成html后列表页第一页是

<li >首页</li> <li class="thisclass">1</li> <li><a href='news_2.html'>2</a></li> <li><a href='news_3.html'>3</a></li> <li><a href='news_2.html'>下一页</a></li> <li><a href='news_3.html'>末页</a></li>

最后一页是:

<li><a href='news_1.html'>首页</a></li> <li><a href='news_2.html'>上一页</a></li> <li><a href='news_1.html'>1</a></li> <li><a href='news_2.html'>2</a></li> <li class="thisclass">3</li> <li >末页</li>

默认模板的CSS样式表:

<li><a href='news_1.html'>首页</a></li> <li><a href='news_2.html'>上一页</a></li> <li><a href='news_1.html'>1</a></li> <li><a href='news_2.html'>2</a></li> <li class="thisclass">3</li> <li >末页</li>Dedecms列表pagelist翻页按钮样式怎么解决(dedecms5.7)

可以看到”.dede_pages ul li a“和”.dede_pages ul li.thisclass“都有padding:2px 4px 2px;属性但是”.dede_pages ul li“却没有。在”.dede_pages ul li“没有padding:2px 4px 2px;属性时<li >首页</li>和<li >尾页</li>这两个按钮就会比别的按钮小,想想这种情况是多么难看。

下面就对以上问题提供两种解决办法

第一种方法通过CSS解决,这个解决办法就是不控制a标签只对li添加样式,代码如下:

.dede_pages ul {}.dede_pages ul li {float:left;height:18px;line-height:18px;padding:4px 10px;margin-right:5px;border:1px #b9cdff solid;}.dede_pages .thisclass {background:#e3ebfe;}

可以看到代码非常简洁,但是对于用户体验来说不是很好,应为现在的按钮是li表现出来而不是a表现出来的,这样当用户点击在按钮却没点击到文字上就等于没点中。为了更好的用户体验我们需要另一种解决办法。

第二种方法修改dede:pagelist的相关文件arc.listview.class.php在include文件夹下:

打开arc.listview.class.php找到如下代码:

//获得上一页和主页的链接 if($this->PageNo != 1) { $prepage.="<li><a href='".str_replace("{page}",$prepagenum,$tnamerule)."'>上一页</a></li>rn"; $indexpage="<li><a href='".str_replace("{page}",1,$tnamerule)."'>首页</a></li>rn"; } else { $indexpage="<li >首页</li>rn"; } //下一页,未页的链接 if($this->PageNo!=$totalpage && $totalpage>1) { $nextpage.="<li><a href='".str_replace("{page}",$nextpagenum,$tnamerule)."'>下一页</a></li>rn"; $endpage="<li><a href='".str_replace("{page}",$totalpage,$tnamerule)."'>末页</a></li>rn"; } else { $endpage="<li >末页</li>rn"; }

分别修改$indexpage=”<li >首页</li>rn”;$endpage=”<li >末页</li>rn”;为$indexpage=”<li class=”thisclass”>首页</li>rn”;$endpage=”<li class=”thisclass”>末页</li>rn”;修改好之后{dede:pagelist listitem=”index,end,pre,next,pageno” listsize=”10″/}生成的html代码如下:

<li class="thisclass">首页</li> <li class="thisclass">1</li> <li><a href='news_2.html'>2</a></li> <li><a href='news_3.html'>3</a></li> <li><a href='news_2.html'>下一页</a></li> <li><a href='news_3.html'>末页</a></li>

第二种方法更简单还增加了用户体验度

PS:使用第二种方法就不需要修改CSS文件了。

免责

本文链接地址:https://www.jiuchutong.com/zhishi/312954.html 转载请保留说明!

上一篇:Vue获取DOM元素并修改属性的方法(vue获取dom元素的方法)

下一篇:DedeCMS编辑文章不更新时间的方法(dedecms怎么改图片)

  • 税控系统怎么登录
  • 车辆消费税征税范围是什么
  • 出租房屋取得的收入计入什么
  • 公司的股东就是公司的发起人
  • 收到增值税发票怎么认证
  • 土地增值税预缴税率
  • 什么情况下要交土地出让金
  • 研发费用成本化和费用化
  • 固定资产未付款怎么入账
  • 汽车牌照费用标准
  • 收到税收返还的会计处理
  • 开发票 专业设计服务
  • 企业应收账款无论是否带息,在年末资产负债表中均应以
  • 如何建设工厂
  • 会议收入包括哪些
  • 电子发票打印出来没有税务局的章
  • 应征增值税不含税销售额是什么意思
  • 汽车罚款怎么进账
  • 接受个人投资现金怎么做账务处理?
  • 化妆品的消费税率多少
  • 分项结转法怎么结转
  • 无经营零申报公司注销要交印花税吗
  • 新版edge浏览器兼容ie
  • 王者荣耀中白起的台词
  • mac怎么分区硬盘分区
  • 缴纳印花税怎么算
  • 土地价款扣除会计分录
  • 个体工商税务登记需要费用
  • 增值税专用发票丢了怎么补救
  • 不用命令打开组策略
  • win10提示病毒
  • 下载的压缩文件打不开
  • 产品成本核算方法的构成要素
  • vue-router跳转
  • 房地产企业的沙盘模型制作费会计处理
  • 家具折旧费是什么意思
  • 没有发票的成本怎么算
  • 货物品种不太多而数量又相对较大
  • 中文最早出现的时期
  • 森林里雾气弥漫,给大家带来了什么困难?
  • 分包工程的账务处理
  • 退货业务增值税税务处理
  • 购买公司支付的钱怎么做账
  • 公司的实收资本是什么意思
  • 如何用python给excel每一行添加序号
  • 电子承兑汇票贴现怎么操作
  • 企业税金及附加包括什么
  • 企业如何采购
  • 网上纳税申报有时间限制吗
  • 什么是外汇业务,外币业务主要内容有哪些
  • 行政单位资产报告范文
  • 企业没有工会的需要计提嘛
  • 旅行社差额征收税率多少
  • 应付账款周转率计算公式
  • 健身房健身器材采购清单
  • 技术转让要交所得税吗
  • 用工资冲借款报税可以吗
  • 如何为报表指定数据源?
  • SQLServer中SELECT语句的执行顺序
  • 安装nfs命令
  • ubuntu中运行c程序
  • linux增加命令
  • freebsd怎么样
  • windows查看电池信息
  • 微软为什么不自己做电脑
  • nerosmartstart.exe - nerosmartstart是什么进程 作用是什么
  • win8.1核心版密钥
  • Tutorial2 Hello dot!
  • dom操作元素属性
  • jquery实现回到顶部
  • 代码行数不够了,怎么弄多行
  • js中倒计时器怎么实现
  • javascript如何学
  • jquery查找当前元素的父元素
  • 税务巡视组一般检查什么
  • 生猪屠宰企业报价
  • 企业所得税忘记计提了做到下个月可以吗
  • 房地产的营业税税率
  • 诚信励志语录经典短句
  • 浙江欧派和广东欧派哪个好
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设