最短ホームページテンプレートのカスタマイズはどこまで出来る?

幅1000ピクセルのイメージ図

とりあえず全体の横幅を780ピクセル→1000ピクセルに広げてみました!

横幅を1000ピクセルにすると、幅が約28㎝となりま~す

メインコンテンツとサイドバーの割合は好きなように設定して下さい(50%50%なんて・・する?)

作成方法

幅広げを行う時は画像や文章を入れる前にすること!(これがポイント)

例えて言うと、具を詰めたお弁当箱の仕切りを後でイジると崩れるのと同じで~す(表示崩れ)

作成方法は動画にあったと思いますが・・ここにも書いておきま~す。(上記画像の例として)


テンプレート①のindex.htmlソース内の<ここがホームページの外枠です><table width="780"cellspacing="0" cellpadding="0" style="border:0px solid blue;" bgcolor="white" align="center">のtable width="780"部分を "1000"に変更し、<ここがメインコンテンツです><table border="0" width="580"cellpadding="0" cellspacing="0">のwidth="580"部分を"800"に変更


style.cssファイルの中のbackground:#ffffff url(bg.gif) repeat-y;の1行を削除しておく方がいいです。

理由は横幅が広くなったため、テンプレートの中に入っている背景画像bg.gifのサイズが合わなくなるから

全体の横幅1000pxからメインコンテンツの横幅800pxを引くと残りの200pxがサイドバーの横幅

サイドバーを広めにする場合は800を減らすといいでしょう

全体幅900pxの場合→900px-680px=220px(680は色々変更してみる)・・・はい、算数です!

幅900ピクセル

幅900pxの場合で下のようにするには背景に使用しているbg.gifの幅も広げないといけません

bg.gifはコピペで保存(最下部のグレー画像)→入れ替えして下さい


コピペしやすいように高さをつけてありますがbg.gifと同じ画像です