- 2007-11-09 (金) 10:50
- Customize
記事の中にあるサイト外に出るリンクのみにイメージをつけるというもの。
a[href^="http:"]:after,
a[href^="https:"]:after {
content: url(images/icon/link_out.gif);
margin: 0 2px;
}
a[href^="http://example.com"]:after {
content:"";
margin: 0;
}
上記コードをcssに追加するだけ。
afterをbeforeに置き換えればイメージを前に挿入できる。
もちろん挿入するイメージのパスや自サイトのアドレスは要調整。
今回のイメージは海外の下記サイトから頂きました。
Mini-Images für den Webmaster, kostenlose downloads GIF JPG Webdesign
上記アドレスから入ってSite-Nav Symboleページですが、これ以外にもシンプルですっきりしたものが多いです。
関連記事
- Newer: EISA構成を削除する
- Older: SP.LA落札される
Comments:0
Trackbacks:0
- Trackback URL for this entry
- http://www.dxcode.com/archives/2007/110920.php/trackback
- Listed below are links to weblogs that reference
- 外部リンク先のみ画像を挿入 from おじさんの備忘録-番外編-