テンプレート/Primrose（桜草・3カラム）
2006年04月28日 (Fri) 17:55
SereneBach用テンプレートPrimrose（桜草） Ver1.00
TOPサンプルページ | 個別エントリーページ
06.04.28→Ver1.00 配布開始
私的な勉強のために3カラムのテンプレートを作ってみました。
また今回は記事部分のフォントサイズを相対比で指定しています。ただ個人的な話をすると、ワタクシめは普段Win＋IE6の文字サイズ「小か中」をメインにネット閲覧していますので、この環境下でサイズを「大」にした場合にハッキリと差の分かる65%を指定しました。もちろんこのサイズはお好みで変更して下さい（※当然、他のテンプレートもですが；）
全体幅は780pxです。記事部分に使用する画像の横幅は380pxまでにして下さい（表示が崩れます） また、パーツ画像をこのテンプレート以外で使用する事はご遠慮下さい。
これはSerene Bach専用に作成したテンプレートです。sb1.*系統での表示は保証出来ませんので、カスタマイズは自己責任でお願いします。このテンプレートを利用して起こった損害、事故については一切責任を負えませんのでご了承下さい。
※サンプルページでは、ナビゲーション部分にツリー化のスクリプト・プラグインなどを使用しておりませんので、SBのデフォルトのままの表示になっています。
■動作確認（Serene Bach 2.04R）
■ご利用に関するお願い
■使い方
■そのほかのお願い
DOWNLOAD （ZIP形式）
※サンプルページでは、ナビゲーション部分にツリー化のスクリプト・プラグインなどを使用しておりませんので、SBのデフォルトのままの表示になっています。
■動作確認（Serene Bach 2.04R）
以下の環境で、正常な表示を確認しています。
WinXP：IE6.0 / Netscape7.1 / Opera8.53 / Firefox1.5.0.1
■ご利用に関するお願い
自己責任において、自由にカスタマイズして頂いてかまいません。ただし、
- SB/sb以外の、他のブログツールへの使用・改造はしないで下さい。
- カスタマイズに関する質問は、お受け出来ませんのでご了承下さい。
- パッケージされている画像の加工は、色変更のみを許可します（トータルカラーをカスタマイズされた場合など、それに合わせて画像の色も変えて頂いてかまいません。ご自分で用意された画像との差し替えも自由です）
- カスタマイズした後も含め、テンプレートと画像の二次配布・流用はしないで下さい（画像を他のテンプレートに使用するのもおやめ下さい）
- アダルトサイト、宗教サイト、法律に抵触すると思われるサイト、ホームページ制作代行業での利用はおやめ下さい。
■使い方
ZIP形式で圧縮してありますので、解凍後のテキストファイルをログイン→設定メニューのテンプレート→インポートから読み込んで下さい。
■そのほかのお願い
テンプレート配布元のリンク部分は、なるべく残しておいて頂けると嬉しいです。
また、表示のヘンな箇所や「ここはこうした方がイイのでは？」など、なにかお気付きになられましたらお知らせ頂けるとありがたく思います。宜しくお願いいたします；
DOWNLOAD （ZIP形式）
Comments
>> コメントのスクロールを表示・非表示に切り替えます
先日は 重たい話にお付き合いしてもらっちゃってごめんなさい
やっと後処理も終わって普通の生活に戻りました
で、早速気分転換に テンプレお借りしました(*^-^)
春らしいテンプレで うれしいです
また時間が出来たら 森で遊んでやってください
秋の服 交換していただけるとうれしいですｗ
場違いコメントお許し下さいm(__)m
いえいえ、ご親戚のご不幸との事、こちらへのお気遣いなどはどうかご無用になさって下さいませ。このようなところから失礼しますが、謹んでお悔やみ申し上げます。
でも、テンプレートをお使い下さってどうもありがとう！ 気に入って頂けて嬉しいです。
私もmayutanさんのお帰りをお待ちしていましたので、また遊んでやって下さいねー！
sb peapleを見てやってきました。
昨日DLさせていただきまして、本日ようやく設置完了いたしました。
この度はありがとうございました。
こちらこそ、テンプレートをお使い下さってありがとうございます。
もうすでにいろいろとカスタマイズも加えて下さって、もっともっとお好みのテンプレートになって頂けましたら嬉しいです♪
･･･って DLは公開されてすぐにしていたんですが(汗。
弄くり倒してしまって
可憐な雰囲気は微塵もなくなってしまいましたが･･･(滝汗。
3ｶﾗﾑ、個人的には大好きなので
次回作を楽しみにしていまーす♪
いえいえ、テンプレートをお使い下さってありがとうございます！
ただ私自身は3カラムに馴染みがなく（まだ私的には使った事がありません；）、今回はほんとに私的な勉強のためだけに作ってみたので、またインスピレーションが湧いた時に3カラムを作ろうと思います（＾＾； ともかく、気に入って頂けて嬉しいです♪
テンプレートをお借りしたのですがカテゴリーを増やしメロメロなどを設置したいのですが、どのようにすれば増やせますでしょうか?
お忙しいところ申し訳ありませんがよろしくお願いいたします。
テンプレートをお使い下さってありがとうございます。
早速ですが、サイドにメニューを増やすには、ほかのメニューと同じように追加したい箇所へ記述を加えて頂けばよいだけです。具体的には、
<dl>
<dt>メニューのタイトル</dt>
<dd>メニューの内容（文章やタグなど）</dd>
</dl>
↑このようになります（独自ブロックの記述は不要です）
ただし、このテンプレートは3カラムという構成上あまりサイドの横幅が広くありません。横幅が160px以上あるブログパーツなどを設置すると、テンプレートの表示が崩れてしまいますのでご注意下さい。
無事出来ましたのでご報告いたします。
これからも素敵なテンプレートを作成してくださいね
この度、初めてSBを設置してこちらのテンプレートをお借りしました。
が、URLにもありますように「管理画面・確認ページ」ではきちんと表示されているのですが、タイトルをクリックすると表示がおかしいのです。
これは何が原因なのでしょうか？
ヘルプ画面にも説明がなされていなかったような気がしたので、申し訳ございませんが、作成者のみかん。さんに聞いた方がいいのかな？と思いました。
どうかよろしくお願いします。
早速ですが、このような表示になる場合はCSSが正しく反映されていないという事なので、つまりページ構築が正確に出来ていないのだと思います。再構築処理をもう一度お試しになってみて下さい。
テンプレートを変更した時は必ず全ての再構築を、また、再構築画面内にもあるようにくり返しの処理は出来ないので、ブラウザを新しく立ち上げて処理を再開してみるときちんと出来ますよ。
お返事ありがとうございます。
CSSのパーミッションが違っていたようです。
「666」を(ロリポップなので)「600」にしていたのが原因でした。「666」に訂正したところ、反映されました。
また、blogpetなどを設置する場合はテンプレートのどの位置に設置すればよいのですか？
大変申し訳ございませんが、よろしくお願いします。
パーミッションが問題だったのですね、こちらこそお役に立てず失礼を。
もう1点ブログパーツの設置は、まずHTMLから以下の部分を探して下さい。
<!-- navi_leftここから -->
<!-- navi_leftおわり -->
<!-- navi_rightここから -->
<!-- navi_rightおわり -->
↑左側のナビ、右側のナビはこの文字に挟まれた部分になります。
メニューを増やすには、上記の左右ナビの内側にほかのメニューと同じように追加したい箇所へ記述を加えて頂けばよいだけです。具体的には、
<dl>
<dt>メニューのタイトル</dt>
<dd>メニューの内容（文章やタグなど）</dd>
</dl>
↑このようになります（独自ブロックの記述は不要です）
ただし、このテンプレートは3カラムという構成上あまりサイドの横幅が広くありません。横幅が160px以上あるブログパーツなどを設置すると、テンプレートの表示が崩れてしまいますのでご注意下さい。
どうにか出来上がりました。
まだいろいろカスタマイズしたいのですが（コメントのツリー化・折りたたみetc）、頭がパンクしそうです(汗)
また何かありましたらお尋ねするかもしれませんので、その時はよろしくお願いします。
このテンプレートなのですが、2カラム（右メニュー）にする場合は、どこを触ればいいですか？
いろいろ触ってみたのですが、触りすぎて変になってしまいました。
よろしくお願いします。
お気に召して頂けて光栄ですが、3カラム構成から2カラムへ変更するとなると修正手順が非常に多くなりますし、また、当方ではそのようなカスタマイズのご相談には応じられません。申し訳ありませんがご容赦下さい。
蛇足ながら、テンプレートをいじる際にはバックアップを残される事をお勧めします。復旧出来ない場合には、もう一度インポートして頂くしかありません。
桜の模様が気に入っていたので、残念ですが
2カラムのテンプレートで作成することにします。
それで、Boleroさんの、カテゴリーINDEX化プラグインを導入したら、
エントリータイトルの上と、記事一覧の上にたっぷり空白ができてしまいました。
CSSの設定でしょうか？
こちらで聞いていいものか迷ったのですが、Boleroさんの所は、
コメントがファイルロックされてコメント出来ないもので・・。
よろしくお願いします。
テンプレートをお持ち下さってありがとうございます。
ご質問の「カテゴリーINDEX化プラグイン」の挿入箇所については、このテンプレートの場合では、
<!-- entry_areaここから -->
<div id="entry_area">
【ここにカテゴリーINDEX化のブロックを挿入】
<!-- BEGIN entry -->
このようにして頂くのがよいようです。
ただし、構成はBoleroさまの「使い方」に記されているとおりのものを私もお勧めいたしますが、ご自身で各<div>にclass名を追加してCSSにその内容を設定するなどの、表示調整も必要になります。
申し訳ありませんが、そこから先は個人さまのカスタマイズになりますので、こちらでは応じられません。ご容赦下さいますよう；
アドバイスありがとうございます。
挿入箇所を、
<!-- entry_areaここから -->
<div id="entry_area">
【ここにカテゴリーINDEX化のブロックを挿入】
<!-- BEGIN entry -->
上記の様に変えたら空白はなくなりました！
丁寧にありがとうございました。
Recommendのアマゾン画像を真ん中ににするには
どうすればよいでしょうか？
恐らく #recommendlist {text-align:center;} を追加すればよいかと思いますが、現在、私自身のPCが使用出来ないため表示は確認しておりません。もしテキストも中央になり、を左寄せのままにしたい場合は、CSSのRecommendテキストの該当部分に text-align:left; を追加して下さい。
また、申し訳ありませんが、カスタマイズをされるにはある程度CSSをご理解の上で、出来るだけご自身でお願いいたします。
サポート外の質問で申し訳ないです、ありがとうございました。
この度こちらのテンプレートお借りしました。
カスタマイズもしやすくて大変助かりました＾＾
ありがとうございました。
また。。。
BlogPeopleのリンクもさせて頂きました。
テンプレートをお気に召して頂けて光栄です。
それに、BlogPeopleにも加えて頂けたとは嬉しいです。テンプレートの配布以外ではかなり雑多な内容で運営しておりますけれど；、こちらこそ今後とも宜しくお願いいたします。
こちらへも久々お邪魔しました♪
テンプレお借りします！！！
本家で使わせてねー☆
Comment Form