- 2007 年 11 月 09 日
- 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ページですが、これ以外にもシンプルですっきりしたものが多いです。
関連記事
- 新しい: EISA構成を削除する
- 古い: SP.LA落札される
コメント:0
トラックバック:0
- この記事のトラックバック URL
- http://www.dxcode.com/archives/2007/110920.html/trackback
- トラックバックの送信元リスト
- 外部リンク先のみ画像を挿入 - おじさんの備忘録-番外編- より
