So-net無料ブログ作成

So-netブログ CSS編集 別ウインドウで開くリンクにアイコンを付加 [So-netブログ]

So-netブログ CSS編集 別ウインドウで開くリンクにアイコンを付加

参照サイト http://allabout.co.jp/gm/gc/23996/

手順

  1. アイコンをアップロードする
  2. デザイン>記事管理>編集 スタイルシートの編集画面に行く
  3. /* Common */の下にカーソルを持っていき、編集画面下のファイル欄からアップしたアイコンをクリック
  4. 「background:url("/_images/blog/_b2b/telstar/m_target3.gif") no-repeat;」 が挿入されるので、「("/_images/blog/_b2b/telstar/m_target3.gif")」の部分をコピーし「background:url("/_images/blog/_b2b/telstar/m_target3.gif") no-repeat;」の部分は削除する
  5. /* Common */の下にa[target="_blank"]:after {
       content: url("/_images/blog/_b2b/telstar/m_target3.gif");
    margin: 0px 4px;
    } を追加する


/* Common */

a[target="_blank"]:after {
   content: url("/_images/blog/_b2b/telstar/m_target3.gif");
margin: 0px 4px;
}
a:link {
color: #539301;
text-decoration: none;
}

 


nice!(0)  コメント(0)  トラックバック(0) 
共通テーマ:パソコン・インターネット

nice! 0

コメント 0

コメントを書く

お名前:
URL:
コメント:
画像認証:
下の画像に表示されている文字を入力してください。

トラックバック 0

この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。