sil_st3c01m_r100(3カラム版)
sil_st2c01m_r100(2カラム版)
本テンプレートの基本。
・中央カラム可変/左右カラム固定
・デザインをスタイルシートのみで記述
・フォント周りの設定は基本的にブラウザの設定に依存
タイトルを除いて、font-familyはsans-serifしか指定していません。
必要に応じて指定してください
・フォントサイズは相対指定
・JavaScriptを使わない(プラグインで使うことを想定して宣言はしてる)
・画面の狭いモバイル機器、携帯フルブラウザでの表示も何とか対応
制約事項。
・フォントサイズを極端に大きくするとカレンダー(FC2標準プラグイン)が崩れる
挙動を逆手に取って、ついでにやってみたこと。
・コメント修正画面に戻るボタンをつける(新管理画面モードでは動作不可)
とりあえずwindowsXP版の
・IE6
・Mozilla Firefox 2.0
・Opera 9
・Safari β3
で適宜確認しながら作成。
まともに表示しないと確認しているブラウザ
・Windows Mobile版のIE
Windows MobileではOperaを激しく推奨
その他メモ書き
・IEのmin-width(横幅下限)対策
IE7は対応しているのですが
IE5、5.5、6では対応しないmin-width対策に
スタイルシートにIEしか対応しないダイナミックプロパティで記述してます
他のブラウザでも
読めないcssは読まないだけで影響は出ないのでほっておいても構わないといえば構わないのですが
自分用では外部化してますのでとりあえず
外部cssから当該部分を消した上で
<!--[if lt IE 7.0]><link href="&l
t;%url>file/ie_lt7.css" type="text/css" rel="stylesheet"><![endif]-->
を追加して
コレをアップロードしてます
・公開テンプレート版と自分が使っている版(2007年11月末現在の話)
公開されているテンプレートでは
若干フォントサイズを大きくしてます
このページと同じサイズのcssはこちら
2カラム版
3カラム版
色々面倒なので保存はS-JIS
・プラグインエリアが下に落ちる対策
原因:プラグインエリアの横場が想定(設定)値を超えたため
ちなみに、想定値は左右ともborder込みで200px
これらの値は全てCSSで記述(CSSの最後の方で設定)
基本的に
CSSによる段組(マルチカラム)レイアウト講座の
3カラム(メインカラム→サイドバー1→サイドバー2)
メインカラム幅可変、サイドバー幅固定
を参考に作ってあるんで、興味がある方はそちらを参照のこと
・記事とか、プラグインエリアの中の話
あまり余計なことはしていません
本文のところは、あるけどプラグインエリアにpaddingは設定していない等々
必要だと思うことは、使う側でcssを定義するなりして使ってください
・本文上部の二重線で囲ってあるところ
改行は<br>じゃなくて<p>~</p>で書いたほうがいいかも
・本テンプレートの使用制限等について
って、エロがダメとかアングラがダメとか、
決めてる人がいるけどだったら公開しなきゃいいじゃんかとか
気持ち的に解らない訳ではないんだけどねぇ