忍者ブログ
忍者ブログ用の共有テンプレートのページです。
カテゴリー4はここに表示されます。

カテゴリー1
カテゴリー1はここに表示されます。
ブログ内検索
カレンダー
08 2017/09 10
S M T W T F S
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
テンプレート
最新記事
プロフィール
HN:
No Name Ninja
性別:
非公開
アーカイブ
広告
カテゴリー2はここに表示されます。
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

カテゴリー3はここに表示されます。

プレビュー


幅可変の3カラムレイアウトのテンプレートです。
白系の色です。(背景色指定なし)

忍者ブログの共有テンプレートには、
レイアウト:3ブロック(左右メニュー)
テクニカル:SEO向け
で登録しています。

プラグインカテゴリーについて
プラグインカテゴリー1:左サイドバー
プラグインカテゴリー2:左サイドバー
プラグインカテゴリー3:右上(468x60のバナー程度の大きさの物の設置を想定)
プラグインカテゴリー4:中央上部(468x60のバナー程度の大きさの物の設置を想定)
プラグインカテゴリー5:左下(テキストの設置を想定)
です。

左サイドバーの横幅は200pxとなっています。(左右マージン3px)
右サイドバーの横幅は300pxとなっています。(左右マージン3px)
右サイドバーは、AdSenseのレクタングル(中)サイズ(300x250)がフィットするようにするために300pxとなっています。
左右マージンが3pxあるので、フィットさせるには
<div style="margin:0px -3px;">プラグインのタグ</div>
のように内部に-3pxでmargin指定するとフィットします。


注意点
フッターに「position:fixed;」を使用しています。IE6では他のブラウザとかなり表示が違ってくると思います。(おかしな表示にはならないようにしたつもりです)
右サイドバーは「position:absolute」です。フッターが「position:fixed」なため、「position:fixed」に対応していないブラウザの場合「position:fixed」が無効になり、
左及び中央より右サイドバーの方が高さがある場合に右サイドバーとフッターが重なるかもしれません。
右サイドバーよりも常に左又は中の方が高くなるようにすることをおすすめします。
左サイドバーは「float:left」です。「width:200px」ですが、はみ出して200pxを越えた場合中央ブロックが下に落ちるかもしれません。
右サイドバーは「width:300px」ですが、300pxを越えた場合は中央と重なると思われます。
フッターとヘッダーに「max-height」を指定しています。はみ出したら表示されません。
PR
カテゴリー3はここに表示されます。
この記事へのトラックバック :
カテゴリー5はここに表示されます。 [PR] 忍者ブログ [PR]
Designed by ST