标签: 链接

Favicon是什么?就是每个站点网址前那个小图标。

想到给友情链接加上各自个性的Favicon,我当然绝对不是第一个。如之前万戈这个哥写过《获取 Favicon 服务美化友情链接》,文中技术含量过高直接导致效果出不来的一大片,或者说直接吓倒一大片。另外也有个jQuery插件叫:FAVORITE ICON,不过为了一个图标单独用一个JS,有点奢侈的所。我借用了它其中的几个字母,就给效果做出来了~

linkfav.jpg

继续阅读

连续几天写的都是jQuery的一些应用,都有童鞋有意见咯(详情点击)。说真的,我真的是被jQuery强大的应用给深深吸引了,只需简单写几行命令代码就能显示出酷炫的效果!

这几天在添加新的功能外,还寻思着用jQuery替代原有的一些效果。比如改造了导航栏,还有上篇说的《为附件添加个性图标》……

这篇继续,在新窗口中打开评论者的链接!

jQuery代码: 继续阅读

lianj1.jpg

lianj2.jpg

lianj3.jpg

(通过这几张图各位童鞋多少能感觉出,目前我对此的做出的处理方式。)

继续阅读

(嗨,一个标题写了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;}

继续阅读