下記のブログURLにありますブログに対して、お教え頂きたいのですが、
①このブログは、デフォルト設定ではブラウザ画面の左端に寄っているのですが、これをブラウザ画面のセンターに配置させるにはどうすればよろしいのでしょうか。
②このブログ全体の背景の色を、現在のホワイトからベージュに変更したいのですが、その設定変更もできるのでしょうか。
ブログ初心者のため、ナンセンスな質問をしているかもしれませんが、ご容赦くださいませ。
◆ブログURL
http://toiawasesample.seesaa.net/
◆ブログのスタイルシート
body {
font-family: Arial, Helvetica, sans-serif;
background-color:#FDFBF3;
margin:0px;
padding:0px;
}
#container{
width:772px;
}
a {
color:#3D7AC5;
}
h1 {
margin:0px;
padding-top:0px;
font-weight:bolder;
font-size:24px;
padding: 5px;
margin-bottom:10px;
}
h1 a{
color:#433636;
font-family:arial, Helvetica;
text-decoration: none;
font-family:sans-serif;
font-weight:bolder;
}
h2 {
padding: 0px 0px 0px 40px;
font-weight:bold;
font-size:14px;
text-align:left;
font-family:arial, Helvetica;
}
1.センターに配置するには
#container{
width:772px;
の下に
margin:0px auto 0px auto;
と追加すればできます。
2.このブログ全体の背景の色を、現在のホワイトからベージュに変更
どの背景なのかちょっとわかりにくいのですが、
body {
font-family: Arial, Helvetica, sans-serif;
background-color:#FDFBF3;
margin:0px;
padding:0px;
}
のところにある
background-color:#FDFBF3;
の#FDFBF3が色の指定です。ここを好きな色のコードに変えます。
色見本
しかしこのテンプレートですと、ここを変えるとブログのまわりにある背景とブログの記事部分やサイドバー部分の色がかわりますが、タイトル部分は画像を使っているので、この部分は変化しません。
仮にブログの中の色は変えないでまわりにある背景だけを変えたいならば、1の質問ででましたブログの中央配置を指定したところ
#container{
width:772px;
margin:0px auto 0px auto;
この下にでも
background-color:#FDFBF3;
と追加しておいて、bodyで指定されてる色を好きな色にすれば、背景だけ変わって、ブログの中の色は変わらないです。
コメント(0件)