
みんカラブログのスタイルシートの変更でヘッダー辺りにタブが追加されてから、 ←タブメニューの横幅とブログ本文との横幅が一致してないのに違和感を感じてたので、面倒臭いですがスタイルシートを弄くってワイド化しました!
お正月の暇な時間に、ちょこちょとスタイルシートとにらめっこしながら弄くってますと、このワイド化の変更点は6箇所変更すれば良いだけでした。
ワイド化するにあたり、ヘッダー画像もワイド化しておニューに♪
この画像は昨年の灼熱オフ会の時に泊まったホテルで撮影した写真です!
何となくヨーロッパの街角で撮影した見たいな感じで気に入ってます(笑
ご参考までにスタイルシートの変更箇所です。(スタイルシートのBlackベースからの変更です)。
ヘッダー画像の横サイズを922pxで作成。みんカラタブメニューの横幅に合わせるとこれぐらいのサイズが良さそうです。
このサイズは私の好みですので、皆さんの好みのサイズで試して下さい。
#Header
{
padding:0px;
margin-top: 5px;
background: #353535;
margin-bottom: 0px;
width: 922px; ←作成されたヘッダー画像の横サイズを入力。
height:230px; ←作成されたヘッダー画像の縦サイズを入力して下さい。
background-image: url(' Header画像のURLを入力して下さい ');
}
#Footer
{
background: #444444;
background: url(' Footer画像のURLを入力して下さい ') ;*/
width: 922px; ←ココも変更。
height:130px; ←作成されたフッター画像の縦サイズを入力して下さい。
background-repeat: no-repeat;
}
#Foundation
{
width: 922px; ←ココも変更。
margin: 0 auto 0 auto;
text-align: left;
}
#Content
{
float: left;
width: 722px; ←ココも変更。(上で設定した922pxから200引いた数値を入力)*1
margin: 5 auto 0 auto;
font-size: 14px;
}
#BBSContent
{
width: 922px; ←ココも変更。
margin: 5 auto 0 auto;
font-size: 14px;
}
.CommentMini
{
margin-top: 10px;
float: left;
margin-bottom: 0px;
width: 351px; ←ココも変更。コメント欄の横幅の設定。*1で入力した数値の1/2から20pxを引いた値を入力。
}
*スタイルシートの変更は各自の責任でお願い致します!
変更して何か不具合があれば大変ですので、元のオリジナルのスタイルシートは
必ずバックアップをしてスタイルシートの変更をお願い致します(^_^)v
Posted at 2009/01/18 11:28:32 | |
トラックバック(0) | 日記