位置: 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怎么改图片)

  • 微信电话接不到没提示怎么办(微信电话接不到是什么原因)

    微信电话接不到没提示怎么办(微信电话接不到是什么原因)

  • vivos12耳机孔在哪(vivo手机耳机孔)

    vivos12耳机孔在哪(vivo手机耳机孔)

  • 支付宝免密支付如何设置(支付宝免密支付哪里关闭)

    支付宝免密支付如何设置(支付宝免密支付哪里关闭)

  • 微信图片编辑文字大小怎么调整(微信图片编辑文字字体怎么调整)

    微信图片编辑文字大小怎么调整(微信图片编辑文字字体怎么调整)

  • ipadair3容易弯吗(ipad air3容易变弯吗)

    ipadair3容易弯吗(ipad air3容易变弯吗)

  • 苹果x按压壁纸动不了(iphone x按压功能设置)

    苹果x按压壁纸动不了(iphone x按压功能设置)

  • 剪辑音乐的手机软件(剪辑音乐的手机推荐)

    剪辑音乐的手机软件(剪辑音乐的手机推荐)

  • iphonex铃声怎么设置成自己的音乐(苹果x的铃声)

    iphonex铃声怎么设置成自己的音乐(苹果x的铃声)

  • 网易云9级意味着什么(网易云9级算大神吗)

    网易云9级意味着什么(网易云9级算大神吗)

  • 淘宝每日必抢入口在哪(淘宝每日必买红包怎么领)

    淘宝每日必抢入口在哪(淘宝每日必买红包怎么领)

  • 微信被拉黑了是不是看不到对方所有的信息(微信被拉黑了是不是就搜不到对方了)

    微信被拉黑了是不是看不到对方所有的信息(微信被拉黑了是不是就搜不到对方了)

  • 华为荣耀9xpro参数

    华为荣耀9xpro参数

  • 华为v30有指纹解锁吗(华为v30pro指纹解锁)

    华为v30有指纹解锁吗(华为v30pro指纹解锁)

  • 小米9pro是单模还是双模(小米9pro是单模5g还是双模5g)

    小米9pro是单模还是双模(小米9pro是单模5g还是双模5g)

  • 苹果11有几款型号(苹果11有几款型号,分别多大尺寸)

    苹果11有几款型号(苹果11有几款型号,分别多大尺寸)

  • iphone4s怎么截图(iphone 4s怎么截图)

    iphone4s怎么截图(iphone 4s怎么截图)

  • 华为nova5ipro防水吗(华为nova5i pro防水不)

    华为nova5ipro防水吗(华为nova5i pro防水不)

  • 荣耀手机怎么调24小时制(荣耀手机怎么调时间和日期)

    荣耀手机怎么调24小时制(荣耀手机怎么调时间和日期)

  • word文档修改不了怎么办(pdf文字怎么修改)

    word文档修改不了怎么办(pdf文字怎么修改)

  • 小米8忘记密码怎么解锁(小米8忘记密码怎么解锁手机)

    小米8忘记密码怎么解锁(小米8忘记密码怎么解锁手机)

  • 微信刷脸支付怎么使用(微信刷脸支付怎么没有)

    微信刷脸支付怎么使用(微信刷脸支付怎么没有)

  • oppor15x怎么开启快充(oppor15x怎么开启游戏模式)

    oppor15x怎么开启快充(oppor15x怎么开启游戏模式)

  • 成功解决:npm 版本不支持node.js。【 npm v9.1.2 does not support Node.js v16.6.0.】(成功解决冲突的能力英语)

    成功解决:npm 版本不支持node.js。【 npm v9.1.2 does not support Node.js v16.6.0.】(成功解决冲突的能力英语)

  • lnstat命令  显示Linux系统的网路状态(ls -all命令)

    lnstat命令 显示Linux系统的网路状态(ls -all命令)

  • 二手房买卖避税违法吗
  • 小规模企业跨月专票如何冲红
  • 汇算清缴常见问题
  • 教育附加费税率怎么算
  • 小规模纳税人如何升级为一般纳税人
  • 合并后税务局的全称是什么
  • 税务机关对企业实施特别纳税调整,涉及企业向境外
  • 无形资产摊销怎么计算
  • 汇兑损益在外币业务核算中有什么重要意义
  • 财务费用汇兑损益是什么意思
  • 城市维护建设税税率
  • 车间设备的维修费用什么科目
  • 关联企业借款利息扣除
  • 土地使用税与房产税的区别
  • 发票勾选 发票认证
  • 补发工资个人所得税怎么申报
  • 公司自持物业所承担的土地出让金是否可以抵扣呢?
  • 注销往来怎么清理
  • 什么是中型企业?
  • 收到委托代销清单的会计分录
  • 出口退税进项税额转出的计算
  • 本年利润结转到利润分配是每月都结转还是年底结转
  • 事业单位的账务
  • 发票失联企业不处理的后果
  • 微信公众号认证年审怎么弄
  • 已签收的电子银行承兑汇票截图给别人有风险吗
  • 房租发票需要缴房产税吗
  • 超市开票收回的钱怎么算
  • linux运行后出现乱码
  • 收据和发票的区别图片
  • 不发工资先去劳动局投诉还是仲裁
  • YunDetectService.exe是什么进程?YunDetectService.exe禁止使用的方法
  • 电脑c盘被损坏怎么修复
  • 预收外汇会计分录
  • 黄金的伴生石
  • 投资性房地产减值准备为什么不能转回
  • 150m迷你型无线路由器怎么用
  • 不发放工资怎么办
  • 公司账户的钱怎么少了
  • php两个等号和三个的区别
  • javascript bom dom
  • list集合过滤
  • css字体设置渐变色
  • sum(sumif)
  • 股东的报销款可以抵投资款吗
  • 残保金是计入管理费用还是?
  • 普通发票的进项票怎么做分录
  • 收到工程进度款怎么做分录
  • 交通费属于什么部门
  • etc电子发票需要勾选吗
  • 员工的车是否可以抵税
  • 房地产开发企业资质管理规定
  • 餐饮食材成本高怎么形容
  • 租来的办公室装修费摊销几年
  • 工业企业如何建立税务风险预警体系工作表
  • 史上最简单的不读书法成甲
  • windowssever 2003
  • windows任务管理器命令
  • iphone制造成本
  • 苹果电脑快捷键截图怎么截
  • win7资源管理器怎么打开
  • windows7睡眠唤醒快捷键
  • win10画图功能
  • linux查看指定内容
  • 用linux配置ftp服务器的过程
  • linux安装步骤
  • ExtJS4中使用mixins实现多继承示例
  • jquery插件使用教程
  • css position: absolute、relative详解
  • 增删改查的语句
  • 用python做web
  • js判断符
  • android实现多线程的方法
  • 烟叶处理
  • 税务局的章
  • 税控发票开票软件金税盘版口令怎么解锁?
  • 核定征收怎么计算税额
  • 国家税务局发票真伪查验平台
  • 开票金额有限额吗
  • 增值税发票报税流程
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设