So-net無料ブログ作成
検索選択
メッセージを送る

kuu♪からのお知らせ

■スキンを作るコツは、とにかくプレビューで確認することです。
 数字を替えた! 色を替えた! 画像を替えた!そのたびにプレビュー! で確認!
 そしてこまめに保存してください。

■コメントをたくさんいただいているのですが返信もままならない状況ですのでしばらくの間コメントの受付を停止させていただきます。ごめんなさい。

また、管理人kuuがしばらくソネブロを離れている間に随分仕様の変更等あったみたいですので、当ブログの記述では対応できないものも出ているかもしれません。

文字リンクの下線を変えよう [文字]

リンクの記述を下記のようにします。

 全体のリンク色
a:link { text-decoration: none; color:#008100; border-bottom: 1px #A70303 dotted;}
a:visited { text-decoration: none; color:#008100; border-bottom: 1px #A70303 dotted;}
a:active { text-decoration: none; color:#008100; border-bottom: 1px #A70303 dotted;}
a:hover { text-decoration: none; color:#008100; border-bottom: 1px #A70303 dotted;}

 ■text-decoration: none; 下線なしという意味。必ず〔none〕にします
 ■color:#008100; 文字色。お好きな色を指定してください。
 ■border-bottom: 1px #A70303 dotted; 
         ・1px     線の太さ。数字はご自分で好きな数字にしてください。
         ・#A70303 下線の色。お好きな色を指定してください。
         ・dotted   下線の種類。お好きなものに変えてください。
                        solid(普通の線)
                        double(二重の線)
                        groove(谷型の線)
                        ridge(山型の線)
                        inset(凹型)
                        outset(凸型)
                        dotted(点線) 一部の古いブラウザでは未対応
                        dashed(大きい点線) 一部の古いブラウザでは未対応


自分が変えたい部分のみ変更も可能です。
私は、「記事本文」のみ変えることが多いです。

*記事本文のみ変えるときは、全体のリンクの設定は通常通りにして、記事本文の下線変更のためのタグを書き加えます。

 記事本文のリンク色(下線変更のためのタグ)
.articles-body a:link{ text-decoration: none; color:#008100; border-bottom: 1px #A70303 dotted;}
.articles-body a:visited{ text-decoration: none; color:#008100; border-bottom: 1px #A70303 dotted;}
.articles-body a:active{ text-decoration: none; color:#008100; border-bottom: 1px #A70303 dotted;}
.articles-body a:hover{ text-decoration: none; color:#008100; border-bottom: 1px #A70303 dotted;}

 


nice!(3)  コメント(0) 
共通テーマ:blog

nice! ありがとう 3

コメント 0

コメントの受付は締め切りました

ありがとうございます♪♪

記事が役に立たれたら、下のバナーの興味があるものをクリックしてもらうとうれしいです。

  

         

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

×

この広告は1年以上新しい記事の更新がないブログに表示されております。