2008/02/13 (水) 03pink_choco
2008/02/13 (水) 02white_simple
[02white_simple]
スッキリ&シンプル&コンパクトを目指して作ってみました。
- 追記開閉
- フォントサイズ変更機能付き
- 右サイドメニューは折りたたみ式
- プラグイン1、2にも対応してます
- カスタマイズは御自由にどうぞ
【カスタマイズ編】
- 記事エリアを広げる。
スタイルシートの編集で、以下の場所を書き換えて下さい。
#all {
width:662px; →増やしたいpx値をプラスして書き換える。
margin:10px;
}
#mainblock {
width: 440px; →上記と同じ数値をプラスして書き換える。
float:left;
border:1px solid #999;
} - 背景画像を変える(or削除する)。
スタイルシートの編集で、以下の場所を
body {
変更する場合は画像URLを書き換えて下さい。
...
background-image:url(画像URL);
background-attachment:fixed;
background-repeat:no-repeat;
background-position:right bottom;
}
位置はbackground-positionの指定で動かせます。(例 : 右上にする→right top)
削除する場合はこの四行全てを削除して下さい。
下部の著作権部分のリンクの差し替え等も忘れずに。
2008/02/13 (水) 01white_simple

[01white_simple]
スッキリ&シンプルを目指して作ってみたテンプレです。
- 追記開閉
- フォントサイズ変更機能付き
- 右サイドメニューは独自の自動開閉型
- プラグイン1、2にも対応(自動開閉しません)
- プラグイン3は記事上のフリーエリアに対応(フリーメッセージや検索ボックス等にお薦め)
- カスタマイズは御自由にどうぞ。
【カスタマイズ編】
IEをお使いの方は、若干、下部の著作権エリアの空白が広くなるかもしれません。
これを狭くしたい方は、テンプレートの設定→編集→スタイルシートの編集で、
各ブロック設定の /* 記事ブロック */ と、 /* 右列(独自メニュー+プラグイン1、2) */ の高さの数値を二箇所変えてみて下さい。
/* 記事ブロック */お使いのブラウザの環境によって違うと思いますので、pxの数値を調整して下さい。
#mainblock {
width: 500px;
height:475px; →多少増やして書き換える。500pxくらいまでが限界。
...
/* 右列(独自メニュー+プラグイン1、2) */
#right{
width:220px;
height:475px; →上記と同じ数字にして書き換える。
...
初期設定としては、ブラウザ自体のスクロールバーが出ないようにレイアウトしてますが、縦長に伸びた方が使いやすいという方は、この高さ設定(height:475px;)を二箇所削除して下さい。
CALENDAR
| 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 | - |
PROFILE

Author:小龍(シャオロン)
FC2ブログのテンプレートを作ろうと思って始めました。まだまだ修行中です。
→詳細プロフ
NEW ENTRY
COMMENT
TRACKBACK
ARCHIVE
CATEGORY
LINK
- AnotherHTML-lint gateway
- MarkupValidationService
- W3C CSS 検証サービス
- JavaScript 入門
- JavaScript 講座 [Smart]
- JavaScript basic samples
- 音信不通
- 深黒
- 風の雫(試運転中)
- 小龍的徒話
MAIL

