查看: 402|回复: 2

分享一个贴内分隔栏美化

[复制链接]

142

主题

293

回帖

550

积分

高级会员

积分
550
发表于 2023-2-7 23:37:51 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?立即注册

x
  1. [/code][code].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;}
复制代码
d1.png

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

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

复制代码
d2.png



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



这个图标图片放到static\image\common文件夹里即可
  1. border-radius: 10px;这个是圆角代码 如果你不想用圆角就把这个代码删掉即可  数字越大它就越圆  10对于我来说是刚刚好 你们自己设置就行了
复制代码

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

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

免责声明

1.本网站所收集的部分公开资料来源于互联网,转载的目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。
2.如果您发现网站上有侵犯您的知识产权的作品,请与我们取得联系,我们会及时修改或删除。

上一篇:【开源模板】Discuz!X3.5自适应模板兼容Discuz!X3.4过程记录
下一篇:Discuz!使用H5版封装打包小程序和APP

回复

使用道具 举报

123

主题

287

回帖

526

积分

高级会员

积分
526
发表于 2023-2-7 23:38:21 | 显示全部楼层
手机版也可以显示,但也只能显示 没法在手机版使用    手机版跟电脑版的css名字不一样 但位置差不多都一样 克米的comiis_app\comiis\css/comiis.css 一样是放到最下面  其他手机版你们自行研究  反正都是在css最下面  一般你就看他文件大小  超过100KB以上的理论上都是对的
回复 支持 反对

使用道具 举报

124

主题

289

回帖

514

积分

高级会员

积分
514
发表于 2023-2-7 23:39:05 | 显示全部楼层
啊哈哈哈哈,占楼来喽,感谢大佬分享呀
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表