玄之 发表于 2025-1-3 22:03:29

分享一个贴内分隔栏美化

CSS代码
.xiaztxx {
    height: 30px;
    line-height: 30px;
    border-left: 4px solid #ff0000;
    padding-left: 20px;
    position: relative;
      border-radius: 10px;
    background-color: #fafafa;
    text-indent: 0px;
    box-shadow: 15px 9px 8px #444;
    margin-bottom: 10px;
}
.xiaztxx h2 {
    font-size: 15px;
    color: #6D6B6B;
}
上面的代码复制到正在使用的模板 common/extend_common.css文件最底下每个人的模板不一样 所以文件命名也不一样 但该文件就在common文件夹里后缀也不会改变 就是common.css 有的模板可能会加前缀但后缀基本上不会有太大改变

之后打开你的网站后台-界面-编辑器设置-代码-新增一个按钮 名字 warning.gif   标签fgl然后点击提交 之后点击详情 把下面代码放到替换内容里然后个数写1次数1其他不用写用户组你们自己设置
<div class="xiaztxx"><h2>{1}</h2></div>
下载地址
图标图片直接上传背景会变成黑色 我就直接打包了

https://drive.uc.cn/s/a5b3f36f39a44?public=1

这个图标图片放到static\image\common文件夹里即可
border-radius: 10px;这个是圆角代码 如果你不想用圆角就把这个代码删掉即可数字越大它就越圆10对于我来说是刚刚好 你们自己设置就行了</span>全部设置好之后 就勾选可用跟显示就行了到时候你们用的时候就选择那个按钮 然后在框子里输入文字即可

比如 下载地址了   介绍了   说明了 等文字
页: [1]
查看完整版本: 分享一个贴内分隔栏美化