Home > タグ > 外部リンク

外部リンク

外部リンク先のみ画像を挿入

記事の中にあるサイト外に出るリンクのみにイメージをつけるというもの。

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ページですが、これ以外にもシンプルですっきりしたものが多いです。

Home > タグ > 外部リンク

Internet Explorer 8
Internet Explorer 8 正式リリース
サーバ連続稼働時間
  10日間0時間29分51秒
Search
Recent Entries
Category
Monthly Archives
Tag Cloud
メタ情報

ページの上部に戻る