Showing Hyperlink Cues with CSS (Ask the CSS Guy)

I like the little icons next to hyperlinks that signify if that link will take me offsite, open a popup, or link to a file (as opposed to another html page). Here's how to do it in a way that's supported in IE7, Firefox, and Safari. Download zip Images First, find some nice little icons (or better yet, create them yourself) in gif format that will be used as the cues. It might be easier for them a

[funama22]

拡張子でリンクアイコン等切り替え。IE6未対応っすか。。。

[CHODA]

リンク先の拡張子によってリンクアイコンを変更するCSS。ie6は非対応かー。ぐむぅ。

[sonesone]

ie6未対応

[hurvinek]

あれ？こんな書き方できたの．．CSSでリンク先ファイルの拡張子アイコンを表示

[sigwyg]

リンクアイコンとか。拡張子で分けるアレ

[fujimogn]

ハイパーリンクの拡張子に応じてCSSでアイコン追加のチュートリアル

[DropOutSurf_JOY]

リンク先の拡張子に併せてアイコンを自動挿入

[webmarksjp]

css

[iza0]

ハイパーリンクの拡張子に応じてCSSでアイコン追加

[granchio23]

CSSで拡張子アイコン付与

[hiro-rock]

外部リンクにアイコン 属性セレクタ

[erf]

リンクに含まれるファイルフォーマットで表示される画像を変える。このセレクタはやっぱりie6未対応。

[picnicgraphic]

「CSSでPDFやExcel等のファイルタイプ別アイコンを自動付与する方法」拡張子を元にアイコンを表示できるCSSを適用させる。ただ「属性セレクタをサポートするブラウザでしか使えないテクニック」。/via*phpspot開発日誌さん

[wacky]

リンク先に応じたアイコンを自動的に表示するCSS。IE7 / Firefox / Safariに対応。CSS3のセレクタ。（→ 関連： http://my-chunqiu.cocolog-nifty.com/blog/2005/12/css_3__49ff.html ）

[hiro_y]

CSSでリンク先に応じたアイコンを表示する方法。

[aratako0]

これ、なんだっけ？CyberGardenか何かで使われていて、リンク先の後ろに画像をくっつけてくれるCSSの書き方。