しるえっと どっと ほーりー

日記と気になるネタ、あと自分で気が付いた事を忘れない為にメモ書き等

スポンサーサイト


元記事スポンサーサイト

へのリンク
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

作成テンプレート、その1


元記事作成テンプレート、その1

へのリンク
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>で書いたほうがいいかも

・本テンプレートの使用制限等について
って、エロがダメとかアングラがダメとか、
決めてる人がいるけどだったら公開しなきゃいいじゃんかとか
気持ち的に解らない訳ではないんだけどねぇ


サブカテゴリ:FC2BLOGテンプレート
sil_st3c01m_r100
sil_st2c01m_r100
新しい記事へ移動する  
  過去の記事へ移動する
コメント
この記事へのコメント
この記事へのコメントを書く
[非公開]管理人にメッセージを送る

パスワードは、「ID生成」「コメントの編集」に使用します。

コメントの編集は、IDから編集画面へリンク

トラックバック
この記事へのトラックバックURL
<%trackback_urlaaa>
この記事へのトラックバック
 
 
トップへ

買い物

FC2Ad

書いてる人:もーん@管理人

苦情・罵倒等はこちらから。

買ったモノ
ワンセグ向けブースター
exemode
B660
[関連記事]
テンキー + 電卓 + マウス
Canon
LS-100TKM
[関連記事]
microSD + SDカードリーダー
ロアス
CRW-2M32
[関連記事]
USB片手キーボード
ミサワホーム
CUT Key
VC-201
[関連記事]
USBワンセグチューナー
サンワサプライ
VGA-TV1S
[関連記事]
ポータブルナビゲーションソフト
edia
MAPLUSポータルブナビ
GPSアンテナ同梱版
[関連記事]
テレビゲーム機
SCEI
PLAYSTATION 3
HDD 60GB
[関連記事]
簡易型積算電力量表示器
タケモトデンキ
エコワット
T3T-R
[関連記事]
USB接続HDDケース
センチュリー
ドライブドア テラタワー
[関連記事]
BlueToothネックバンド型
ヘッドセット
mobilecast
MPX2000AD
[関連記事]
ブログ内検索
カレンダー
05 | 2017/03 | 01
- - - 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 31 -
最近の記事
サブカテゴリ
カテゴリ
アーカイブ
管理用
試験用プラグイン
copylight
もーん@しるえっと どっと ほーりー
注意事項
時間経過、法令等改正による現行法令等との不整合、誤認等による記事の修正を行っていない場合があります。掲載月日は各記事右上に記載してありますので、ご確認くださるようお願いいたします。
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。