デザインスキンは「グリーン」「ピーチ」「グレー」「ブルー」が基本です。
ちなみに私は『ピーチ／２コラム－記事右」を選択しています。
◆↓↓↓↓ header ～ footArea の間は、何かを削除して、書き込みしています。
どこをどうしたか「???」になってしまいました。
違いを探して頂くか、コピペしてください。 ｽﾐﾏｾﾝ(´～｀ヾ) ・・・
/* ----------------------- header ----------------------- */
#header{
height:100px; ←ｺｺは、タイトルの縦の幅（高さ）を指定します。 好みで変更可能です。
background-image:
url("画像のＵＲＬ"); ←好きな画像を入れてください。（下記参照①）
background-repeat:repeat;}
#header h1 {
padding-top: 15px;
margin-left: 10px;
text-decoration: none;
}
#header h2{
margin-left: 10px;
}
/* ----------------------- footArea ----------------------- */
◆↓↓↓↓ 上記を応用して、横一列の場合
/* ----------------------- header ----------------------- */
#header{
height:100px; ←ｺｺは、タイトルの縦の幅（高さ）を指定します。 好みで変更可能です。
background-image:
url("画像のＵＲＬ"); ←好きな画像を入れてください。（下記参照①）
background-repeat:x-repeat;} ←ピンクが追加になってます。（下記参照②）
#header h1 {
padding-top: 15px;
margin-left: 10px;
text-decoration: none;
}
#header h2{
margin-left: 10px;
}
/* ----------------------- footArea ----------------------- */
◆↓↓↓↓ここから下は、ピンクの個所だけ変更でＯＫです。
/* ----------------------- font-information ----------------------- */
body{
color:#666666;
font-size:12px;
}
.list{
font-size:10px;
}
#header h1,
#header h1 a{
color: #ff3366; ←タイトルの文字の色です。背景に合わせて変更してください。
font-size: 35px; ←タイトルの文字の大きさです。バランスを見ながら変更してください。
font-weight: bold; ←タイトルの文字の太さです。 （下部参照③）
line-height: 115%;
}
#header h2{
color: #ff3366; ←タイトル下の概要の文字の色です。
font-size:14px; ←タイトル下の概要の文字の大きさです。
font-weight: normal; ←タイトル下の概要の文字の太さです。
line-height:115%;
}
＜参照①＞↓↓↓↓ 私は、素材屋ｻﾝ*でお借りした壁紙を使っています。
＜参照②＞背景の繰返し方の指定（色々な所で応用が効くと思います）
繰返し → background-repeat:repeat;
縦に繰返し → background-repeat:ｙ-repeat;
横に繰返し → background-repeat:x-repeat;
繰り返さない → background-repeat:no-repeat;
＜参照③＞文字の太さは、下記で変更できます。
標準 → normal
太字 → bold
より太く → bolder
より細く → lighter
ちなみに↓↓↓↓を【 font-weight: 文字の太さ; 】の下に入れると、
スタイル変更、文字装飾できます。
斜体 → font-style: italic; → おはようございます
下線装飾 → text-decoration:underline; → おはようございます