お蔵入り

clip!clip!
Ads By Google

背景の色と文字の色を変えたいのですが・・・・

カスタムのデザインを使用しているのですが、背景の色が白であまりかっこよくありません。背景を黒にして文字を白にしたいのですが、素人のわからんちんなのでさっぱりわかりません。こんな私でもわかりやすく教えていただける方いませんか。申し訳ありません。我侭で。


body{
margin:0;
padding:0;
color:#333;
font-family:arial ,sans-serif;
text-align:center;
}

a:link{color:#233a5B;}
a:visited{color:#233a5B;}
a:active{color:#233a5B;}
a:hover{color:#233a5B;text-decoration:none;}

#header{
background:url(http://parts.blog.livedoor.jp/img/usr/liquid_pearl/bar.gif) repeat-x 0 100%;
}
#header td{
color:#333;
font-size:12px;
text-align:right;
padding-right:10px;
}
#header a:link{}
#header a:visited{}
#header a:active{}
#header a:hover{text-decoration:none;}

#container{
width:767px;
margin:0 auto;
text-align:center;
word-break:break-all;
}

#banner{
width:764px;
height:200px;
text-align:left;
background:url(http://image.blog.livedoor.jp/heiannoinori/imgs/0/2/02d1e7e2.jpg?blog_id=1723392) no-repeat;
}

#banner a{color:#fff;}
#banner a:link{color:#fff;}
#banner a:visited{color:#fff;}
#banner a:hover{color:#fff;text-decoration:underline;}

h1,h2,h3{margin:0;padding:;}

.blogtitle{
font-size:18px;
font-weight:bold;
padding:10px 0 0 30px;
}

.description{
color:#fff;
font-size:12px;
font-weight:bold;
padding:130px 0 0 30px;
}

#blogcontainer{
width:765px;
margin:5px auto 0;
padding-bottom:30px;
}

#wrapper{
width:585px;
float:left;
text-aling:center;
}

#content{
width:405px;
float:right;
text-aling:center;
}

#blog{
width:395px;
margin:0 auto;
text-align:left;
}

#lefttop,#righttop{}

#left{
width:180px;
float:right;
text-align:center;
}

#right{
width:180px;
float:left;
text-align:center;
}



2006-08-13 13:06の質問
文字    背景  
この質問は、30日間解決しなかったために自動的に質問が一旦閉じられました。

回答(1)

1.

2006-08-23 00:49:59
わかりました、教えます(^・^)☆

背景色を黒にする方法は、
bodyのところに、『backgroud:#000000;』をつけたします。

文字を白くする方法は、
bodyのところのcolorを、『color:#ffffff;』に書き換えます。

最後に忘れずに、画面下の「設定を保存する」を押して、全ページ再構築をしてください。
これで終わりです☆

今回紹介した色は、真っ黒と真っ白のカラーなので、カラーの参考になるリンク先も教えておくので、参考にして、もし、変えたい色がありましたら、変えてみてください。

自信度 : 自信あり 回答レベル : 回答
Ads By Google

コメント(1)

2006-08-23 14:17:54

body{backgroud:#000000
margin:0;
padding:0;
color:#ffffff;
font-family:arial ,sans-serif;
text-align:center;
}

a:link{color:#233a5B;}
a:visited{color:#233a5B;}
a:active{color:#233a5B;}
a:hover{color:#233a5B;text-decoration:none;}

#header{
background:url(http://parts.blog.livedoor.jp/img/usr/liquid_pearl/bar.gif) repeat-x 0 100%;
}
#header td{
color:#333;
font-size:12px;
text-align:right;
padding-right:10px;
このように変えたんですが、やっぱりできません・・・・

トラックバック(2)

トラックバックURL: