アメブロのタイトルの位置変更

ブログもＨＰサイトも基本構造は
■　ＨＴＭＬ　＆　■　ＣＳＳ　　からなっています。



なんだか良く分からないかも知れないけれど
アメブロではＣＳＳ（カスケーディングスタイルシートって言う）
ものがいじれるからそこでレイアウトなんかが変更出来るんですよね。




簡単な説明もあるみたいだからある程度はいじれると思うから
アメブロでは説明していない所を補足してゆこうと思います。




まずはアメブロのタイトルの位置とサイト説明文の変更から　


ＣＳＳの３分の１ぐらいにある記述



/*■基本設定 - ヘッダー*/
#header{
margin:0;
padding:0 0 10px 0;
}
#header h1{
margin:0;
padding:10px 5px 8px 0px;
}
#header h2{
margin:0;
padding:10px 5px 45px 0px



こんなんがあると思うけどこいつが
タイトルとサイト説明文の場所を指定しています。


padding（パディング）が４つ指定されているから右から時計回りに
上、右、下、左からの位置を指定しています。





/*■基本設定 - ヘッダー*/
#header{
margin:0;
padding:0 0 10px 0;
}
#header h1{　　
margin:0;
padding:20px（←上からの位置を変更） 5px 8px 10px;　（←左からの位置を変更）
}
#header h2{
margin:0;
padding:20px 5px 45px 10px



　※　ちなみに　ｈ1はタイトル　　ｈ2はサイト説明です。


こんな感じでタイトルの位置とサイト説明文を変更出来る。



ヘッダー画像を自分好みの画像にした時は
それに応じて適切な場所にタイトルの位置とサイト説明文を
移動させて上げて下さいな（＾＾）



ＣＳＳ講座～次回に続きます（たぶん・・・）