分享一个贴内分隔栏美化

影子江湖

1. .xiaztxx {
   
2.     height: 30px;
   
3.     line-height: 30px;
   
4.     border-left: 4px solid #ff0000;
   
5.     padding-left: 20px;
   
6.     position: relative;
   
7.         border-radius: 10px;
   
8.     background-color: #fafafa;
   
9.     text-indent: 0px;
   
10.     box-shadow: 15px 9px 8px #444;
    
11.     margin-bottom: 10px;
    
12. }
    
13. .xiaztxx h2 {
    
14.     font-size: 15px;
    
15.     color: #6D6B6B;
    
16. }

复制代码

上面的代码复制到正在使用的模板common/extend_common.css文件最底下  每个人的模板不一样 所以文件命名也不一样 但该文件就在common文件夹里  后缀也不会改变 就是common.css 有的模板可能会加前缀  但后缀基本上不会有太大改变

之后打开你的网站后台-界面-编辑器设置-代码-新增一个按钮 名字 warning.gif   标签fgl  然后点击提交 之后点击详情 把下面代码放到替换内容里  然后个数写1  次数1  其他不用写  用户组你们自己设置

1. <div class="xiaztxx"><h2>{1}</h2></div>

复制代码

图标图片直接上传背景会变成黑色 我就直接打包了
warning.zip (1.28 KB, 下载次数: 63)

2023-2-6 21:45 上传

点击文件名下载附件

这个图标图片放到static\image\common文件夹里即可

1. border-radius: 10px;这个是圆角代码 如果你不想用圆角就把这个代码删掉即可  数字越大它就越圆  10对于我来说是刚刚好 你们自己设置就行了</span>

复制代码

全部设置好之后 就勾选可用跟显示就行了  到时候你们用的时候就选择那个按钮 然后在框子里输入文字即可

比如 下载地址了   介绍了   说明了 等文字

影子江湖

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

yezirui

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

ysx24

感谢大佬，和上次发的回复可见显示效果差不多

下面效果研究个呗，别人美化的，我不会

TaC

又是好东西，顶一个

影子江湖

ysx24 发表于 2023-2-11 13:32
感谢大佬，和上次发的回复可见显示效果差不多

下面效果研究个呗，别人美化的，我不会

发个网站我看看

ysx24

影子江湖 发表于 2023-2-11 19:20
发个网站我看看

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

影子江湖

ysx24 发表于 2023-2-12 09:00
这个还真没有，不知道为什么站长间都互有戒心，问网址都是三缄其口不愿意说，没办法
这是dz交流群一个群 ...

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

TaC

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

影子江湖

TaC 发表于 2024-3-29 19:00
发现一个怪现象，不知道是PHP升级到8了，还是更改了编辑器图标editor.gif，这个设置包括其它界面/编辑器设 ...

不清楚,我一直用3.4 其他的也不升级