『オリジナルスキンCSSの編集 ヘッド・タイトル1』

少し基本に戻って・・・・・

オリジナルスキンにしよう！

ペタを付けていただいているサイトの方の中にも

スタンダードでそのまま使われている方が多く居られるようですので

初めからやっていこうと思います

まずは

ヘッド部分、タイトル部分のいじり方を書きたいと思います

・・・・って～か、もっと早くやれって内容ですよね

ここでの説明は

デザインの変更→スキンCSSの編集がさわれるスキンを前提としています

スタンダードでもベーシックは余計なPRが入ります
スペシャルのスイッチャーはJavaScript部分が、
Flashを使っているスキンはFlash部分がジャマをしますのでうまくいかない場合があります
スタンダードぽっく見えてもFlashでアメーバニュースが流れるスキンもうまくいきません

基本からということで

スキンをスタンダードのグリーンから始めます

初期状態のCSSです(ヘッド・タイトルに関係した部分のみです)

/* -------- header : ブログタイトル部分 ----- */
#header{
height:100px;/*ヘッド部分の縦・・１*/
background-color:#98CB00;/*ヘッド部分の色・・２*/
}
#header h1,
#header h2{/*左上を0、基準を初期化*/
margin:0;
padding:0;
}
#header h1{/*タイトル*/
padding-top:15px;/*上のスキマ・・３*/
margin-left:10px;/*左のスキマ・・４*/
text-decoration:none;/*リンクの下線を消す*/
}
#header h2{/*概要*/
margin-left:10px;/*左のスキマ・・４*/
}
/* -------- font : 文字サイズ・装飾---------- */
#header h1 a,
#header h1{/*タイトル・・５*/
color:#006600;/*文字色*/
font-size:25px;/*文字サイズ*/
font-weight:bold;/*太文字*/
line-height:1.15;/*行間隔*/
}
#header h2{/*概要・・６*/
color:#000000;/*文字色*/
font-size:11px;/*文字サイズ*/
font-weight:normal;/*普通の太さ*/
line-height:1.15;/*行間隔*/
}