//////////  タイトル文字 ///////////

◎文字位置(text-align)・カラー(color)・大きさ(font-size)文字種(font)

 カーソル乗せた時色(a:hover )

Style Sheetを開けてみましょう。。


#banner h1 {
 color: #000;
 padding: 40px 20px 8px 20px;
 vertical-align: bottom;
 font-family: Verdana;
 font-size: 20px;
 text-align: center;
}


#banner h1 a {
 color: #000;
 font-weight: bold;
 text-decoration: none;
}

上記のようになっているはずです!! (文字カラー黒でセンターの位置)

はカーソルを乗せた時の文字カラーは設定してないのです。

文字カラーはカラーチャートからコピペで d(*⌒▽⌒*)


カーソルを乗せた時の文字カラーを設定する場合↓追加して下さい。

#banner h1 {
 color:  #000;
padding: 40px 20px 8px 20px;
 vertical-align: bottom;
 font-family: Verdana;
 font-size: 20px;
 text-align: center;
}


#banner h1 a {
 color: #お好きな色;
 font-weight: bold;
 text-decoration: none;
}

#banner h1 a:hover {
 color: #お好きな色;
 font-weight: bold;
 text-decoration: none;
}


ちなみにσ(^^) の場合↓ 替えている場所

#banner h1 {
 color:  #33CC99;
 padding: 30px 30px 8px 30px;
 vertical-align: bottom;
 font-family: andy;
 font-size: 30px;
 text-align: left;
}


#banner h1 a {
 color:  #33CC99;
 font-weight: bold;
 text-decoration: none;
}


#banner h1 a:hover {
 color: #66ffcc;
 font-weight: bold;
 text-decoration: none;
}


左にタイトル表示 (text-align: left;)
            中央に表示(text-align: center;)

右に表示 (text-align: right;)

 paddingの調整は、ほぼ適当 (^^;)

大きさ(font-size30)文字種(fontはandyにしました)

以上でタイトル文字が決まったと思います{/嬉しい/}

このようになったかと。。



//////////  サブタイトル (.description)    ///////

.description {
 font-family: verdana, arial, sans-serif;
 font-size: small;
 color: #777;
 padding-left: 20px;
 padding-right: 20px;
 display: block;
 line-height: 130%;
 text-align: center;
}

σ(^^) の場合

.description {
 font-family: verdana, arial, sans-serif;
 font-size: small;
 color:
#FFffcc;
 padding-left: 20px;
 padding-right: 20px;
 display: block;
 line-height: 130%;
 text-align: left;
}

文字カラーと位置を替えました{/!!/}


これでタイトルバー・文字完成しましたでしょうか。。


次回は、記事内に背景を固定する仕方。。


読んで頂いてありがとうございます♪人気blogランキング←ポチットね


にほんブログ村 写真ブログ デジタル写真へ ポチットお願いしま~す^^!

にほんブログ村 主婦日記ブログ 兼業主婦へ ポチットお願いしま~すネ^^!


 ぽっこりお腹も・・・