修改系统内置的DIY幻灯片样式。大家看看和原来的哪个好看。
<img title="微信截图_20240127154016.png" id="aimg_27872" aid="27872" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202401/27/154126ss8aa6i2rh2hqqqa.png" src="https://www.dismall.com/data/attachment/forum/202401/27/154126ss8aa6i2rh2hqqqa.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="460" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><br /><br />局部效果。<br /><br /><img title="微信截图_20240127154200.png" id="aimg_27873" aid="27873" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202401/27/154221dxvbxhuwruhuva1a.png" src="https://www.dismall.com/data/attachment/forum/202401/27/154221dxvbxhuwruhuva1a.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><br /><br />整体效果<br /><br />修改如下：<br /><font face="SourceHanSansSC-regular, 微软雅黑, Arial, Helvetica, sans-serif">1、upload/static/js/common_extra.js </font><br /><font face="SourceHanSansSC-regular, 微软雅黑, Arial, Helvetica, sans-serif">此文件主要是修改幻灯片的编号位置。</font><br /><font face="SourceHanSansSC-regular, 微软雅黑, Arial, Helvetica, sans-serif">搜索并修改如下：</font><br /><ol><li> if(!this.slidebar) {<br /><li> if(!this.slidenum && !this.slidestep) {<br /><li> this.container.parentNode.style.position = 'relative';<br /><li> this.slidebar = document.createElement('div');<br /><li> this.slidebar.className = 'slidebar';<br /><li> this.slidebar.style.position = 'absolute';<br /><li> this.slidebar.style.bottom = '4px'; /*原文件是：this.slidebar.style.top = '5px'; */</ol>2、upload/template/default/common/common.css<br /><font face="SourceHanSansSC-regular, 微软雅黑, Arial, Helvetica, sans-serif">这里是修改这边标题的样式。</font><br /><font face="SourceHanSansSC-regular, 微软雅黑, Arial, Helvetica, sans-serif">搜索并修改如下： （注：这里修改的内容比较杂乱，忘了之前的代码是什么了。你们就直接复制这个代码得了。）</font><font face="SourceHanSansSC-regular, 微软雅黑, Arial, Helvetica, sans-serif"><br /></font><br /><ol><li><br /><li>/* 幻灯片 */<br /><li>.slideblock { position: relative; }<br /><li>/* 标题内容 */<br /><li> .slideshow { clear: both; }<br /><li> .slideshow li { position: relative; overflow: hidden; }<br /><li> .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;}<br /><li> .slideshow span.title, .slidebar li { background: rgba(0, 0, 0, 0.3); color: {LIGHTLINK}; overflow: hidden; }<br /><li> /* 编号 */<br /><li> .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; }<br /><li> .slidebar li.on { background: rgba(255, 255, 255, 0.5); color: #000; font-weight: 700; }<br /><li></ol><br /><br /><br />至此修改完毕，登录后台，更新一下缓存即可。<br />修改<em>, </em>微软<em>, </em>雅黑 用户不能编辑自己发的帖子啊。 我这试了下，幻灯片还是直角的，没有你这个圆角 <br />圆角自己加个样式就好了啊，如：border-radius: 20px; 这都懒得加吗 <br />是不乍会呢，我现在把DIY的图片都整成圆角了，但是统一的，没有一个一个的调，DIY的图片真不知是哪个样式，直接在DIY代码里加的。就这样了，比静态好些。 你这个不错 比较漂亮 <br />我基本不用DIY，大多是创建后台模块，然后调用
頁:
[1]