分享一个贴内分隔栏美化
<ol><li>.xiaztxx {<br /><li> height: 30px;<br /><li> line-height: 30px;<br /><li> border-left: 4px solid #ff0000;<br /><li> padding-left: 20px;<br /><li> position: relative;<br /><li> border-radius: 10px;<br /><li> background-color: #fafafa;<br /><li> text-indent: 0px;<br /><li> box-shadow: 15px 9px 8px #444;<br /><li> margin-bottom: 10px;<br /><li>}<br /><li>.xiaztxx h2 {<br /><li> font-size: 15px;<br /><li> color: #6D6B6B;<br /><li>}</ol><br /><img title="QQ图片20230206213919.png" id="aimg_19740" aid="19740" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202302/06/213944xo4egi6honmnhgmi.png" src="https://www.dismall.com/data/attachment/forum/202302/06/213944xo4egi6honmnhgmi.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><br /><br />上面的代码复制到正在使用的模板common/extend_common.css文件最底下 每个人的模板不一样 所以文件命名也不一样 但该文件就在common文件夹里 后缀也不会改变 就是common.css 有的模板可能会加前缀 但后缀基本上不会有太大改变<br /><br />之后打开你的网站后台-界面-编辑器设置-代码-新增一个按钮 名字 warning.gif 标签fgl 然后点击提交 之后点击详情 把下面代码放到替换内容里 然后个数写1 次数1 其他不用写 用户组你们自己设置 <br /><ol><li><div class="xiaztxx"><h2>{1}</h2></div></ol><img title="QQ图片20230206214446.png" id="aimg_19741" aid="19741" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202302/06/214454nw5ki7w6fskwbiub.png" src="https://www.dismall.com/data/attachment/forum/202302/06/214454nw5ki7w6fskwbiub.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 /><ignore_js_op><span style="white-space: nowrap" id="attach_19743" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})">warning.zip<em class="xg1">(1.28 KB, 下载次数: 656)</em></span>2023-2-6 21:45 上传点击文件名下载附件</ignore_js_op><br /><br /><br />这个图标图片放到static\image\common文件夹里即可<br /><ol><li>border-radius: 10px;这个是圆角代码 如果你不想用圆角就把这个代码删掉即可 数字越大它就越圆 10对于我来说是刚刚好 你们自己设置就行了</span></ol><br /><br />全部设置好之后 就勾选可用跟显示就行了 到时候你们用的时候就选择那个按钮 然后在框子里输入文字即可 <br /><br />比如 下载地址了 介绍了 说明了 等文字<br /><br />文字<em>, </em>全部<em>, </em>设置<em>, </em>之后<em>, </em>勾选 手机版也可以显示,但也只能显示 没法在手机版使用 手机版跟电脑版的css名字不一样 但位置差不多都一样 克米的comiis_app\comiis\css/comiis.css 一样是放到最下面 其他手机版你们自行研究 反正都是在css最下面 一般你就看他文件大小 超过100KB以上的理论上都是对的 啊哈哈哈哈,占楼来喽,感谢大佬分享呀 感谢大佬,和上次发的回复可见显示效果差不多<br /><br />下面效果研究个呗,别人美化的,我不会<br /><img title="IMG_20221105_005134.jpg" id="aimg_19922" aid="19922" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202302/11/133037vuosh63qwzh9qx99.jpg" src="https://www.dismall.com/data/attachment/forum/202302/11/133037vuosh63qwzh9qx99.jpg" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><img title="1068278aa09150b0.jpg" id="aimg_19923" aid="19923" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202302/11/133054bqi3dqc8rcosh3rs.jpg" src="https://www.dismall.com/data/attachment/forum/202302/11/133054bqi3dqc8rcosh3rs.jpg" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /> 又是好东西,顶一个 <br />发个网站我看看 <br />这个还真没有,不知道为什么站长间都互有戒心,问网址都是三缄其口不愿意说,没办法<br />这是dz交流群一个群友分享他自己美化后的效果截图 <br />正常,现在都怕 万一自己的服务器扛不住或者被别有用心的人给JB 防一点总没错 发现一个怪现象,不知道是PHP升级到8了,还是更改了编辑器图标editor.gif,这个设置包括其它界面/编辑器设置/Discuz! 代码,都失效了。 <br />不清楚,我一直用3.4 其他的也不升级
頁:
[1]