テンプレート/ガーベラ blue & black
2005年10月20日 (Thu) 00:06
SereneBach用テンプレートガーベラ blue&black Ver2.00
TOPサンプルページ | 個別エントリーページ
06.12.08→Ver2.00に更新
私用のつもりで用意した2パターンのうちの片方を、配布させて頂く事にしました。青と黒のシンプル＆爽やか系配色…と、当人は思っているらしいですが、もちろん変更して下さってかまいません。使って頂けましたら嬉しいです。
これはSerene Bach専用に作成したテンプレートです。sb1.*系統での表示は保証出来ませんので、カスタマイズは自己責任でお願いします。このテンプレートを利用して起こった損害、事故については一切責任を負えませんのでご了承下さい。
※サンプルページでは、ナビゲーション部分にツリー化のスクリプト・プラグインなどを使用しておりませんので、SBのデフォルトのままの表示になっています。
■動作確認（Serene Bach 2.07D）
■ご利用に関するお願い
■使い方
■そのほかのお願い
■更新履歴
DOWNLOAD （ZIP形式）
※サンプルページでは、ナビゲーション部分にツリー化のスクリプト・プラグインなどを使用しておりませんので、SBのデフォルトのままの表示になっています。
■動作確認（Serene Bach 2.07D）
以下の環境で、正常な表示を確認しています。
WinXP：IE6.0（Sleipnir2.48）/ Netscape7.1 / Firefox1.5.0.8
■ご利用に関するお願い
自己責任において、自由にカスタマイズして頂いてかまいません。ただし、
- SB/sb以外の、他のブログツールへの使用・改造はしないで下さい。
- カスタマイズに関する質問は、お受け出来ませんのでご了承下さい。
- パッケージされている画像の加工は、色変更のみを許可します（トータルカラーをカスタマイズされた場合など、それに合わせて画像の色も変えて頂いてかまいません。ご自分で用意された画像との差し替えも自由です）
- カスタマイズした後も含め、テンプレートと画像の二次配布・流用はしないで下さい（画像を他のテンプレートに使用するのもおやめ下さい）
- アダルトサイト、宗教サイト、法律に抵触すると思われるサイト、ホームページ制作代行業での利用はおやめ下さい。
■使い方
ZIP形式で圧縮してありますので、解凍後のテキストファイルをログイン→設定メニューのテンプレート→インポートから読み込んで下さい。
■そのほかのお願い
テンプレート配布元のリンク部分は、なるべく残しておいて頂けると嬉しいです。
また、表示のヘンな箇所や「ここはこうした方がイイのでは？」など、なにかお気付きになられましたら、お知らせ頂けるとありがたく思います。宜しくお願いいたします；
■更新履歴
Ver2.00（06.12.08）
Ver1.04（06.04.04）
- HTML・CSS・画像ファイル名などを大幅に修正＆変更したため、テンプレートのバージョンを2.00に引き上げました。
Ver1.03（05.10.28）
- ナビゲーションのリスト表示を大きく変更、HTMLとCSSを修正しました。
Ver1.02（05.10.25）
- 透過してあった一部の画像に背景色（白）を入れました。細かな修正が多くてたいへん申し訳ありませんが、Ver1.01をご利用の方も画像を加工して下されば再DLの必要はありません。
Ver1.01（05.10.21）
- HTMLとCSSを少し修正。表示はほとんど変わらないので、Ver1.01をご利用の方は再DLの必要はありません。
- トラックバック自動検出の独自タグ{trackback_auto_discovery}を追加。
- ページ内リンクのための id="trackback" が抜けていたのでこれも追加。
- それに伴いページ構成が変わったため、entry.htmlを削除。
DOWNLOAD （ZIP形式）
Comments
>> コメントのスクロールを表示・非表示に切り替えます
blogの初心者です。こちらのテンプレートをＤＬさせていただきました。とても素敵で気に入っています。
こちらを参考に、blogの方も勉強させていただきますので、どうぞよろしくお願いします。
テンプレートをお持ち頂けたなんて嬉しいです。メッセージもありがとうございました、励みになります♪ でも、私自身もブログ初心者なのでやはり勉強中でございます； なにかありましたらどうかご指摘下さいませ。
最近ブログをSerene Bachに変更して、
テンプレートを探していました。
こちらのテンプレートＤＬさせていただきました。
タイトル画像だけ入れ替えさせていただきましたが、
とても気に入りました。
Serene Bachに関する情報も参考にさせていただきたいので、
また寄らせていただきます。
テンプレートをお持ち下さって光栄です。タイトル画像はもちろん、文字色や壁紙などもお好みで入れ替えてみて下さいね〜。私もSerene Bachを使い始めたばかりですが、ちょっとでもお役に立てましたら嬉しいです。
素敵なテンプレートをDLさせていただきました。
ちょっとしたアイデアなど参考にさせてもらいますねー。
これからも楽しみにしています。
ありがとうございました♪
テンプレートをお持ち下さってありがとうございます。拝見したら、落ち着いた印象でステキですね。こちらこそ嬉しい刺激を与えてもらいました。どうぞいろいろアレンジして楽しませて下さいませ〜。
テンプレートDLさせて頂きました。ありがとうございます。
やっぱりみかんさんのセンス大好きでございます。
ダウンロードさせて頂きました。
果たしていつになったら使いこなせるか･･･？
そのくらい素人ですが、頑張ってみようと思います。
照れ臭いですけれど；、お持ち下さってありがとうです〜。
＞のんのんさん、初めまして。
お褒めを頂けてとっても嬉しいですv テンプレートがどうかお役に立てますように（＾＾
こちらのテンプレートをお借りしました。
シンプルで且つ、とても見易くお洒落なところが気に入りました！
大事に使わせていただきたいと思っています。
BPリンクの方も登録させていただきましたので、これからどうぞ宜しく願い致します。
ありがとうございました！
テンプレのご利用とご報告を、どうもありがとうございました！ お褒めを頂けて嬉しいです。どうぞ、お好きなだけ使ってやって下さいね（＾＾*
また、BPリンクにも登録して頂けて光栄です。こちらこそ、宜しくお願いいたします！
Your template is so pretty. I downloaded it but I could not open it. Did you know what kind of software I need to open your zip file? Thanks a lot!!
Nice to meet you. I'm glad for you to like this template.
However, this zip file is not special. This file should be opened easily....
I know only, language used is Japanese software. I need to have you look for software different from used now... by yourself.
I'm sorry to be unable to give your help.
Thank you.
こちらのテンプレをダウンロードさせていただきました♪
ひとつお伺いしたいのですが…
ステータスバーにエラーが出てしまうのですが
これをなくすにはどうしたらよいでしょうか。
お時間のあるときで結構ですので、アドバイスいただけないでしょうか。
よろしくお願いします。
すみませんでした。
これからもステキなテンプレ、楽しみにしています。
ありがとうございましたm(_ _)m
テンプレートをお気に召して頂けて光栄です！
ところで…ワタクシ出遅れてしまいすでに解決されたそうですが、Serene Bach設置後に表示されるエラーは「設置後、まだアクセス解析の画面にアクセスしてない場合cnt.jsというスクリプトが生成されないため、ないものを呼び出してしまった結果のエラー」との事ですよ。もう問題はありませんので、ご安心を。
もう一つ、伺いたいことが出てきてしまいました(^^;
ツリー化にしてみたのですが、矢印の画像が左へ寄り過ぎているので、少し右へ動かしたいのですが、どこで設定すればよいのでしょうか。
ツリーには、JUGEMカスタマイズ講座さんのツリー化スクリプトをご利用ですね。
矢印の画像の調整用に、以下をCSSに追加なさってみて下さい。
/* ナビメニュー・ツリー画像表示 */
#navi_area li.lst,
#navi_area li.end {
margin:0px 0px 0px 5px; ←5pxは表示を見ながら変更を。
padding:0px;}
それと、ちぐみさんのCSSの「ナビメニューの各リスト」は最後が } で閉じられておりませんでしたので、} を書き加えて下さいませ。
早速、↑のCSSを追加してみたのですが、数値を変えてみても、ビクとも動かないんです…何度もすみません。
ごめんなさい、ちょっと勘違いをして誤った内容をお伝えしておりました；
JUGEMカスタマイズ講座さんの「ツリー化スクリプト」と「ツリー化カスタマイズ応用編」の方もご覧下さい。まずベースHTMLテンプレートのツリー用マークの通常と末端を、応用編に書かれているものに直して下さい。
（画像指定じゃなく<li class="lst">と<li class="end">の方です）
そして、CSSを以下に修正して下さい。
/* ナビメニュー・ツリー画像表示 */
#navi_area li.lst,
#navi_area li.end {
margin:0px 0px 0px 8px;
padding:0px 0px 0px 10px;
background:url({site_parts}gbb_mark3.gif);
background-repeat:no-repeat;}
以上です。
ありがとうございます。
一つ質問なのですが、BlogPeopleのツリー化を「JUGEMカスタマイズ講座 | BlogPeopleリストのツリー化」を参考にしてやったのですが、リスト部分に罫線が表示されてしまいます。
ツリー化する前は表示されなかったのですが、文字と罫線の表示が重なってしまうので、BlogPeopleの部分の罫線だけを消すことはできるのでしょうか？
よろしくお願いいたします。
みかんさん、何度もアドバイスいただいてありがとうございました。
これからもステキなテンプレ、楽しみにしています♪
テンプレートをお使い下さって光栄です。
ところでご質問の内容は、このページのテンプレート（ガーベラ）ではなく現在ご利用中のプミラの表示ですよね？ このエントリはガーベラです；
CSSに、まず↓これを追加して下さい。
#navi_area dl dd#peoplelist ul {
background:#ffffff;}
また、すでに記述されているJUGEMカスタマイズ講座さんのツリー化用のCSSを、以下のように修正して下さい。
div.blogpeople-main ul.tree {
div.blogpeople-main ul.tree li {
div.blogpeople-main ul.tree li.end {
↑この部分を、↓このように（先頭に#navi_area dl dd#peoplelistを足します）
#navi_area dl dd#peoplelist div.blogpeople-main ul.tree {
#navi_area dl dd#peoplelist div.blogpeople-main ul.tree li {
#navi_area dl dd#peoplelist div.blogpeople-main ul.tree li.end {
これで、ツリー画像とテキストの表示バランスが整います。
■ちぐみさん
勘違いをしました事、失礼しました；
いろんなページを見ているうちに違うところに書き込んでしまいました・・。すいません。
この方法できちんとblogpeople、表示できるようになりました。
ありがとうございました〜
そのような経緯だったのですね、いろいろ見て下さったとは恐縮です；
表示、整いましたようでなによりです。
こちらもお借りします！頑張ってくださいね！
プミラのテンプレ共々、お持ち頂けて嬉しいです。それに、早速ご利用下さってありがとうございました！
再度、伺いたいことが出てきてしまいました(^^;
何度もすみません…
エントリーで画像を入れると文字が線からずれてしまうのですが
どこで調整すればよいのでしょうか。
ご指導、よろしくお願いします。
こちらのテンプレート使わせて頂いてます、ありがとうございます。
1.04に変更してから、少し気になることができたので質問させてください。
個別エントリーページでは問題ないのですが、トップページのナビリストに妙な空白部分ができてしまうのです。
そのせいか、カテゴリの階層もずれて矢印部分が左へ少し出た状態に見えます。
（親カテゴリが右へずれている？）
私のいじっている部分が悪いのかと思ったのですが、デフォルトのまま（http://www.yks.ne.jp/~mash/diary/sb.cgi?tid=12）でも変わりませんでした。
どうかご指導頂けないでしょうか。よろしく追い願いします。
テキストの背景に罫線を表示させている場合は、罫線の画像とテキストの行間、それに記事中に使用する画像の高さが同じ数の倍数でないといけません。このテンプレートの場合、罫線画像（gbb_note.gif）とテキストの行間は18pxになっています。なので、画像が18の倍数の高さでないためにズレが生じてしまうのです。
また、このテンプレートの「TOPサンプルページ」をご覧頂くとお気付きになられるかと思いますが、画像にテキストを回り込ませた場合はキッチリ18の倍数でなくとも（テキストの行間の方が有効になるので）表示はさほど乱れていませんが、回り込ませていないものは当然ズレてしまいます。
CSSでの表示合わせは出来ませんので、CSS内から罫線画像（gbb_note.gif）の表示を削除して頂くのが一番宜しいかと思います。
■ルシールさん、初めまして。
テンプレートをお持ち下さってありがとうございます。
ところで早速ですが、先ほどOperaとFirefoxでも確認してみましたところ、この表示はIEだけのものでした。なにかしらの原因により、IE特有の表示のバグ？に影響されているのではないかと思えます。ですが、原因が特定出来ないため、こちらでも同じようなindexのみが崩れるといった現象を確認する事が出来ません。
申し訳ありませんが、ご利用を見合わせて頂くほかないかもしれません…； お役に立てなくて本当にご免なさい；
罫線が結構気に入っていたのですが、ズレがどうしても気になってしまうので…(^^;
みかんさん、何度もていねいにご指導いただいて
本当にありがとうございましたm(_ _)m
IEだけだったのですね。
このテンプレート気に入ってますので、しばらくはこのまま使用して暇なときにでも対策考えてみようと思います。
ありがとうございました！
ちなみに、私は画像の縦を18pxの倍数サイズ、回り込み無しで作成してます。
罫線消そうかどうか悩み中。
私もそれが宜しいかと思います；
罫線の表示は可愛くて個人的にも好きなのですが、画像の高さを必ず同じ数の倍数で用意しなければいけない点、それと罫線表示のある別のテンプレートに変更する際にも少々厄介かと…。ただし、毎回同じ行間の罫線画像に差し替えてCSSを修正すれば、テンプレートを変更しても問題になる事はありません。…と、今さらですが付け加えておきます；
■ルシールさん
いえ、もう…力不足ですみません。使用を継続して頂けるとは、嬉しい半面でやはり恐縮に思います； 私の方も後々なにか気付いた事がありましたら、ご連絡させて頂きます。
それと、上記（ちぐみさんへのレス）でも書きましたように、罫線画像の差し替えとCSSの行間の設定を修正すれば、テンプレートを変更してもログの画像表示に問題はないかと思います。修正が可能でしたらこれも後々にお試しを。
原因は本文の画像でした。
横サイズが大きすぎるとその分、右が押しやられるようです。
（厳密には調査していないのですが/汗）
なんともしょうもないミスで・・・
みかん。さんにも大変お手数をおかけして申し訳ありませんでした。
ご報告、どうもありがとうございます！
ナビの表示が直っているところを見ると、やはり画像の横幅だったのでしょうか。確かに記事本文の掲載スペースより画像が大きいとレイアウト崩れはあり得るので、私も気付いてしかるべきでした。すみません；
当方のテンプレの場合は、画像幅が400pxまでならどれでも問題がないので、そのようになさってみて下さいまし〜。
カスタマイズで色をおさえてしまい、爽やか部分がなくなってしまった気がしますが、とても気に入っております。
ありがとうございました。
こちらこそ、テンプレートを気に入って頂けて嬉しいです。
カスタマイズも、もっと気に入って頂けるようにと願い、取り立てて制限してはおりませんのでどうぞお好みに仕上げて下さいな。ご報告下さってどうもありがとうございました！
すみません。かなり試行錯誤したのですがどうしても原因が分からないトラブルがあります。もしお分かりになったら教えていただけませんでしょうか。
Amazonのオススメ表記が、2点まで入力していた時はちゃんと表示されていたのですが、3点目を入れた後から全部表示されなくなりました。全体の流れはこうです。
1.SereneBach複数設置（しかし共通ファイルは全く設けていません）
http://kad.sakura.ne.jp/
http://kad.sakura.ne.jp/stand/
2.RandomAmazon v0.01プラグインを導入
http://sideblue.sakura.ne.jp/log/eid454.html
3.どちらもオススメ2点までは普通に表示。しかし3点めを入力すると表示がなくなる。
4.プラグインを外してみても表示されない
5.テンプレを元のまっさらな「ガーベラ blue & black」に戻しても表示されない。
こうなるとHTMLのいじり方がどこかで間違っているのかと思うのですが…。いくらにらめっこして比べてみても分かりません。
もしお分かりになりましたら、お願いいたします。
テンプレートをお気に召して頂けて光栄です。
早速ですが、こちらでも上記のプラグインを試してみましたところ[環境設定]→[表示設定]にある[オススメ表示件数設定]の数値と、[オススメ]→ここで状態を「公開」に設定している件数に関係している事を確認しました。
つまり、オススメ商品に登録してある件数が、表示件数設定のオススメ件数の数値より少ないと（テンプレートを別のものに変更しても）1件も表示されなくなってしまいます。
ですが、オススメ商品の登録を追加されてから表示がなくなったとの事なので、たまたま再構築処理が正しく出来なかったという事も考えられます（再構築処理はくり返しては出来ませんので、ブラウザを立ち上げ直す必要もあるかと思います）
もう一度それぞれの設定を見直して再構築、あるいは、一度サーバに上げたプラグインファイルを削除して表示を確認、それからもう一度アップロードなどをお試し下さい。
すんなりと解決しちゃいました（笑）。5個（設定）以上登録したらすぐ表示されました。ブログ立ち上げでいくつも登録してないうちに「ランダム表示プラグイン」を導入する人なんてそういないからあんまりトラブルになってないんでしょうね（自分の場合他のブログで導入してたので、立ち上げからいきなりプラグイン入れちゃってたんです）。
結局プラグインの方が原因なのに、ご丁寧にお調べいただいてすみませんでした。本当に助かりました。ありがとうございます。
了解しました。解決出来てなによりです。
改めて、テンプレートがお役に立てて嬉しいです。
Comment Form