BLOG追加新的定义类功能

by 流浪五天

image最近这几天在更新BLOG的主题,无意之中在大名鼎鼎的主题发布站Redoable看到网站上引用的新的定义类显示非常漂亮,所以就想引用到自己的BLOG上也用一下,显示效果如下:

测试警告类测试警告类

下载测试类

CSS: .text-hidden { width: 170px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

文本测试类

信息测试类

CallOut测试类

新内容测试类

感觉很漂亮,大家可以到Redoable的主页上下载Rechuked Buttons 1.0插件,激活后可以适用。但是我在K2+TrueBlue的主题上应用没有成功,但是看到网上有一些朋友已经在用了,相信应该是没问题的。我在甜蚂蚁的部落格上看到了有关这个新的定义类的介绍,大家可以在他的主页上下载Evincere类CSS包此链接是作者给出的安装方法,我没有改写CSS文件,而是把新的CSS文件导入到原来的CSS文件中,加入如下两行代码

注意CSS文件的存放位置


/* Support for blink */
@import url(‘css/blink.css’);

并且把images文件一起上传

注意blink.css中images文件的存放路径

显示时候的代码如下:

测试警告类测试警告类

下载测试类

CSS: .text-hidden { width: 170px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;

文本测试类

信息测试类

CallOut测试类

新内容测试类