☆Movable Type 4.1 の「汎用ウェブサイト」のブログの見た目を長方形にする方法

| コメント(0) | トラックバック(1)

スタイルを「汎用ウェブサイト」を選んでいる人も多いと思います。
テンプレートのスタイルシートを見てみると

@import url(<$MTStaticWebPath$>themes-base/blog.css);
@import url(<$MTStaticWebPath$>addons/Commercial.pack/themes/universal-black/screen.css);
このようになっていると思いますが、ヘッダーやフッターが横に伸びきっているスタイルを変更して、ブログの見た目を長方形にする方法は、

screen.css
これの、182行目から186行目を
変更前
#container-inner {
width: 100%;
margin-right: 0;
margin-left: 0;
}

変更後
#container-inner {
width: 950px;
margin-right: auto;
margin-left: auto;
}

更に、144行目から148行目を
変更前
body {
color: #000;
font-family: georgia;
background-color: #fff;
}

変更後
body {
color: #000;
font-family: georgia;
background-color: #ccc;
}


こんな感じになります。
s-sc20080131.jpg

この記事と同じカテゴリの記事

トラックバック(1)

トラックバックURL: http://flowerwind.sakura.ne.jp/mt5/mt-tb.cgi/714

貧乏父さんのアフィリエイト入門 - ブログの見た目を長方形に (2008年7月13日 23:06)

さてこの汎用ウェブサイトのテンプレートはヘッダーが長く伸びています。これを長方形... 続きを読む

コメントする

このブログ記事について

« 前の記事|ホーム|次の記事 »

このページは、理恵が2008年1月31日 14:13に書いたブログ記事です。

ひとつ前のブログ記事は「☆Movable Type のオープンソースである MTOS 4.1 日本語版(MTOS-4.1-ja.zip)をインストール」です。

次のブログ記事は「☆ブログパーツの「Carol(キャロル)」が終了!」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

アーカイブ

ステータス

ブログ記事: 1547
コメント: 377
トラックバック: 185


最終更新日:2012/01/21 17:39:37

OpenID対応しています OpenIDについて
Powered by Movable Type 5.06