Dylan Greene dot com::XML button created via CSS

RSSやらATOMで記事配信してるブログやニュースサイトでよく見かけるあのアイコンを探していたら、CSSで作ってしまった人を発見した。これがソースコード:

こんな感じになる→XML

Bloggerは画像ファイルをアップロードできないのでこの方法を使うとかなり便利。しかもSPANタグで囲まれたテキストを書き換えるだけでRSSアイコンRSS にもRDFアイコンRDF にもなるというスグレモノ。

Firefox0.9とIE6で見比べてみたけど両者とも見え方は同じだった。Firefoxだとリンクの下線表示をオンにしてると余計な線が表示されてしまうんだけど、Aタグの属性に「style="text-decoration:none;"」を加えれば直る。

こんなかんじで。


お試しアレ。