画像一覧 
2009年02月05日
ブログタイトルの位置変更
こんにちは♪
スローキャンプネタでなくm（_ _）m
前回の続きで、タイトルがレガシィにかかっていたので（笑）、今回ははタイトル位置変更をリビルドします。
こんな感じでした。↓
毎度ですが、私が独自でリビルドしましたので、自己責任でお願いしますね。
バックアップは、面倒でもしておくことをおすすめします。
この部分は、テキストエディタ（ちょうどバックアップを取るときに行えばグーです）で133行目
あたりにあります。
くまなく探さなくても行で探せそうです(^_^.)
[作業前]
.blogtitle{
font-size:24px;
font-weight:bold;
padding:20px 20px 0px 10px;
text-align:right;
letter-spacing:2px;
height:36px;
}
.description{
color:#fff;
font-size:10px;
padding:4px 0px 20px 400px;
text-align:right;
letter-spacing:1px;
width:300px;
height:71px;
overflow:hidden;
}
[作業後]
.blogtitle{
font-size:24px;
font-weight:bold;
padding:52px 0px 5px 0px;
text-align:left;
letter-spacing:2px;
}
.description{
color:#fff;
font-size:12px;
padding:0px 0px 0px 0px;
text-align:left;
letter-spacing:1px;
width:300px;
height:71px;
overflow:hidden;
}
①変更したのは、上右下左に内側余白を指定をする、paddingの値を変更。
②行揃えを指定する、text-alignを左寄せに変更。
これで完了です！かぶりがなくなりました(^_^.)
が、タイトルの高さの位置がうまくないのか、美しくみえるように、次回再チャレンジします。
