分享一个贴内分隔栏美化

[H1]CSS代码[/H1]

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>

复制代码

下载地址

图标图片直接上传背景会变成黑色 我就直接打包了

　无法下载，我要报错

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

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

复制代码

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

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