テンプレート/Leaf of Pumila
2005年12月03日 (Sat) 13:08
SereneBach用テンプレートLeaf of Pumila Ver1.02
TOPサンプルページ | 個別エントリーページ
06.12.09→Ver1.02に更新
Raindropが寒々しい印象なので;、写真素材屋【be sweet on...】さまからポカポカした日差しを感じる素敵な写真をお借りして作りました。こちらには、葉っぱに見たてたハート型のモチーフを2ヶ所配置しています。
ちなみにですが、このタイトル画像は【be sweet on...】さまで配布されているフォト素材の800×240サイズからお借りしたもので、同サイズのほかのフォト素材と差し替えも可能です(画像のサイズ加工は必要ありません) 今月ならクリスマスバージョンにしてみても♪
これはSerene Bach専用に作成したテンプレートです。sb1.*系統での表示は保証出来ませんので、カスタマイズは自己責任でお願いします。このテンプレートを利用して起こった損害、事故については一切責任を負えませんのでご了承下さい。
※サンプルページでは、ナビゲーション部分にツリー化のスクリプト・プラグインなどを使用しておりませんので、SBのデフォルトのままの表示になっています。
■動作確認(SereneBach 2.07D)
■ご利用に関するお願い
■使い方
■そのほかのお願い
■更新履歴
DOWNLOAD (ZIP形式)
※サンプルページでは、ナビゲーション部分にツリー化のスクリプト・プラグインなどを使用しておりませんので、SBのデフォルトのままの表示になっています。
■動作確認(SereneBach 2.07D)
以下の環境で、正常な表示を確認しています。
WinXP:IE6.0(Sleipnir2.48)/ Netscape7.1 / Firefox1.5.0.8
■ご利用に関するお願い
自己責任において、自由にカスタマイズして頂いてかまいません。ただし、
- SB/sb以外の、他のブログツールへの使用・改造はしないで下さい。
- カスタマイズに関する質問は、お受け出来ませんのでご了承下さい。
- パッケージされている画像のうちタイトル写真画像は、写真素材屋【be sweet on...】さまよりお借りしたものですので、加工をされる前には必ずそちらの利用規約をご覧になって下さい。
- このタイトル写真画像をご利用の場合は、base.htmlの中にある「be sweet on...」さまへのリンクを削除なさらぬようお願いします。
- パッケージされているそのほかの画像の加工は、色変更のみを許可します(トータルカラーをカスタマイズされた場合など、それに合わせて画像の色も変えて頂いてかまいません。ご自分で用意された画像との差し替えも自由です)
- カスタマイズした後も含め、テンプレートと画像の二次配布・流用はしないで下さい(画像を他のテンプレートに使用する事もおやめ下さい)
- アダルトサイト、宗教サイト、法律に抵触すると思われるサイト、ホームページ制作代行業での利用はおやめ下さい。
■使い方
ZIP形式で圧縮してありますので、解凍後のテキストファイルをログイン→設定メニューのテンプレート→インポートから読み込んで下さい。
■そのほかのお願い
テンプレート配布元のリンク部分は、なるべく残しておいて頂けると嬉しいです。
また、表示のヘンな箇所や「ここはこうした方がイイのでは?」など、なにかお気付きになられましたら、お知らせ頂けるとありがたく思います。宜しくお願いいたします;
■更新履歴
Ver1.02(06.12.09)
Ver1.01(05.12.05)
- HTMLとCSSに修正を加えています→【詳細】
- ベースHTMLテンプレートを修正しました→【詳細】
DOWNLOAD (ZIP形式)





