!
也想出现在这里? 联系我们
广告位
当前位置:首页>运营>网站运维>博客“NEW”、“置顶”图标样式调整为按指定角度倾斜

博客“NEW”、“置顶”图标样式调整为按指定角度倾斜

之前博客发布过一篇名为“DUX主题为新发布的文章添加 NEW 图标”的文章,最开始的时候使用的是 gif 图片实现的效果,后来我所使用的 DUX 主题增加了置顶文章的功能,显示置顶文章的图标是纯文字的于是我也将“NEW”图标的样式调整为了纯文字的形式。今天更新了下 Erphpdown 插件,在修改插件前端显示样式的时候将“已购买”的显示调整成了按角度倾斜的样式,于是决定将“NEW”图标与“置顶”图标也改成同样的样式,于是便有了这篇文章。先看下 Erphpdown 下载信息框调整后的样式:

博客“NEW”、“置顶”图标样式调整为按指定角度倾斜

然后再看下此次调整“NEW”图标与“置顶”图标之后的显示效果,有需要的可以直接拿去使用。

博客“NEW”、“置顶”图标样式调整为按指定角度倾斜

修改前

博客“NEW”、“置顶”图标样式调整为按指定角度倾斜

修改后

使用方式很简单,将以下代码复制到主题 main.css 文件中即可:

给TA打赏
共{{data.count}}人
人已打赏
网站运维

无法获取谷歌PIN码?提交表单来解决!

2022-9-8 12:31:49

网站运维

PoiLive2D—为博客添加能动的看板娘

2022-9-8 12:32:41

声明 本站上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。无意侵害您的权益,请发送邮件至 [email protected] 或点击右侧 私信:林沐阳 反馈,我们将尽快处理。
{{yiyan[0].hitokoto}}
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索