////////// タイトル文字 ///////////
◎文字位置(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ランキング←ポチットね
ポチットお願いしま~す^^!
ポチットお願いしま~すネ^^!
ぽっこりお腹も・・・