リンク先の拡張子を判別してアイコン自動表示

リンク先の拡張子を判別してアイコン自動表示

こんな感じでCSSを書いたらいいようです。

*pdfの場合

a[href $=’.pdf’] {
padding-left: 15px;
background: transparent url(i_pdf.gif) no-repeat center left;
}

1行目の.pdfの部分を変えることで、いろいろなファイル形式に対応可能。もちろんそれに合わせてアイコンを作る必要がある。

たとえば、wordファイルのアイコンを表示させたいなら.pdfのところを.docに変更して、wordのアイコンファイルを読ませるようにする。

paddingはお好みで調整して下さい。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です


Hit Counter provided by orange county plumbing