【basic_3column】記事幅を広げる
- basic_3columnテンプレート
- | CM(6)
- | TB(0)
- |
【basic_3column】【angel_black】テンプレートの場合、エントリーの幅を広げる事は、出来ないわけではありません。
かなり、面倒な話になります。
そして、こちらの作業をする事によって、サイドバー以外の幅がすべて変わります。
※ご注意※
幅を広げますと、画面解像度が800*600でご利用の方は、テンプレートの幅を広げた事により横スクロールが発生します。
エントリーの幅を広げる為には、サイドバー以外の値をすべて、書き換える必要があります。
エントリーの幅だけを広げる事は出来ません。
スタイルシート（ＣＳＳ）を書き換えます。
ＨＴＭＬのほうは、弄る必要はありません。
スタイルシート（ＣＳＳ）の【レイアウト用ボックス】という項目内の「width: 」の値を書き換えます。
エントリー幅は、まず、「#content」内に記述している、「width: 380px;」の値を、ご希望の値に書き換えます。
同じように、「#e_navi」「#p_navi」も、「#content」に設定した同じ値に書き換えます。
その後、【コンテンツメイン部分詳細】内の「.entry」内の値も、同じ値に書き換えます。
そして、「#container」「#banner」「#wrapper」「#footer」内の既存の値に、エントリー幅を増やしたぶんだけの値を加算して、値をそれぞれ書き換えます。
これで、テンプレート全体の幅が広がりました。
しかし、これだけではじゅうぶんではありません。
その他の微調整が必要です。
タイトルバナー部分の、背景画像（雪だるま）の貼り付け位置設定と、必要であれば、ブログの説明文が入っているボックスを広げます。
ブログタイトルバナー部分（#banner）内の背景画像の設定は、以下のようになっていると思うのですが・・・
background: url(画像) no-repeat 0px 0px;
上の部分を以下のように・・・
background: url(画像) no-repeat right bottom;
そして、ブログの説明文部分「#description」内の幅「width:」を、お好み（広げた分だけ）に広げます。
- Posted at:
- 2006年
- 01月
- 07日
- (土)
- 13:03
- TOP △
コメント
なるほどぉ
ちょいと難しそうですが勉強させていただきます(｀･ω･´)
おっとっと
明けましておめでとうございます〜♪
今年も頑張ってまいりましょい(｀･ω･´)
＞L.O.Nさん
是非、頑張ってみてください。
管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
＞さーりんさん
テンプレートのご利用ありがとうございます。
お手数ですが、もう一度、秘密コメントで結構ですので、ブログのＵＲＬを入れて送信していただくか、左サイドバー【PROFILE】下のメールフォームから、送信していただきたく思います。
お手数ですが、よろしくお願いいたします。
管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
コメント投稿フォーム
トラックバックＵＲＩ
Copyright © 2006 FC2blogの着せ替えブログ.
all rights reserved.
