ページタイトル - MMOがしたいぞ -- World of Warcraft

-基本デザイン「tpl002_ホワイト」
-基本デザインのCSSを全部コピーして、ユーザ定義CSS欄に貼り付け。
-基本デザインのCSSを無効化する にチェック。

/* ----- Header ----- */ 以下の、下記の部分
基本デザインを弄くってみる。

#banner{
   /*ページタイトルが入る部分*/
   text-align:left;                /* Text左寄せ */
   margin-bottom:20px;             /* 下に空間 */
   border-bottom:#666 solid 1px;   /* タイトルのとこアンダーライン */
}

#banner h1{
   /* サイトタイトル */
   font-size:24px;
   padding:15px;                   /* 文字の周りの空間 */
   margin:0;
   border-bottom:none;             /* ボーダー下無し(なぜ無しだけ指定？) */
   border-left:none;               /* ボーダー左無し(なぜ無しだけ指定？) */
}

#banner p{
   /* ページタイトル */
   font-size:16px;
   padding: 2px 20px;
}

今のところこんなかんじ。

#banner{
   /*ページタイトルが入る部分*/
   text-align:left;
   margin-bottom:20px;
   border-bottom:#666 solid 1px;
   background:url(xxx/xxx/logo.gif) no-repeat;    /* 背景画像 */
}

#banner h1{
   /* サイトタイトル */
   font-family: Arial,Osaka;           /* フォント種類 */
   font-size:24px;
   padding:35px 15px 20px 215px;       /* 画像を避けて文字を右へ */
   margin:0;
}

#banner p{
   /* ページタイトル */
   font-family: Arial,Osaka;
   font-weight: bold;
   font-size:16px;
   padding: 5px 5px 0px 30px;
}

あと文字色は、下の<a>の設定を、<h1><p>別々に指定してみた。

/* サイトタイトル色 */
#banner h1 a:link{color:#c86;text-decoration:none;}
#banner h1 a:visited{color:#c86;text-decoration:none;}
#banner h1 a:hover{color:#c86;text-decoration:none;}
#banner h1 a:active{color:#c86;text-decoration:none;}

/* ページタイトル色 */
#banner p a:link{color:#86c;text-decoration:none;}
#banner p a:visited{color:#86c;text-decoration:none;}
#banner p a:hover{color:#86c;text-decoration:none;}
#banner p a:active{color:#86c;text-decoration:none;}