查看: 91|回复: 8

[教程] 分享一个可以当提示的美化代码 很好看的

[复制链接]

25

主题

25

回帖

0

积分

热心网友

金币
25
阅读权限
220
精华
0
威望
0
贡献
0
在线时间
0 小时
注册时间
2008-8-10
发表于 2023-3-18 20:20:32 | 显示全部楼层 |阅读模式
先看效果图








不错吧 颜色可以自行选择
  1. <a style="font-size: 15px;color: #ffffff;padding: 0px 3px 0px 3px;font-weight: bold;margin-left: 5px;background-image: linear-gradient(90deg, #333, #ff9900);border-radius: 2px;">这里输入你想要提示的内容</a>
backgroundimage后面的就是颜色



像我第一个图的添加位置是the_c_style/forum/discuz.php文件  在里面搜索bm cbm_box cl 这个代码就行 把上面代码就直接添加到该代码的下面 然后保存 上传 覆盖 到后台更新缓存


然后到前台按CTRL+F5强制刷新就能看到效果   每个模板的代码不一样 但论坛首页的文件是一样的


至于第二个跟第三个图的位置也是forum文件夹里的文件


分别是forumdisplay.php跟forumdisplay_list.php

至于具体位置 每个人模板不一样 不过你们可以自己到板块列表页面 然后右键板块列表的今日 主题 排名 然后查看代码


找到代码后就可以把这个提示代码添加到他下面了


代码, 提示, 先看, 效果图, 找到
回复

使用道具 举报

25

主题

25

回帖

0

积分

热心网友

金币
25
阅读权限
220
精华
0
威望
0
贡献
0
在线时间
0 小时
注册时间
2008-8-10
 楼主| 发表于 2023-3-18 22:52:39 | 显示全部楼层
经过我论坛用户反馈 今日 主题 排名后面不能加这个  不然论坛会不正常 如 首页空白  帖子空白 手机访问错误

原因我也看了  好像是板块的今日 主题 排名的代码有调用一些函数?

不过首页跟其他地方没事
回复

使用道具 举报

0

主题

54

回帖

0

积分

热心网友

金币
54
阅读权限
220
精华
0
威望
0
贡献
0
在线时间
0 小时
注册时间
2009-3-27
发表于 2023-3-19 03:12:56 | 显示全部楼层
这个签到用的是什么插件
回复

使用道具 举报

25

主题

25

回帖

0

积分

热心网友

金币
25
阅读权限
220
精华
0
威望
0
贡献
0
在线时间
0 小时
注册时间
2008-8-10
 楼主| 发表于 2023-3-21 13:57:05 | 显示全部楼层

小米签到 我美化了
回复

使用道具 举报

0

主题

54

回帖

0

积分

热心网友

金币
54
阅读权限
220
精华
0
威望
0
贡献
0
在线时间
0 小时
注册时间
2009-3-27
发表于 2023-3-21 14:50:01 | 显示全部楼层

原来是小米 我都认不出了
回复

使用道具 举报

25

主题

25

回帖

0

积分

热心网友

金币
25
阅读权限
220
精华
0
威望
0
贡献
0
在线时间
0 小时
注册时间
2008-8-10
 楼主| 发表于 2023-3-21 15:17:17 | 显示全部楼层

晚点我把这个美化代码也发出来吧  我论坛美化东西挺多的
回复

使用道具 举报

0

主题

54

回帖

0

积分

热心网友

金币
54
阅读权限
220
精华
0
威望
0
贡献
0
在线时间
0 小时
注册时间
2009-3-27
发表于 2023-3-21 16:16:20 | 显示全部楼层

谢谢大佬,大佬懂好多呀
回复

使用道具 举报

0

主题

67

回帖

0

积分

热心网友

金币
67
阅读权限
220
精华
0
威望
0
贡献
0
在线时间
0 小时
注册时间
2010-7-11
发表于 2023-3-21 17:48:59 | 显示全部楼层
功德无量,
回复

使用道具 举报

0

主题

10

回帖

0

积分

热心网友

金币
10
阅读权限
220
精华
0
威望
0
贡献
0
在线时间
0 小时
注册时间
2011-3-21
发表于 2023-3-22 16:40:56 | 显示全部楼层

看你这么喜欢渐变,给你点小提示:
其实渐变不一定非得在背景上当底色,文字本身也可以渐变

  1. background-clip: text

配合background-image: linear-gradient使用即可,可以试试看(chrome需要额外加-webkit-头)
记得把文字本身的color干掉(transparent)
回复

使用道具 举报

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

本版积分规则

相关侵权、举报、投诉及建议等,请发 E-mail:qiongdian@foxmail.com

Powered by Discuz! X5.0 © 2001-2026 Discuz! Team.

在本版发帖返回顶部