リンク先の拡張子を判別してアイコン自動表示
こんな感じで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はお好みで調整して下さい。