Comments
>> コメントのスクロールを表示・非表示に切り替えます
トラックバックピープルから飛んできました。
ステキなテンプレートですね♪
早速DLさせていただこうと思ったのですが、404になってしまいます。
確認お願いいたしますm(__)m
また、見に来させていただきまーす。
そろそろウチのBlogもリニューアルをと考えてはいるのですが、なかなか好みに合うテンプレートに出会えず、うだうだしてる状態です。
このテンプレートもステキ。でもこれを使わせていただく前にX'mas仕様にしたいんですよー。
みかん。さーん、X'mas用の作って〜 笑。
私もDLさせていただこうと思ったのですが、上に同じく…
よろしくお願いします。
そしてコメントをありがとうございます! せっかくアクセスして頂いたのに、DLファイルへのリンクを間違えて記述してました…本当に申し訳ありませんっm(__)m; リンクは修正しましたので、宜しければもう一度DLをお試し下さるようお願いします;
■遥さん、こんにちわ。
ええと、このテンプレに関しては上記のとおり「be sweet on...」さまで配布されているクリスマス用の写真素材と差し替えて使って下さいな〜。X'mas仕様って魅力的だけど(私も写真を選ぶ時にちょっと迷いました)、季節限定版として作るとその月しか配布+使えないテンプレになってしまうのだもん…(^^;
修正有難うございました。
早速、DLさせていただきました。
有難うございましたm(__)m
テンプレート、お持ち下さって嬉しいです。お役に立てましたら幸いです!
早速、テンプレ、使わせていただきました♪
写真を、クリスマスのに変えてみました。
かわいいテンプレで気に入りました。有難うございましたm(__)m
今から、BPに登録させていただきますので、宜しくお願いいたします。
早速DLさせていただきました、これのほかにもメモパッド風のもすごくお気に入りです、しかしながら今だsb仕様の身としてはBashテンプレをsb用に修正するという作業が結構大変で…(笑)
でもいつか必ずです。
ではでは
ご報告下さってありがとうございます。クリスマスのタイトル画像が可愛いですね! BPにも加えて頂けて光栄です。
■Juraさん
Juraさんも改めてご訪問を下さって、本当にありがとうございます&お手数をおかけしてすみません; テンプレお持ち頂けて嬉しいです! sbへの修正、がんばって下さいね。
いつもお世話になっています
またまたテンプレートお借りしました
いつも素敵なテンプレ ありがとうございます
テンプレに関係のない話ですが
うちのブンジロウくん 引越してしまいました(泣)
それと シショーに教えてもらったやつは
チャットのところの上に変なアイコンがありますよ
照れる様子かわいいです
早速テンプレをご利用下さって嬉しいです♪ でも…またしてもタグの書き漏らしをしてしまい、修正のお手数をおかけしてすみませんでした;
(上のコメントを下さった方々も、気付いて下さるかしら…本当にすみません!)
ところで、持ちもの画面→吹き出しのメニューに「アイコンが増えてるなぁ」と気付き、フィールド上で使ってみたけど一人っきりでとても不毛なので、すっかり「?」と思っていたら、吹き出し=チャット機能だったのですね; あ〜もう本当に、取説をちゃんと読め私!
教えて下さってありがとうございました(^^;ゞ
修正、気づきましたですよー。
早速、直しました(*´▽`*)
コメントありがとうございます。DLのリンクの件と言い、今回の修正と言い…何度もお運び頂いてしまい本当にすみませんでした;
ご報告をありがとうございます。早速ご利用下さって嬉しいです。
素敵なテンプレート早速お借りしました♪
素敵な写真だったのでbe sweet on... さんのところへも行きました。クリスマスっぽい可愛い写真があったので差し替えしてしまいましたが構わなかったでしょうか?
差し替えた写真もなかなか可愛くて…自己満足(^▽^)
これからも時々お邪魔すると思いますがよろしくお願いします。
早速のテンプレートのご利用をありがとうございます!
タイトル画像の差し替えは、ページ先頭にも書いておりますようにまったく構わないですよ。クリスマス風でほんとに可愛いですよねv
こちらこそ、どうぞまた遊びにいらしてくださいませ。
素敵なテンプレートなので使わせていただきたいのですが、
カテゴリーを増やす場合どのようにすればいいのでしょうか?
色々やってみたのですがうまく表示されないのです…
カテゴリーを増やす、というのが具体的にどういう事なのかちょっと分からないのですが、管理画面で新規カテゴリーを追加しても反映されないのでしょうか…? ナビゲーション部分には特に変わったソースやタグなどを使用していないので(デフォルトのものと同じです)、申し訳ありませんがどのような原因なのか判断が出来ません;
あるいは、見当違いかもしれませんが…もしHTML自体に直接書き込んでメニューを追加されるという事でしたら、これはsb1.*ではあまり問題ないのですが、SB2.*で基本以外の独自ブロックを記述すると多くのテンプレートで表示されなかったり、表示が崩れる事があります。たとえば、
<!-- BEGIN blog_tool --> ←※自分で名前を付けた、ここと
JavaScriptのソースやリンクなど。
<!-- END blog_tool --> ←※ここ。
このように、SBテンプレートの基本にはない独自ブロックです。試してみたところ、デフォルトのテンプレートでも表示されなかったので、自分で名前を付けた独自ブロックは記入なさらないで下さい。このレスが見当違いでしたらすみません…。
JavaScriptのソースやリンクなど。
<!-- END blog_tool -->
を増やしたかったのですが無理なようで残念です…
トラックバックなどを表示させたかったので…
ありがとうございました。
トラックバックはデフォルトのメニューに含まれていますから、TB Peopleなどの事でしょうか? 自分で名前を付けた上下の独自ブロックさえ記述しなければ、JavaScriptファイルへのリンクなどはちゃんと表示されるので、特に問題はないのですが…。
お手数かけました…
表示されるようになりました。
ありがとうございます。
ここ数日の間にコメントスパムが急増したために、うっかり見落としてしまいました; 何度もお運び下さってありがとうございました!
こちらのテンプレをDLさせて頂きました。
どうもありがとうございました。
来年もどうぞよろしくお願いします。
テンプレートをご利用下さってありがとうございます! タイトル画像や壁紙変更のアレンジで、だいぶ雰囲気が変わるものですね。楽しく拝見させて頂きました。
こちらこそ、来年もどうぞ宜しくお願いいたします。
こちらのテンプレートをお借り致しました。
ありがとうございましたm(__)m
上のコメントの、urlが間違ってましたぁ(汗)
連続カキコお許し下さいっっ。
テンプレートのご利用をありがとうございます!
葵さんも壁紙変更のアレンジをして下さって、楽しく拝見させて頂きましたv どうぞお好きなだけ使ってやって下さいませ。
色々探してまわって、ようやく好みのテンプレートに出会えてとても嬉しいです。
壁紙などをちょっとアレンジして使わせてもらってます。
実はいつも遊びにいっているお友達のブログもみかん。さんの別のテンプレートを使っていたのに、そのことに気づかず偶然同じところにたどりついたのには笑っちゃいました。
(ここにお友達の書きこみがあって初めて気づいたw)
やはり友達同士って好みが似てるのですね。
テンプレをお使い下さってありがとうございます。
それにしても…お友達もご利用下さっていたなんて奇遇ですねぇ! お友達同士の好み+きっと私の好みも似ているという事なのかしら(笑) ご報告、嬉しかったです♪
テンプレお借りました、まだちょっとおかしなところがあるので巣がとりあえず形になったので使わせていただいてます。
あと少しカスタマしないと…
有難うございました。
sb用に修正して下さったのですね。このテンプレを使って頂けて、本当に光栄です!
ご自身でもっと使いやすくなるように、どうぞご自由にアレンジを加えてやって下さいな。ご報告、ありがとうございました!
管理人をしておりますオンラインゲームの「プレイヤー共有ブログ」を彩るため、こちらのテンプレートをお借りいたしました。
女性プレイヤーが多いこともあり、優しいデザインのものを探していました。
ブログがsbですので、こちらで色々と修正させていただくかと思いますが、今のところ、綺麗に表示できていて、いい雰囲気になっています。
どうもありがとうございました。
そちらもsb用に修正してご利用頂いて下さったなんて、本当に光栄です。共有でお使いになる皆さんの交流のために、このテンプレがお役に立ってゆけたら嬉しいです(^^
こちらこそ、ご報告をありがとうございました!
まだ最近SBをはじめたばかりなのですが、
このLeaf of Pumilaが気に入ってDLさせていただきました。
すごく使いやすく、そして、カスタマイズもしやすく大変重宝させていただいてます。
それで、1箇所どうしても、わたしの力ではどうにもならない箇所がありましたので、お聞きしたいのですが、サイドバー(サイドナビバー)の縦の点線の画像を一番下まで(Copyrigh部分まで)伸ばすにはどのようにしたらようのでしょうか?
ご教授いただければ幸いです。どうぞ宜しくお願いいたします。
(一応、確認しましたが、もし、過去に同じような質問がありましたら、すみません。)
テンプレートをお持ち下さってありがとうございます。
ところで「2行目の構文エラー」がなんであるのか、私にはちょっと分かりかねます…。
このテンプレートそのものにはJavaScriptの記述は入っていませんので、独自タグによって展開されるJavaScriptのどこかになんらかの不具合があるのかもしれません。ただ、スクリプトのエラーに関してはこれも私には分かりかねますので、どの部分がエラーの原因なのかお調べになって、パティオなどにご相談下された方が宜しいのではないかと存じます;
■はねいろかいと。さん、初めまして。
テンプレートをお持ち下さってありがとうございます。
ナビバーの縦の点線ですが、ナビバーよりも記事部分の表示が長い場合、Copyrigh部分まで縦線を伸ばす事は出来ません(これはSBの仕様の上で、出来ないのです)
仮に、縦の点線をエントリー側の背景として変更すればご希望の表示は可能ですが、ナビバーよりも記事部分の表示が短いと、それでは記事の長さで縦線が終わってしまいます。
なので、Copyrigh部分まで縦線を伸ばす事は…やっぱり出来ません;
早速、ありがとうございます。
そうなんですね。背景にする方法も考えたのですが、それもダメなら仕方がないですね。SBの仕様では仕方がないことです。でも、記事が増えれば解消されるとのことですので、安心しました。ご丁寧にありがとうございました。
これからも、がんばってください。
ご了解を頂けてよかったです。
こちらこそ、どうぞお好きなだけ使い続けて頂けましたら光栄です。
アクセス解析の画面にアクセスしてないとcnt.jsというスクリプトが生成されないのに解析の関数を呼び出してエラーになるというものみたいでした。パティオのほうに書いてありました。調べずに聞いてしまってすみませんでした。
ぶつ森日記も楽しみにしております^^
ご丁寧にご報告を下さいまして恐れ入ります。
解析画面に先にアクセスしていないとダメなんですね。私も把握していなかった事なので、勉強になりました。ありがとうございました!
ずっと気に入ってどれがいいかすごく迷って何度も考えてましたが、
やっぱりどうしても、Leaf of Pumila Ver1.01のテンプレートが使いたくて、お借りしていきたいと思います♪
これからもお世話になると思いますが、どうぞよろしくお願い致します。
ありがとうございます。<(_ _)>
こちらこそ、ご利用ありがとうございます。気に入って頂けて嬉しいです!
お好きなだけ使い続けてやって下さいませ〜。
こちら様のテンプレートが可愛くて人目で気に入りお借りいたしました(*/x\*)
少しずつカスタマイズさせてもらっているのですが、どうしても気になる所があったので。。。
デフォルトだと画像の右横に文章がくるようになっているみたいなのですが、それを画像の下にくるように変更したいのですが・・・
どこを弄ったらいいかで悩んでおりますヽ(τωヽ)ノ
色々調べたのですが、どうしてもわからなかったのでご質問させていただきました。。。
どうしてもこちらのテンプレを使いたいのでどうかどうか助けてくださぃ。
テンプレートをお持ち下さってありがとうございます♪
ところで画像へのテキストの回り込みですが、DLファイルを解凍されるとテンプレート.txtと一緒に、readme.txtというものも入っていたかと思います。そちらに「テキストの画像への回りこみを解除する」という内容を記述しておりますので、もう一度ご覧になって下さいませ。宜しくお願いいたします。
馬鹿でした・・・・orz
「テキストの画像への回りこみを解除する」の意味自体理解してませんでした・・・
早速試したところ(´ー`)無事解決いたしました!
色々まだ勉強中ですが、一つ賢くなりました(笑)
これからも可愛くて素敵なテンプレート作りがんばってください!
本当にありがとうございました。。。
どのテンプレートもとてもかわいくて、見ているだけで癒されました^^
若干いじらせて頂きましたが、ソースも見やすくて変更がしやすかったです。
ではではこれからもテンプレート作成頑張って下さい!
ありがとうございました。
こちらのテンプレートに惹かれました(^^)
Readmeには変更の仕方を書いて下さったり、ページ下のCopyrightには自動でblog名が入る様になっていたり…親切さに感激致しました!
初心者には有り難かったです。これからもよろしくお願いします!
こちらこそ、ご報告をありがとうございます。テンプレートをご利用下さって嬉しいです!
ご自身が使いやすいようにお手を加えて頂くのはまったくかまいませんので、これからどうぞお役立て下さいませ(^^
■Tamさん、初めまして。
特にコピーライト部分は、書き換えを忘れてしまわれる方をお見かけしたので途中から変更したのですが、そうおっしゃって頂けるとは本当に嬉しい限りです〜(^^
こちらこそ、テンプレートを気に入って頂けて光栄です。
はじめまして。
テンプレートをお借りしました。
ありがとうございます!
はじめましてなのに質問で恐縮なのですが、一番上の画像表示部分の縦の大きさを変えるのにはどうしたらよいでしょうか?
横巾の変更をする場所は分かったのですが、変更したい縦巾の変更部分がわかりません。
画像を差し替えて私の子供の画像を入れたいなと思い、もう少し大きく表示したいなぁと思ったのですが。
お忙しい中本当に申し訳ありませんが、教えていただけるうれしいです。
よろしくお願いします。
テンプレートをご利用下さってありがとうございます。
このテンプレのタイトル画像部分の高さですが、写真素材屋さんよりお借りしている写真にはだいぶ高さがあるため、それを効果的に使いたいと思い、{blog_description}が改行を加えて書かれていてもタイトル画像が美しく表示されるように…と思って作成しました。
つまり表示の高さは、管理画面→環境設定で書いたブログの説明に依存しています。
なので、CSSの「レイアウト設定」の「#title_area」では高さを設定していません。
前置きが長くなりましたが、CSSの修正は「レイアウト設定」ではなくて「ブログタイトル」の方にある、「#title_area h1」と「#title_area .description」の「padding」の数字で、表示を確認しながら調整なさってみて下さい。具体的には、下の●の部分です。
/* ブログタイトル */
#title_area h1 {
padding:●px 0px 0px 20px; (前後は略)
#title_area .description {
padding:0px 0px ●px 30px; (前後は略)
もっとストレートに利用したい画像の高さを設定する方法では、CSSの修正箇所がたいへん多くなりますし、申し訳ありませんがカスタマイズに関してはこれ以上はお答え出来ません。●部分の調整をどうぞ宜しくお願いいたします。
早速のお返事ありがとうございました。
分かりやすい説明をしていただき、子供達の画像を乗せることが出来ました。
お忙しい中、私の説明にお答えいただきありがとうございました。
そして大切にテンプレートを使用させていただきますね。
2カラムの春プレートを探してたどり着きました♪
Photoでいろんな季節にも使えそうでいまから楽しみです^^
これからもテンプレート作成がんばってください♪
テンプレートをご利用下さってありがとうございます!
おっしゃるとおり、タイトル部分の画像の差し替えで印象がだいぶ変わると思いますので、こちらこそお楽しみ頂けましたら嬉しいです。これからもっと気に入って頂けますように、と願っております♪
テンプレートお借りしました!リニュしようと思って
たどり着きました。
こちらこそ、テンプレートをお持ち下さって嬉しいです。リニュのお役に立てますように♪
テンプレートを利用させていただきました。
そしてカスタマイズの際に、ブログ用のopenとcloseのアイコンも同時に使わせてもらってます。
ありがとうございました!!!
こちらこそ、テンプレートとアイコンまで使って頂けて光栄です。
お知らせ下さってどうもありがとうございました!
こちらの、Leaf of Pumila DLして、利用させていただきました!!(*^O^*)/vv( ^.^)( -.-)( _ _)/vv
ありがとうございます!!!
なにせ・・CSSだぁ、HTMLだぁ(←これは少々ならわかりますが)〜といった事に熟練しておらず・・
(例えば・・書き込んだコメントの位置・画像の回りこみ?を、お写真の下部に入れたくても・・(-_-;)・・(^ー^;A・・)
なので、みかん。さんの、あのテキストに一言(←ひとことじゃないですが)説明を加えて下さっているのは、
もうおぉーーーーー激!!!助かりましたあぁぁぁ!!!!
(見よう、見まねで・・なんとかするのは得意なσ(o^_^o)です♪)
それに、このステキ〜♪なテンプレート!!!!項目のところの、グリーンのハート(ハートリーフ?)が凄くステキ!!!
v(*'-^*)ゞ★.*.':.*^★*:*:'☆♪
これからも、ちょくちょく遊びに来させていただきます!!!
ありがとうございました!!
これからも、ステキ〜♪なテンプレートを、作り続けていって下さいませえぇ〜〜m(__)m/vv
あのおぉ〜・・↑の、kinokoです。大変申し訳けないのですが・・・ひとつだけ!!!(もうこれだけ!!でいいので!!是非是非、ご教授願えればと!!!(>_<)m(..;))m)
タイトル部分の、画像の差し替え〜♪するには、どこを、どういじれば良いのでしょうか!!??
(差し替えの画像は、もうすでに、be sweet onさまからDLしてきております。)
スミマセンン〜〜・・あまりにも、初心者でえぇ〜〜・・(-_-;)(^^ゞ・・・
これひとつなんとか、よろしく教えて下さいませえぇ〜m(..;))m/vv
テンプレートをお使い下さってありがとうございます。
タイトル画像の差し替えは、CSSテンプレートのタイトル部分(#title_areaの最後の行)の画像名を変更して、サーバのtemplateフォルダ内にその画像をアップロードして下さい。
#title_area {
width:700px;
〜中略〜
background:url({site_parts}ここに使用する画像名) no-repeat;}
ところで、テンプレートのデザインはすべてCSSで構成されているため、そのほかのカスタマイズするにも、ある程度CSSを理解していなければちょっと難しいかと思います…。
また、Serene Bachの利用から日が浅くまだ不慣れなようでしたら、管理画面の「ヘルプ」や、パティオ(http://sbuser.sakura.ne.jp/)などを活用される事をお勧めします。
kinokoです。
タイトル画像、交換設定できましたあぁぁぁ!!!(>_<)/♪ v(*'-^*)/vv♪
丁寧なる解説いただきまして、誠にありがとうございました!!
(そうなんですうぅ〜・・みかん。さんのこのサイトに書き込む前日(前前日?)に、初めて!!Serene Bach2.04Rなるものを
導入いたしましたあぁ!!(>_<)/
でも・・なんとか、それまでにも、ふつうーの掲示板のCGIとか〜は、ちまちまと触ったりしてまして〜〜
なんとか、どうにか!!なりましたあぁ〜(*^O^*)/vv)
もうおーーーこれで、大、大、大満足なので・・[進歩ない?]とてもうれしいですぅぅ!!
ありがとうございました!!\(*^o^*)/\(*^o^*)/vvvv
また、ちょくちょく遊びに来させていただきますうぅ〜♪vv
[ちょっと・・ここだけの話・・パティオさんとこって・・何がなにやら??????σ(o^_^o)のギモンに対する答えが、
一体・・どこに書いてあるのやら〜〜( ̄O ̄;)/????????
で・・・ますます困惑するばかり〜〜のサイトさん(掲示板?)でありましたあぁ〜〜( ̄  ̄;)・・(-_-;)・・・・
だって・・お目当てのQを・・・あの掲示板だと・・せっぇーーーーんぶ!!!!!!1から〜いくつまであるんでしたっけ??
見ないと(読まないと・・)いけない・・・・・・\(@;◇;@)/ ぴぃぃぃぃぃぃ・。・゜゜・(≧◯≦)・゜゜・。・
それに・・管理画面のヘルプも・・・
(タイトル画像を交換するには〜?)・・←っていう項目なんて、
どこにぃーーも無い!!し・・・・(;O;)(T_T)・・・
σ(o^_^o)のような・・激初心者向けでは無い!!!
みたいですうぅぅ〜(^ー^;A m(..;))m /vvvvv]
あ゛っ、ここで言っても仕方ないのに・・ごめんなさいねぇぇ!!!グチ・・・( ̄  ̄;)(*^ - ^*)ゞ
いろいろとありがとうございました!!\(*^o^*)/vvvm(__)m/vv
こちらこそ、テンプレートをお使い下さってありがとうございます。
気に入って頂けて光栄です。
またまた、素敵なテンプレートをお借り致します。
これから春なので、爽やかなこのテンプレートがピッタリです。
これからも素敵なテンプレートを期待しています。
ご報告を下さりどうもありがとうございます。こちらこそ、またテンプレートをお使い頂けて嬉しいです。
私もそろそろ…テンプレート作りを再開しようかな(^^;
Comment Form