之前博客发布过一篇名为“DUX主题为新发布的文章添加 NEW 图标”的文章,最开始的时候使用的是 gif 图片实现的效果,后来我所使用的 DUX 主题增加了置顶文章的功能,显示置顶文章的图标是纯文字的于是我也将“NEW”图标的样式调整为了纯文字的形式。今天更新了下 Erphpdown 插件,在修改插件前端显示样式的时候将“已购买”的显示调整成了按角度倾斜的样式,于是决定将“NEW”图标与“置顶”图标也改成同样的样式,于是便有了这篇文章。先看下 Erphpdown 下载信息框调整后的样式:
然后再看下此次调整“NEW”图标与“置顶”图标之后的显示效果,有需要的可以直接拿去使用。
修改前
修改后
使用方式很简单,将以下代码复制到主题 main.css 文件中即可: