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;）を二箇所削除して下さい。
あっ、手がすべっちゃった装置（嘘） : 
TRACKBACK
TB URL » for FC2 user
カスタマイズしようとしたところわからないことがあったので質問です。HTMLを何もいじらずに更新してもタイトルの字や位置、説明の位置が下にずれたり、閉開式のはずが開いたままだったりして困っています。なぜでしょうか？
修正もしくは対処の仕方をよろしくおねがいします
お問い合わせの件ですが、デフォルトの状態でズレ等が見られないのでしたら、もしかしたら、原因はお使いのブラウザにあるのかもしれません。
よろしければお使いのOSとブラウザ（できればverも）、ブログURLを教えて頂ければ、多少の是正ができるかもしれません。
また、その上で具体的にどこをどうしたい、というご要望があれば、分かる範囲でお答え致します。
mac osX10,3,9 safari1.2.3
です。
DLした状態ではいいのですが、HTML編集をひらいた時点でずれたりひらいたままになってしまいます。よろしくおねがいします。
私のPC環境で拝見した限り、レイアウトのズレ等は大丈夫なのですが、文字化けが多少あるようです。
もしかしたら、ブラウザの文字エンコードがEUC以外になっているのかもしれません。
もし他のエンコード設定になっていたら、EUC-JPにしてみてください。
また、プラグインの1と2については、従来の表示型にしていますので、開閉はしません。
MacOSについては、私がsafari3（Winベータ版）でしか確認できないため、他に考えうる原因が思いつかないので、非常に申し訳ないです......。
少し勉強し直してみます。
デフォルトの状態でもとても気にいってるのでそのままでつかわせていただきます。
文字化けはカテゴリのところでしたら、わざとそうしています。 現在あえてテンプレをコピーしHTMLを更新した、上であげた状態を適用してみましたので、お手数ですが見てもらえたらうれしいです。お手数おかけしてすみません。
ありがとうございました。
01白がシンプルで気に入ったので使わせていただいてます。
教えてほしいのですが、この下の広告等が入っているスペースを
もうちょっと狭めることはできるのでしょうか？
記事が載っている部分がちょっと狭すぎて、頻繁にスクロールをしなければならないのが
気になってしまって…。
教えていただけませんでしょうか？宜しくお願いします！
こんにちは。テンプレご利用ありがとうございます。
ご質問の件ですが、広告部分を狭くするには、スタイルシートの編集部分の、著作権表示部分の#footerの中身を少し書き換えて下さい。
padding:8px 0 0 0;
margin:0 0 2px 0;
ここの8pxを0、2pxを0にすると、多少狭まると思います。
また、記事右のスクロールバーをあまり出したくないというのであれば、全体の高さ設定を変えるか、削除するという方法もあります。
その場合は、以下の二行を変更もしくは削除して下さい。
�ヽ謄屮蹈奪�設定のところの#mainblockの中身の
height:480px;
��右列設定の#rightのところの
height:480px;
ここの数値を600〜700くらいにすると、結構高さが出ますが、そうするとブラウザ自体のスクロールバーが自動的に出る事になります。
（結果としては同じなのですが、見た目と感覚と好みの問題ですかね）
これで解決できますでしょうか？
また何か分からない事がありましたらご質問下さい。
MacOSでの不具合について、もう少し色々と調べてみますので、分かり次第、記事の方で更新したいと思います。
初心者な質問で申し訳ないのですが、右ブロックのみのフォントサイズを変えることは可能ですか？HTMLのフォントサイズのところを少々変えたのですが、変化はありませんでした。調べてはみたのですが、どうしても解らず……本当に申し訳ありません。宜しくお願い致します。
こんにちは。右ブロックのフォントサイズを変えたいという事ですが、
1．固定でフォントサイズを変えたい場合
右ブロックの文字の大きさを変えるには、テンプレート編集画面でスタイルシート編集のところを少々いじって下さい。
右列設定のところの、#right のところに、
font-size : 任意の数字px ;
この一行を加えて下さい。
10pxだとかなり小さめで、12pxくらいにすると結構大きめになります。お好きなサイズでどうぞ。
2．右上のFONT SIZE切り替え機能を、右ブロックの文字だけに適用したい場合。
HTML編集で、<!-- フォントサイズ変更スクリプト -->の部分をかなりいじくる必要があります。
もしこの場合をお望みでしたら、解説が長くなるので、記事中にアップします。（しかも、私があまりJavaの知識がないため、お時間を頂く事になるかもです）
1で解決できなかった場合、2の変更方法をお望みの場合は、またご連絡下さい。
シンプルで機能的なので少しですがイジって利用させていただいています。
実は右側の開閉メニュー内で『LINK』を2段階の開閉をしたいなと思いイジっていますがなかなかできません。
今は応急的なものでプラグイン2に入れているので開閉させていません。
もし宜しかったら御教授願います。
こんにちは。返信が遅くなって申し訳ないです。
二段階開閉というと、恐らく、javascriptをいじくる事になると思いますが、私も実はjava系のテクニカルな問題に関しては素人同然でして、お恥ずかしい限りですが、下記ブログなどで勉強している最中です。
http://www.koikikukan.com/
ここは、色んなカスタマイズを詳細に乗せてるので、宜しければ行ってみて下さい。
良いサイトを教えていただきありがとうございます。
調べてみますね＾＾