テンプレート#f022

こちらは2カラムサンプルです。

カスタマイズ参考

トップ画像部分を表示させない場合は、htmlファイルのheader部分
<!-- トップ画像 -->
<p class="topimg">画像アドレス</p>

の部分を削除してみて下さい。

トップ画像を自作のものなどに変更する場合
上記画像は【横700px】なので同じ横サイズの画像を用意すると簡単です。
(縦サイズは自由です)
変更した画像の横サイズが700pxより小さかったりした場合は画像は真ん中寄せで表示されます。
画像を700pxより大きいものにしたい場合は、全体の横幅も合わせて変更してみて下さい。
横幅指定はstyle.cssの59行目あたり
#wrapper {
width:762px;/* 横幅(サイズを変更したい場合はここ) */

例えばトップ画像が横幅800pxだったら【862px】に。
トップ画像の横幅に【62px】を足すと簡単です。
(62pxは左右の余白+画像の周りのライン部分になります)

左フレームとメニュー部分の背景は画像です。変更したい場合はstyle.cssの/* 背景画像指定 */とある部分(3箇所)で出来ます。他の部分は色コードで指定してますので、お好きに変更どうぞ。

左フレームのGALLERYについて。
左フレームはスクロールバーが出るとデザインが崩れるのでスクロールバーの非表示指定が入っています(main.html)。
それだとGALLERYの内容が増えた時に不便なので、overflow:auto;で内容が増えた場合のみスクロールバーが出るようにしてあります。
style.cssの388行目あたり
/* GALLERY一覧用 */
#gallery {
height:750px;/* 縦幅:ここで指定した数値を超えるとスクロールバーが出ます */
overflow:auto;

必要があったらここの縦幅を変更してみて下さい。

2カラムの左右を入れ替えて使いたい場合は、外部CSSに
/* カラムの左右を入れ替えたい場合はfloatの「left」「right」を入れ替えて下さい。 */
という箇所があるので、指定部分を変更してみて下さい。

縦ライン表示の為にstyle.cssに縦100%指定が入っています。広告ありサーバーの方はお気を付け下さい。

Information

サイト傾向│ジャンル・○○向けetc
サイト説明や、簡易オフライン情報とか、簡単なメモ的文章とかでもいいかもですね。

Event

10/27 東京
12/29 東京
1/? 大阪

Search&Union

searchsearchsearch
サーティーワン同盟 とりあえず紅茶の会 絶望のパスタ同盟



ここの横幅は200pxなので、twitterのウィジェットなどを表示させる時は200px〜それ以下にしてみて下さい。