外部リンクにアイコンを表示しました
リンクところにちょっとした画像が表示されるようにしました。
自サーバへのリンクは除くようにしているため、他のサイトへのリンクの場合に表示されます。
…スキン機能のCSSにちょこっと追加するだけで実装できた。Opera、Firefoxは表示されます。…IEだと表示されないですねぇ。:before疑似要素、:after疑似要素に対応していないので表示されません。(MacのIE5では実装されてるらしい…)
■Google
○メールアドレスのリンクの場合
■CSS で外部リンクにだけアイコンを表示
自サーバへのリンクは除くようにしているため、他のサイトへのリンクの場合に表示されます。
…スキン機能のCSSにちょこっと追加するだけで実装できた。Opera、Firefoxは表示されます。…IEだと表示されないですねぇ。:before疑似要素、:after疑似要素に対応していないので表示されません。(MacのIE5では実装されてるらしい…)
a[href^="http:"]:after, a[href^="https:"]:after {
content:url(elink.gif);
vertical-align:middle;
margin:0 2px;
}
a[href^="http://example.com/"]:after {
content:"";
margin:0;
}
○メールアドレスのリンクの場合
■CSS で外部リンクにだけアイコンを表示