虚位以待,此位置招租
虚位以待,此位置招租
虚位以待,此位置招租
虚位以待,此位置招租
虚位以待,此位置招租
虚位以待,此位置招租
NexaHub聚合登录 阿里云服务器 99元/年 大流量卡 - 免开卡,免运费 172 - 大流量卡 此位置招租 此位置招租 此位置招租 此位置招租 此位置招租 此位置招租 此位置招租 此位置招租 此位置招租 此位置招租 此位置招租 此位置招租 此位置招租 此位置招租
输入验证码,即可复制
扫描二维码输入:jiuge,即可获取验证码
只需要3秒时间
返回列表 发布新帖

[Discuz!教程] 分享一个贴内分隔栏美化

138 0
发表于 2025-1-3 22:03:29 | 查看全部 阅读模式
[H1]CSS代码[/H1]
.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;
}
fe502939-09fd-4aca-9dbe-61a8f9740ac6.png
上面的代码复制到正在使用的模板 common/extend_common.css  文件最底下  每个人的模板不一样 所以文件命名也不一样 但该文件就在common文件夹里  后缀也不会改变 就是common.css 有的模板可能会加前缀  但后缀基本上不会有太大改变

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

点此下载 无法下载,我要报错

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

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

免责声明

本社区仅提供信息交流平台,帖子内容由用户自行发布,不代表社区立场。用户对发布内容负全责,包括版权、隐私、诽谤等,社区不承担因使用社区内容导致的损失。禁止发布侵权、隐私信息,发现侵权请联系我们。社区不负责第三方内容,用户因访问第三方内容产生的损失,社区不担责。用户须遵守规则和法律,不得发布违法、不当内容,违规内容将被删除。发表帖子即同意本声明,不同意请勿发帖。


特别提醒:网络空间并非法外之地,请广大用户自觉遵守法律法规,共同营造健康、文明、有序的网络环境。

本社区运营团队

联系我们: 如有疑问或发现违规行为,请联系管理员:kefu@foxccs.com

远方路灯明灭,银河倾斜,一斛星斗洒满天街。

回复

快捷回复: 经历想经历的,成为想成为的 - 九歌社区
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

投诉/建议联系

jiubbs2025@163.com

未经授权禁止转载,复制和建立镜像,
如有违反,追究法律责任
  • QQ交流群
  • 微信公众号
Copyright © 2001-2025 九歌社区 版权所有 All Rights Reserved.

手机版|小黑屋|帮助|九歌社区   |   GMT+8, 2025-4-3 15:17 , Processed in 0.280094 second(s), 38 queries .

关灯 在本版发帖
扫一扫添加微信客服
手机扫一扫访问
返回顶部
快速回复 返回顶部 返回列表