- date
- 050531
- category:
- template > sb用
- author:
- ユヅ
[sbテンプレート]雨色ドロップ ver1.21
sb用テンプレート 雨色ドロップ
ver 1.21 (06.02.07)
動作サンプル、個別エントリー部
コロンとした雨粒と優しい雨色を使ったテンプレートです。 利用の前にお読み下さい
テンプレートの使い方
記事の横幅について
以下のブラウザで正常に動作確認をしています。
update
DOWNLOAD(LZH形式)
ver 1.21 (06.02.07)
動作サンプル、個別エントリー部
コロンとした雨粒と優しい雨色を使ったテンプレートです。 利用の前にお読み下さい
・使用している画像の当テンプレート以外への流用はお控え下さるようお願いします。
・恥ずかしいので再配布はご遠慮下さい。
・このファイルを利用して起こったいかなる損害も保証は出来ません。
・著作権表示は、blog*citronという名前とリンク先URLに間違いがなければ、文章や位置の変更は自由です。やむをえない理由でない限りはできるだけ残しておいてほしいなあと思います。
・カスタマイズはご自由にどうぞ。
・不具合や修正があれば随時verupを行いますので、出来るだけ最新verをお使い下さるようお願いします。
テンプレートの使い方
1:ダウンロードしたファイルを解凍して下さい。
2:解凍して出来たフォルダの中にtemplate.txtがあれば成功です。
3:SBにログイン→設定メニュー→テンプレートの「インポート」のところからtemplate.txtを選択して読み込んで完了!
記事の横幅について
エントリーとサイドバーの上下の角丸の枠は幅固定の画像になっています。エントリーやサイドバーの幅を変更されたい場合は、画像をお好みの幅に加工して下さい。(セルフサービスでお願いします…;)
▼各ファイル名一覧
エントリー上部:bc008_mainhead.gif
エントリー下部:bc008_mainbtm.gif
サイドバー上部:bc008_navihead.gif
サイドバー下部:bc008_navibtm.gif
以下のブラウザで正常に動作確認をしています。
winXP: IE6.0 / NN7.1 / Opera8.0 / Firefox1.03
MacOS9 : IE5.2 / NN 7.1
update
- 1.21(06.02.07)
リストにアイコンと、記事編集画面と管理画面へのリンクを追加。- 1.20(05.06.05)
ナビバー下部の高さやfloat関係の対応。詳細- 1.10(05.06.04)
entry_moreの位置変更とそれにともなうCSS調整- 1.00(05.05.31)
配布開始
DOWNLOAD(LZH形式)
Comments
コメントエリアをスクロールする / スクロールを解除する
ユヅさんに質問があって来たら新しいのがっ!
うわ~、このテンプレートとっても可愛いですね!
コレなら梅雨も楽しく思えそうなくらい♪
蜂蜜ドロップもとても気になります。^^
で、質問というのはw」w」、記事のタイトルの前にアイコンを表示させたくて(ここのはりねずみちゃんのように表示させたい)色々カスタマイズしてみたのですが上手くいきません。
スタイルシートをいじれば良いんだろうとは思うのですがw」w」。
アドバイス頂けたらと思いまして伺いました。
今、「小梅」テンプレート使わせて頂いています。
お返事頂けると嬉しいです。(違うエントリ記事に書いてすみません)
ヾ(@^▽^@)ノ ワーイ
新作がでてますね~~
さっそくいただきました
ありがとうございまぁす
こんにちはー。朝和です。
すごく可愛らしいですね。さっそく使わせて頂きます。
ハチミツと聞いて、とっさにハチクロを思い浮かべてしまいました(苦笑)
蜂蜜ver.も楽しみにしています。
それでは。
わーい新作~
ってこのあいだ別のに変えたばかりだというのに浮気者な私……
新作嬉しいです。
梅雨の季節らしいですね~。
早速質問で申し訳ございませんが、画像が入った時に記事枠のテーブルが崩れてしまってるようなのですが、修正はどのようにしたらよろしいでしょうか?
●ラリケンママさん
こんにちは。
CSSで表示させたければ、タイトル部分のclassは「h2.entry_title」なので、ここにbackgroundのno-repeatで指定すればよいでしょう。padding値はアイコンのサイズにあわせて上手く表示されるように上下左右調整して下さい。
padding:上px,右px,下px,左px;
↑この順番になっています。
h2.entry_titleを作ったら、最初に書かれているh2のCSSも合わせて適用されますので、それが嫌な場合は残っているh2をh2.tb_title,h2.com_title,h2.prof_titleと改名しておくと回避できます。
●towaさん
ヽ(´ー`)ノワーイ
雨モノを作ろう作ろうと思ってもう6月まで日がないよ!と慌ててリリースです(笑)
●朝和さん
こんにちはー^^
ハチミツとクローバーでしたっけ・・・読んだことはないんですけど眼鏡フェチとしては眼鏡の男の子がいるのが気になりました(笑)
●Juraさん
にやり。
Juraさんちのテンプレートのサイクルも中々早いですよね(*´ー`*)
●kmamaさん
こんにちはー。
画像にもclearを設定しているので、2つ以上並べるときは縦になります。
よく複数画像を使うから横にしたいのだ!という場合は、img.thumbのclear:left;を削除し、clearつきのthumb2(任意)のclassを作って使い分けてはいかがでしょう。あとはentry_stateにもclear:both;をつけてみてください。
ユヅさん
ありがとうございました。
教えてもらった通りにしたら
テーブルも直りました。
ありがとうございました。
アイコン、上手く表示出来ましたっ!
CSSも勉強になりました。
お忙しい所、素早いお返事ありがとうございました!
こんばんわ。
新作とっても可愛いですね。
一目ぼれしたので頂いていきますね。蜂蜜ドロップも楽しみにしてます♪
こんばんわ。
いつもいつも、本当にどれも可愛いテンプレートですね!!
早速、使わせていただきますね!!
ユヅさん、おはようございます。
コメントを残すのは初めてですが、いつもお邪魔させていただいています(*^_^*)
今回、こちらのテンプレートにひとめぼれしてしまったので、さっそく使わせていただきました。
本当に素敵です♪♪
ユヅさん、こんにちは!
「雨色ドロップ」早速使わせていただき、TB送らせていただきました。ありがとうございます!
いつもステキでキレイなテンプレートで、インストールするたびに嬉しくなってしまいます(*´ω`)
雨色も季節にぴったりで、本当にかわいいです♪
こんにちは♪いつもお世話になってます。
以前は桜バージョンを使わせていただいてました。
そろそろ変えようかなあと思っていたら、こんなにかわいいテンプレが!
早速使わせていただいてま~す。
こんにちは。
可愛いですね~
梅雨の季節にピッタリ♪
使わせていただきます(*^_^*)
ありがとうござます。
このテンプレート、とってもかわいいです。もう、ツボです(はぁと)いつもありがとうございます♪
いつもユヅさんのセンスの良さには驚かされます。
今回のテンプレも素敵~
o(´^`)o ウー変えたくなってきました(^-^;
ユヅさんこんにちは。
お邪魔したら新しいテンプレが公開されていて、拝見するともうすごく素敵だったので、悩んだ挙句「雨色ドロップ」を使わせていただきました。シンプルなのにすごく可愛くて、毎回ユヅさんの素敵なテンプレに心奪われてます。配布していただいてありがとうございました。
これからもお世話になると思いますので、よろしくお願いします。
それでは失礼いたします。
コンバンハ^^
ものすンごく可愛いテンプレートにウキウキしちゃってますv
ユヅさんの作られるテンプレは心惹かれるものばかりです。どれもこれもお借りしたい! と思ってしまいます(*^。^*)
季節に合わせて、雨色を本家にお借りしました。蜂蜜verも別館でお借りしようと思っております。
雨色…でも雨の憂鬱さをさわやかさに変えるデザインでいらっしゃると思います。おかげさまで私の憂鬱も少し吹き飛びました。
いつも素敵なテンプレートを配布いただき、本当に感謝しています。ありがとうございます。
ユヅさんこんにちは。朝和です。
何度もすみません。少し質問させて頂きたくて書き込みしました。
只今、雨色ドロップを使わせて頂いています。
横のスクロールバーの色変更をcssで設定したのですが、うまく反映されないようです。ハリネズミの方はきちんと反映されていたので、タグに問題はないと思うのですが。
何か変更点がありましたら、教えて頂けないでしょうか。
●かおりさん
こんばんは。
わわ、ひとめぼれなんて光栄です。
蜂蜜の方も気に入っていただけると嬉しいです^^
●maccoさん
こんにちはー^^
コメント有難うございます。
是非雨気分を楽しんでくださいませ♪
●fuyuさん
こんにちは。
お初のコメント有難うございます。
早速使ってくださってるんですね♪使い心地も気に入っていただけるといいのですが^^
●智さん
智さんこんにちは。
TBもどうもですー♪
6月にあわせて雨模様を!とおもっていたので間に合ってほっとしています;
ちなみに智さんちの拍手のアニメが気に入っています(笑)
●gonさん
こんにちはー^^
桜から雨へ、季節の移り変わりとともにテンプレも衣替えですね^^
●ちぃずさん
こんにちは。
ご利用報告有難うございます~^^
今が旬のものになっております(笑)
●hanaさん
こんにちはですv
ツボ突いちゃいましたか(はぁと)
さっそくのご利用ありがとございますー^^
●ルナさん
ルナさんこんにちは。
コメント有難うございます。
あわわ、なんだか褒め殺しですよ…!
こちらこそよろしくお願いします(*´ー`*)
●きょんさん
こんばんは~^^
どれもこれも容量の許す限りお持ちください(笑)
本家と別館でお揃いにするのも可愛くてよさそうですね♪
雨はモチーフとしてはすきなのですが、外に出るときは憂鬱になりますねー;
梅雨の季節乗り切りましょう♪
●朝和さん
CSSの1番上の
* {}
の部分に入れていただければ反映されると思いますよ~(IEのみ実装)
テンプレートのデザインによって構成やCSSも多少異なりますので、若干の違いはあると思います。ドロップ系はIEでも標準モードで表示させるようにしているため、CSSにより正確さが求められるせいかな?と思ってみたり。
朝和です。
ちょうどタイミングよくお返事頂けたのですね(笑)
ご指摘のところに入れたら、うまくできました。
作る技術がないので分かりませんが、CGIや配布されている素材、テンプレで少しずつ勉強させて頂いています。面白くなって徹夜することも多いですが…(苦笑)
アドバイス、ありがとうございました。
今後も楽しみにしております。それでは。
ユヅさんこんばんわ^^
今回もステキなテンプレートですね^^
毎回問題児のわたしですがw」w」w」
今回もですw」w」w」
今回のテンプレートを使うと、エントリーの写真から半分に切れてしまうのです;_;
お暇なときにでも解決法を教えてくれたらうれしいです^^
こんにちは!
(覚えてらっしゃいますでしょうか?さるGです)
BLOGはじめたので、テンプレつかわせていただきます。
超好みなテンプレを見つけられて嬉しいです(*´∇`*)
●朝和さん
うまくいってなによりです^^
うっかり夢中になって徹夜には注意です(笑)
●サチさん
verupしてもらえれば直ると思います^^
(entry_moreにclear設定すればいいんですけど、そうするとmacIEでentry_more内での画像の回り込みが無効になるバグがあるので色々他の方法をとっています;;)
●ニッカさん
こんにちはー
わぁ、お久しぶりです^^お元気でしたでしょうか。
ゴルフはじめられたのですね!
またお邪魔しますね(*'-')/
ユヅさんお忙しいのに恐縮ですが、質問があります。
このテンプレの右下のほうに[count : ○ hits! ]という部分がありますが、このカウントは当日分だけしか表示されないのですか?オールカウントじゃないんですよね?(´w」ωw」`)
●ニッカさん
オールカウントですよ。
さらに各エントリーにcollect_logが含まれている場合はエントリー毎にカウントされます。
(これをはずすには、HTMLを個別エントリHTMLにコピペして、個別エントリの方からcollect_logを削除すればOK)
ただし同一IPの連続アクセスは記録しないので、自分で更新を押しても自分の分はカウントされません。
いつもお世話になっております。
かなり事後報告になりますが、雨色ドロップ使用させていただきました。
質問なのですが、画像の回り込みを使用すると、本文が全部消えてしまう現象が起きています。ドラッグすると表示されるんですがw」w」w」。お暇な時に解決方法をお教えいただけないでしょうか。
●ありのさん
まず、アップデートはされていますでしょうか。linkを参考にまだ修正されてない部分があれば修正していただけますか。
また、カスタマイズをされた場合、カスタマイズをしていないテンプレートでも同じことが起こるか確認してください。
その上で直らなければコメントか拍手のほうから実際にその症状が起きているURLを教えて下さいませ。
ありがとうございます!
オールカウントでしたか~。
じゃぁ。ハッスル鯖にもともとついてるカウントは自分で更新した場合もカウントされて数が多くなってるんですね。
すっきりしました~(*´∇`*)
ユヅ様、はじめまして。
この度は雨色ドロップを使用させて頂き誠にありがとうございます。
早速質問で大変恐縮ですが、記事内に写真を入れると記事のテーブル幅が崩れてサイドバーが下の方へずれてすまうのですが、どの様にすれば修正出来るのでしょうか。以前のコメントに同じ様な質問がございましたが、私の知識不足で理解する事が出来ませんでした。すみません。
お忙しい所誠に申し訳ございませんが、私のブログURLをリンクさせて頂きましたので、一度ご覧頂きまして修正方法を教えて頂ければ幸いでございます。
どうぞよろしくお願い致します。
●Tinyさん
写真ではなくて、文字の問題ですね。qを連続して何十字と入力されているのが原因です。
「連続した半角英数の文字は改行されない」というブラウザの仕様によるものです。
通常の文章ですと、日本語なら自動的に改行されますし、英語の文章でも単語と単語の間で改行が入ります。
テスト投稿を日本語でされれば表示が直ると思いますよ^^
ユヅ様、早速のご返答ありがとうございました!
「連続した半角英数の文字は改行されない」と言う事すら知らず恥かしい限りでございます(汗 また一つ勉強になりました。
日本語でテスト投稿し直しましたら、無事に改行され表示も直りました。
この度は本当にありがとうございました。また新作のテンプレ等も楽しみにしておりますので、これからも是非頑張って下さい!! ありがとうございました!
こんにちは
先日はコメントありがとうございます。
け…結局頭の中がグチャグチャになりそうだったのでこちらのテンプレをお借りしてカスタマしてみました(爆
ありがとうございました。
ダウンロードさせていただきました♪
いつもかわいいテンプレートをありがとうございます。
ところでドットの部分はどうやってつくるのでしょうかw」w」w」?
●じゅんさん
こんにちは。
カスタマイズの前にバックアップを忘れなければ何度でもやり直し出来るので、じっくり腰をすえて頑張ってください(笑)
●kacoさん
こんにちは。
ドットの部分というのは、サイドバーの罫線のことでしょうか。
それでしたら壁紙になってますので、適用したいところにサイドバーのdd ulに指定しているのと同じ壁紙を設定して下さい。
ただしフォントサイズが10px,行間17px固定です。高さを崩すような画像や太文字が混ざるとズレますのでご注意下さい^^
お返事ありがとうございます。
w」w」w」↑のエントリーの利用の前にお読みくださいやテンプレートの使い方のところで使っているドット模様の壁紙のことでしたw」w」w」
もしよろしかったら教えていただけたらうれしいです。
何度か来させて頂いてどれをお借りしようか迷っていたのですが、雨色ドロップのテンプレお借りしま~す!
ユヅさん、いつもお世話になってます。
雨色テンプレをDLさせていただきました。
自分でいろいろ弄っていたのですが、どうも困ったことが出てきたので教えていただけないでしょうか?
タイトルを画像にしたのですが、開いた時はすぐに表示されるのですが、1つの記事を表示するとinfoに移したブログの説明とかが上に表示されたり、コメント指定ジャンプがきいてなかったり・・・
あら?と思っていろいろやってるのですが、ユヅさんのお時間あるときに教えていただけると嬉しいです。
●アキさん
「個別エントリのHTMLを編集するのを忘れている」で間違いないかと。
ベースHTML→トップページ
個別エントリHTML→1日ごとや月ごとのアーカイブ用
となっています。
共通して適用させたいカスタマイズは両方修整してあげる必要があります。
わわ、ユヅさんお早いお返事ありがとうございました。
さっそくやってみました。
出来ました(爆
ちゃんと読んだら分かったのに、お恥ずかしいです・・・
本当にありがとうございました。
はじめまして!とてもかわいいテンプレートですね!ぜひ、使わせてください!
質問なのですが・・これに
link
のようなものを貼り付けることは出来るのでしょうか?
よろしくお願いいたします!!
●miyuさん
こんにちはー^^
多少なりともHTMLの知識があり、HTMLを編集することができれば出来ます。
私は使ってないのでコードは知りませんが、ブログペットとか音ログとかと同じですね。
テンプレートの編集画面で、ベースHTMLテンプレートの挿入したい部分に貼り付けタグを入れればよいかと。
他のメニュー部分のように外観をそろえるのであれば、<dl>から</dl>までのセットをidの名前を固有のものにして作ってあげるとよいです。
ユヅさん、こんにちわ^^
いつもお世話になっております。<(_ _)>
遅くなりましたが、こちらのテンプレをお借りしています^^
いつも、ありがとうございます^^
これからも、頑張ってください^^
はじめまして!とってもすてきなテンプレート、使わせていただきています。ありがとうございます!
ひとつ質問なのですが・・
コメントを、新しいもの順ではなく、記事別に表示することはできないでしょうか?
教えていただけるとうれしいです!どうぞよろしくお願いいたします!!
ユヅさん、
「はじめまして!とてもかわいいテンプレートですね!ぜひ、使わせてください!
質問なのですが・・これに
LINK
のようなものを貼り付けることは出来るのでしょうか?
よろしくお願いいたします!! 」の件、お返事アリガトウございました!さっそくやって見ましたら、無事、表示・・されたと思ったら、再構築したらまた消えていたり・・(汗)です(T-T)
また、すぐ上に
「コメントを、新しいもの順ではなく、記事別に表示することはできないでしょうか?」と書きましたが、ツリー表示、イロイロ検索してやっているところです・・スタイルシートはどのフォルダのスタイルシートを書き換えればいいのでしょうか・・本当にチンプンカンプンですみません!!
もしお時間がございましたら、よろしくお願いいたします!!
はじめまして。
こちらのテンプレートを以前から虎視眈々と「DLしたいDLしたい」と目を付けてました。
ありがたくDLさせていただきました。
またお世話になるかも知れませんがよろしくお願い致します。
どうもありがとうございました。
ユヅさん こんにちは。雨色ドロップ、とてもキュートなテンプレートで、早々DLさせて頂きました。そこで質問なのですが、記事やコメントのフォントカラーを変更したいのですが、どこのタグを変更するば良いでしょうか?初心者質問で申し訳ありません。現在は記事、コメント共に表示カラーが薄いグレーですが、ちなみに希望のフォントカラーコメントフォーム入力時の文字の色(記事やコメント表示部の日付けや時間の色・茶色です)
記事、コメント表示共にこの茶色のフォントカラーにしたいのです。宜しくお願い致します_(__)_
今頃ですがテンプレお借りしました!
とっても可愛いです!!
●ckさん
こんにちは。
コメント有難うございました。
明るい水色になりましたねー^^
これからもよろしくです~
●miyuさん
コメントのツリー化プラグインはboleroさんち(link)にありますよー。独自タグ書き換えるだけなんで楽かと。
あとHTMLとCSSの編集は、フォルダのスタイルシートをいじるのではなくて、管理画面からログインして設定メニューの「テンプレート」から「編集」で出てきます。
このへんはヘルプに書いてあるのでヘルプをよく読んでみてくださいね。
●まきこさん
はじめまして。
コメント有難うございます^^
虎視眈々と熱い視線に火傷してしまいそうです(*ノノ)
かわいがってやってくださいませ(笑)
●tomomiさん
テンプレートの編集で、CSSを編集すればオッケーです。
CSSの書き方はこちらを参考にして下さい→link
記事の本文はdiv.entry_body、続きはdiv.entry_more、コメント部分はdiv.comment dl.body ddという風に設定しています。
茶色のカラーコードは#8B7355ですので、変更したい部分のCSSの colorをそれに書き換えればよいかとー。
●高梨さん
こんにちは。
テンプレご利用報告有難うございました^^
気に入っていただけて嬉しいですv
ユヅさん ご親切な回答本当にどうも有難うございます!早々フォントカラーの変更をさせて頂きました。これかも色んな新作楽しみにしています。頑張ってお体に気をつけて下さい。
ユヅさん、できました!
雨色ドロップのテンプレート編集の横にチェックする□がなかったので、編集できないと思ってたんです・・編集の文字をクリックすればよかったのですね(^-^;)
ほんと初歩的以前の質問にも丁寧に答えてくださって本当にありがとうございました!
これからも頑張ってくださいね(*^-^*)
こんばんは。
ユズさんのテンプレートをお借りしました。(雨色&1カラム)
どれも可愛くて素敵ですね~迷っちゃいます。
カスタマイズの記事などもいろいろ参考にさせていただいてます。
ありがとうございました♪
●tomoさん
こんばんは。
テンプレご利用報告有難うございます^^
MTからのお引越しなのですね。sbはテンプレート関係がとても簡単かつデザインしやすいので、改装もらくちんですよ♪
はじめまして♪
テンプレを使用させてもらってます!
ユヅさんのブログを見てSBに挑戦してみました!まだトラバの意味も分かってない状態だったので使用報告が遅れてしまいました(ごめんなさい)
カスタマイズの方も参考にさせてもらってます!ありがとうございます!
テンプレの方をすごくカスタマイズしちゃっているので、もしダメな部分があったら言って下さい。でわ、これからもよろしくお願いします(´wィ`○)
●ちーさん
はじめまして。
テンプレご利用報告有難うございます。
sbデビューおめでとうございまーす(ぱちぱち)
テンプレは再配布は禁止ですがカスタマイズはokですよ^^
ちなみにsbとSereneBachは別物です。sbの後継スクリプトがSBなんですよ。プレステとプレステ2みたいなものです(笑)
こんにちは。
教えていただきたいのですが、
「針ねずみノート」のテンプレでは【韓国語】が表示されるのに、
「雨色ドロップ」のテンプレでは【韓国語】が「・・・」という感じで表示されません。
どこを直すと表示されるようになりますか?
●ちむ。さん
調べてみたところ、winIE6.0 5.5でのみ起こるようですね。
HTMLテンプレートの最初の方にある、<html xmlns="link xml:lang="ja" lang="ja">の、最後のlang="ja"を削除してみて下さい。
テストではこれで上手くいったのですが、winIE6での数値参照文字に関しては、他の要因(IEが原因によるもの)でも文字化けすることもあるようです。
初めまして。雨色ドロップのテンプレートをお借りしました。
sbを設置するのは初めてで時間がかかりましたが、その分とても愛しいです。(笑)
素敵なテンプレートをどうもありがとうございました。
またまたの質問で恐縮です。
記事の部分の文字が出ないときがあります。
どうしてでしょうか?
全部が出ないなら分かりますが、
記事ごとに出る場合もあれば出ない場合もあって困っています。
お願いします。
●nyonyokoさん
こんにちは。
コメント有難うございます。
最初の設置は中々初めてだと慣れなくてやりにくいかもしれませんね。お疲れ様でした^^
●ちむ。さん
winIEの表示バグです。
winIEではfloatを使ったものが記事内にあるときに、テキストが一部消えることがあります。
他のブラウザでは正常に表示されています。
一応回避策としては、CSSにdiv.entry_bodyと、entry_moreに、width:370px;を追記してください。
今後記事幅を変える場合は、#mainとあわせて上記2箇所のサイズも修正するようにしてください。
ユヅさんDL出来ません(涙)。
DLボタンを押すとファイルが存在しないと出て。。。
link
●みよさん
修整しました。ご連絡ありがとうございます。
初めまして、ブログ初心者です。
雨色ドロップを使わしてください。
ドロップを消したのですが、(すみません1番のチャームポイントなのに)色の番号がわかりません。
画面の右側のところです。
宜しくオネがいい致します。
貴テンプレートのバックグラウンドを変更したいのですが、URLを見ていただけるとわかるのですが、
一部だけしか変わりません。
前面を同じようにするにはどうしたよろしいでしょうか。
yamaさん>
CSSの下記の部分がbodyの設定です。
body {
margin: 0;
padding: 0;
background: #aec9ce url({site_parts}bc008_rainbg.gif) repeat-y 710px 0;
}
ここのbackground要素で、『 repeat-y 710px 0』というところを削除すると、背景全体に壁紙が適用されます。
色を変更したい場合は、『#aec9ce』というのをお好みのカラーコードに変更して下さい。
うわー、すごくわかりやすい。
どうもありがとうございます。
お手数かけました。
ありがとうございます。
yama