图标 | 木木木木木

标签: 图标

[M8]推荐一套UI及主题图标

小8一直是用曉メмāΝ的UI美化V3.0，几天前官方论坛发现一套全新风格且质量也相当不错的UI（这里），用上效果比截图更精致～图标没有采用同作者boboyuki制作的贴纸风格，虽然这套也很不错来着，我选择了极地阳光的图标（这里）。

UI美化及图标使用后的几张截图：继续阅读

M8
主题
图标

2010-08-14

[M8]曉メмāΝ磨砂玻璃主题及第三方图标

M8用了好几个月了，总找不到自己满意的主题，逛论坛找到了【曉メмāΝ】UI美化V3.0+磨砂玻璃主题，用上后效果相当惊艳，然后就等magge999的第三方图标，可到今天才那么点点，不满……

经搜索，坛子里也有几位煤油发出一些自制的第三方图标了，原来神秘文件是图标的PSD源文件呀，上次就一张图片这次没购买，赶紧购买了，用自己的超业余的PS水平P了一些。

然后整理整理合起来，第三方图标有55个了，够自己用了，反正做了顺便放上来分享咯~

另外顺便把图标右下角的Meizu去掉了，看着更顺眼！继续阅读

M8
主题
图标

2010-05-09

JQuery 学习笔记之：为附件添加个性图标

之前写过利用CSS的选择器实现《为不同类型的附件添加个性图标》，效果理想，唯一遗憾的就是IE6下无效。关注小站的童鞋都了解，小弟这几天都在死命的折腾jQuery，所以今儿来个jQuery版的，而且完美兼容各大浏览器哦！

效果演示：.doc，.pdf，.7z，http://www.rayfile.com

jQuery代码：

 
$("a[href$=.doc]").addClass("doc");  //对a标签内href属性中以“.doc”结尾的，为其添加CSS类class="doc"
 
$("a[href$=.pdf]").addClass("pdf");  //同上
 
$("a[href$=.zip],a[@href$=.7z]").addClass("zip");  //对a标签内href属性中以“.zip”或“.7z”结尾的，为其添加CSS类class="zip"
 
$("a[href^=http://www.rayfile.com]").addClass("rayfile");  //对a标签内href属性中以“http://www.rayfile.com”开始的，为其添加CSS类class="rayfile"

继续阅读

2009-11-04

为不同类型的附件添加个性图标

（嗨，一个标题写了10分钟……痛苦ing……）

写文章经常会分享一些东西，标个名字做个链接，然后让其他童鞋下载。一般我都是打包成7z格式的压缩文件提供下载的，但偶尔也会直接放上Word文档，还有比如PDF格式的教程。提供不同类型的附件时，为了区分也只能多打几个字，加个括号注明下。今天，我们利用CSS就给不同类型的附件加上一个个性的小图标！

演示效果：我是.7z后缀的压缩文件，我是.doc后缀的Word文档，我是.pdf后缀的PDF文档

看到效果了吧，那我们如何实现它呢？往下看，这种效果呢是通过CSS实现，把以下代码添加到主题style.css中即可：

a[href$=".zip"],a[href$=".7z"],a[href$=".rar"]{background:url(images/rar.gif) no-repeat left center;padding-left:19px;}
a[href$=".doc"]{background:url(images/word.gif) no-repeat left center;padding-left:19px;}
a[href$=".pdf"]{background:url(images/pdf.gif) no-repeat left center;padding-left:19px;}