·设为首页收藏本站📧邮箱修改🎁免费下载专区💎积分✅卡密📒收藏夹👽聊天室
返回列表 发布新帖

修改系统内置的DIY幻灯片样式。大家看看和原来的哪个好看。

184 1
发表于 2024-1-27 17:44:23 | 查看全部 阅读模式

马上注册,免费下载更多dz插件网资源。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
修改系统内置的DIY幻灯片样式。大家看看和原来的哪个好看。 修改,系统,系统内,内置,diy

局部效果。

修改系统内置的DIY幻灯片样式。大家看看和原来的哪个好看。 修改,系统,系统内,内置,diy

整体效果

修改如下:
1、upload/static/js/common_extra.js
此文件主要是修改幻灯片的编号位置。
搜索并修改如下:
  1. if(!this.slidebar) {                if(!this.slidenum && !this.slidestep) {                        this.container.parentNode.style.position = 'relative';                        this.slidebar = document.createElement('div');                        this.slidebar.className = 'slidebar';                        this.slidebar.style.position = 'absolute';                        this.slidebar.style.bottom = '4px'; /*原文件是:this.slidebar.style.top = '5px'; */
复制代码
2、upload/template/default/common/common.css
这里是修改这边标题的样式。
搜索并修改如下: (注:这里修改的内容比较杂乱,忘了之前的代码是什么了。你们就直接复制这个代码得了。)
  1. /* 幻灯片 */.slideblock { position: relative; }/* 标题内容 */        .slideshow { clear: both; }                .slideshow li { position: relative; overflow: hidden; }                        .slideshow span.title { position: absolute; bottom: 0; left: 0;right:0; margin-bottom: 0; width: 100%; height: 32px; line-height: 32px; text-align:right;font-size: 14px; text-indent: 14px; border-radius:6px;}                        .slideshow span.title, .slidebar li { background: rgba(0, 0, 0, 0.3); color: {LIGHTLINK}; overflow: hidden; }                        /* 编号 */                        .slidebar li { float: left; margin-right: 2px; width: 24px; height: 24px; line-height: 24px; text-align: center; font-size: 14px; cursor: pointer;border-radius:6px; }                                .slidebar li.on { background: rgba(255, 255, 255, 0.5); color: #000; font-weight: 700; }
复制代码


至此修改完毕,登录后台,更新一下缓存即可。
我要说一句 收起回复
创宇盾启航版免费网站防御网站加速服务

评论1

浅生Lv.8 发表于 2024-1-27 17:44:37 | 查看全部
用户不能编辑自己发的帖子啊。
我要说一句 收起回复

回复

 懒得打字嘛,点击右侧快捷回复【查看最新发布】   【应用商城享更多资源】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

图文热点
创宇盾启航版免费网站防御网站加速服务
投诉/建议联系

discuzaddons@vip.qq.com

未经授权禁止转载,复制和建立镜像,
如有违反,按照公告处理!!!
  • 联系QQ客服
  • 添加微信客服

联系DZ插件网微信客服|最近更新|Archiver|手机版|小黑屋|DZ插件网! ( 鄂ICP备20010621号-1 )|网站地图 知道创宇云防御

您的IP:18.116.52.43,GMT+8, 2024-11-22 03:43 , Processed in 0.218301 second(s), 84 queries , Gzip On, Redis On.

Powered by Discuz! X5.0 Licensed

© 2001-2024 Discuz! Team.

关灯 在本版发帖
扫一扫添加微信客服
QQ客服返回顶部
快速回复 返回顶部 返回列表