« コピーライト表記の年度をJavascriptで自動更新する |  HOME  | PhotoshopでFavicon作成 »

外部リンクにアイコンをつける

wikipediaのように、外部リンクの際アイコンイメージをつけるCSS。

↓サンプルはこんな感じ。
株式会社トリニティ

アイコンは自作でも良いし、手早く済ませるなら以下よりダウンロードする手もある。
Link Indication Plugin — Software Guide

次にスタイルシートにclassを一つ追記。
a.outsidelink { padding-right: 12px; background: url(リンクアイコンのURL) no-repeat right; }
あとはリンクに「class="outsidelink"」を記入すればOK。
08.03.2009 | Category：XHTML+CSS  | Tag：CSS,Icon

comments(0)  | trackbacks(0)  | 

このエントリーのトラックバックURL

コメントする

▲このページのトップへ

月別アーカイブ