影子江湖 發表於 2023-2-6 21:51:29

分享一个贴内分隔栏美化

<ol><li>.xiaztxx {<br /><li>&nbsp; &nbsp; height: 30px;<br /><li>&nbsp; &nbsp; line-height: 30px;<br /><li>&nbsp; &nbsp; border-left: 4px solid #ff0000;<br /><li>&nbsp; &nbsp; padding-left: 20px;<br /><li>&nbsp; &nbsp; position: relative;<br /><li>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;border-radius: 10px;<br /><li>&nbsp; &nbsp; background-color: #fafafa;<br /><li>&nbsp; &nbsp; text-indent: 0px;<br /><li>&nbsp; &nbsp; box-shadow: 15px 9px 8px #444;<br /><li>&nbsp; &nbsp; margin-bottom: 10px;<br /><li>}<br /><li>.xiaztxx h2 {<br /><li>&nbsp; &nbsp; font-size: 15px;<br /><li>&nbsp; &nbsp; 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文件最底下&nbsp;&nbsp;每个人的模板不一样 所以文件命名也不一样 但该文件就在common文件夹里&nbsp;&nbsp;后缀也不会改变 就是common.css 有的模板可能会加前缀&nbsp;&nbsp;但后缀基本上不会有太大改变<br /><br />之后打开你的网站后台-界面-编辑器设置-代码-新增一个按钮 名字 warning.gif&nbsp; &nbsp;标签fgl&nbsp;&nbsp;然后点击提交 之后点击详情 把下面代码放到替换内容里&nbsp;&nbsp;然后个数写1&nbsp;&nbsp;次数1&nbsp;&nbsp;其他不用写&nbsp;&nbsp;用户组你们自己设置 <br /><ol><li>&lt;div class=&quot;xiaztxx&quot;&gt;&lt;h2&gt;{1}&lt;/h2&gt;&lt;/div&gt;</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;这个是圆角代码 如果你不想用圆角就把这个代码删掉即可&nbsp;&nbsp;数字越大它就越圆&nbsp;&nbsp;10对于我来说是刚刚好 你们自己设置就行了&lt;/span&gt;</ol><br /><br />全部设置好之后 就勾选可用跟显示就行了&nbsp;&nbsp;到时候你们用的时候就选择那个按钮 然后在框子里输入文字即可 <br /><br />比如 下载地址了&nbsp; &nbsp;介绍了&nbsp; &nbsp;说明了 等文字<br /><br />文字<em>, </em>全部<em>, </em>设置<em>, </em>之后<em>, </em>勾选

影子江湖 發表於 2023-2-6 22:11:23

手机版也可以显示,但也只能显示 没法在手机版使用&nbsp; &nbsp; 手机版跟电脑版的css名字不一样 但位置差不多都一样 克米的comiis_app\comiis\css/comiis.css 一样是放到最下面&nbsp;&nbsp;其他手机版你们自行研究&nbsp;&nbsp;反正都是在css最下面&nbsp;&nbsp;一般你就看他文件大小&nbsp;&nbsp;超过100KB以上的理论上都是对的&nbsp;&nbsp;

yezirui 發表於 2023-2-6 23:17:55

啊哈哈哈哈,占楼来喽,感谢大佬分享呀

ysx24 發表於 2023-2-11 13:32:45

感谢大佬,和上次发的回复可见显示效果差不多<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'})" />

TaC 發表於 2023-2-11 17:35:37

又是好东西,顶一个

影子江湖 發表於 2023-2-11 19:20:33

<br />发个网站我看看

ysx24 發表於 2023-2-12 09:00:16

<br />这个还真没有,不知道为什么站长间都互有戒心,问网址都是三缄其口不愿意说,没办法<br />这是dz交流群一个群友分享他自己美化后的效果截图

影子江湖 發表於 2023-2-12 17:18:01

<br />正常,现在都怕&nbsp;&nbsp;万一自己的服务器扛不住或者被别有用心的人给JB&nbsp;&nbsp;防一点总没错

TaC 發表於 2024-3-29 19:00:56

发现一个怪现象,不知道是PHP升级到8了,还是更改了编辑器图标editor.gif,这个设置包括其它界面/编辑器设置/Discuz! 代码,都失效了。

影子江湖 發表於 2024-3-30 22:41:15

<br />不清楚,我一直用3.4 其他的也不升级
頁: [1]
查看完整版本: 分享一个贴内分隔栏美化