- date
- 050128
- category:
- template > sb用
- author:
- ユヅ
[sbテンプレート]金糸雀 ver1.20
sb用テンプレート 金糸雀(カナリア)ver 1.20 (06.02.03up!)
黄金色と藍色のきりりと凛々しい色合いです。
動作サンプル、個別エントリー部
利用の前にお読み下さい
・使用している画像の当テンプレート以外への流用はお控え下さるようお願いします。
・恥ずかしいので再配布はご遠慮下さい。
・このファイルを利用して起こったいかなる損害も保証は出来ません。
・著作権表示は、blog*citronという名前とリンク先URLに間違いがなければ、文章や位置の変更は自由です。やむをえない理由でない限りはできるだけ残しておいてほしいなあと思います。
・カスタマイズはご自由にどうぞ。
・不具合や修正があれば随時verupを行いますので、出来るだけ最新verをお使い下さるようお願いします。
テンプレートの使い方
1:ダウンロードしたファイルを解凍して下さい。
2:解凍して出来たフォルダの中にtemplate.txtとOmakeフォルダがあれば成功です。
3:SBにログイン→設定メニュー→テンプレートの「インポート」のところからtemplate.txtを選択して読み込んで完了!
こんなオマケが一緒に入っています
オマケ1:お揃いの80*15サイズのバナー台
オマケ2:折り畳みスクリプト用のOPEN,CLOSEアイコン
(スクリプトはこちらがオススメ)
動作確認
winXP: IE6.0 / NN7.1 / Opera8.0 / Firefox1.03
Mac : IE5.2 / NN 7.1
update
- 1.20(06.02.03)
マイナーチェンジ。記事の編集リンクと管理画面のリンクを追加。デザインもちょこちょこと変更したりアイコンが増えたり。- 1.11(05.04.29)
トラックバック自動検出に対応。コメントとTBのタイトルにidを追加。img.pictとimg.thumbにclear:leftを追加。エントリ内のみリストマークを表示させるように変更。- 1.10(05.03.10)
HTMLとCSS書き直し。デフォルトの文字サイズは小さめに。記事の左右ボーダー部分等、一部のブラウザで存在した表示の違いも修正済み。- 1.00(05.01.28)
1.00公開
DOWNLOAD(LZH形式)
Comments
コメントエリアをスクロールする / スクロールを解除する
コメントテスト。
こんな感じで表示されます。
はじめまして!ずっと前から通ってました。
私もブログを始めようとおもい、カナリアのテンプレートをダウンロードさせていただきました。
ユヅさんのテンプレが使えて嬉しいです。まだ設置できてないのですが、出来たら報告しますね!
●minaさん
はじめまして、こんにちはー。
おおー、ブログデビウですか!
設置頑張ってくださいね。始められたら拝見しにいきますv
ユヅさん、初めまして^^
ユヅさんの素材屋さんも大好きで、今回、テンプレが公開されてとっても嬉しいです。早速、お借りしました。
ありがとうございます^^サイトの雰囲気に合わせて少しカスタマイズさせていただきました。
ところで、本文の文字をこちらのようにもっと小さくしたいのですが、どの部分の数字を変えたらいいのでしょうか?
初歩的な質問で恥ずかしいのですが・・・
教えていただけると嬉しいです。
よろしくお願いします。
●Ricoさん
はじめまして、こんにちは。
ブログ名通りのナチュラルで優しい雰囲気のデザインになりましたね^^
本文の文字は、CSSの以下の部分を直します。
div.entry_body {
margin: 0px;
padding: 15px 20px 5px 20px;
font-size: 12px;
line-height: 1.7em;
color: #666;
}
このfont-size:12pxを好きなサイズにどうぞ。うちは10pxですが、10px以下は文字が潰れると思います(笑)
また、"記事の続き"の部分も同じ文字サイズにしたい場合は下記のところのfont-sizeも修正してあげて下さい。
div.entry_more {
margin: 0px;
padding: 5px 20px 15px 20px;
font-size: 12px;
line-height: 1.7em;
color: #666;
}
line-heightは行間、colorは文字色、marginとpaddingは余白調整に相当しています。marginとpaddingは大きくいじると全体的な調整が必要になることもあるので、不満がなければそのままのほうがおすすめです。
ユヅさん、こんばんは!
早速、お答えいただきありがとうございます^^
おかげさまで文字、小さくなりました。
これからも素材やテンプレ、楽しみにしてます(*^-^*)
ユヅさん、はじめまして♪
テンプレートお借りしました。
壁紙など変えてカスタマイズしましたが
とっても気にいっています!
どうもありがとうございました♪
●Ricoさん
こんばんは!
上手くいったようで何よりです!
今Ricoさんちを拝見したら、豚の角煮がとても美味しそうでおなかがすいてしまいました(笑)
お料理上手なのですねー^^
●mikiさん
はじめまして、こんにちは。
テンプレ使用有難うございます。
パンの写真に茶色がよく合ってますね^^
壁紙とCSSの色を変更するだけでガラッと模様替えできるテンプレートなので、mikiさん好みに仕上げてあげてくださいませ^^
はじめまして。
Blog Peopleに追加して下さって
ありがとうございました★
どうぞよろしくお願いします。
テンプレートと素材、使わせていただきました。
テンプレートはカスタマイズしましたが、とてもシンプルだけど可愛くてお気に入りです。
新作も楽しみにしています。
リンクも張らせていただきました(^^)
●ヒロさん
はじめまして^^
かっこよくカスタマイズされてますねー!壁紙にweb*citronの方の素材もあわせてもらえて嬉しいです♪
リンクも有難うございました~!
あ、オーラソーマのカラーリーディング、私も以前にやりましたv
もう1度やってみようかな^^
ユヅさん。はじめまして^^
”カナリア”のテンプレートをお借りしました。
ありがとうございます!
ブログはまだ始めたばかりなのですが、
かわいくて機能的で・・感激しています♪
新作のテンプレートもとってもかわいいですね。はりねずみ大好きなんですよ~*^^*
これからも楽しみにしていますので、ご無理なさらぬ程度にがんばってくださいね。
はじめまして。
sb設置にあたりテンプレートお借りしました。ありがとうございました。
とってもシンプルですがかわいいですね。
また新しいテンプレも製作中だそうですが楽しみにしています。
リンクも貼らせていただきました。
●misato*さん
はじめまして^^
ブログデビューおめでとうございまーす!
はじめると楽しくなるカスタマイズ、私のへちょいのよりもっと素敵なテンプレにしてあげてください(笑)
針ねずみ可愛いですよねー!(*´△`)
●towaharuさん
はじめまして、こんにちは。
テンプレ気に入っていただけて嬉しいです^^
使っていくうちにお気付きの点などがありましたら、参考にさせていただきますのでぜひ教えて下さいねv
リンクも有難うございました!
はじめまして、素材のほうを時々お借りしていましたが、素敵なsbのテンプレートに一目ぼれです。お借りしていきます、ありがとうございました。
ユヅさん、はじめまして^^
テンプレートお借りしました。
針ねずみのテンプレートをお借りしたかったのですが
このタイプのテンプレートが欲しかったので
自分で針ねずみのテンプレートにしてしまったのですがよろしかったでしょうか?
お返事お待ちしています。
●hiyoriさん
こんにちは。
一目ぼれありがとうございます(笑)
sbの着せ替え楽しんでくださいませ。
●こぅさん
はじめましてー^^
blog*citronのテンプレ外への流用でなければOKです。
背景も針ネズミになってかわいいですねv
初めまして。
テンプレートいただきました!
とても可愛くて気に入っています。
sbはJUGEMの避難所として使ってたんですが、
このテンプレがとても可愛かったので
とうとう完全移行しました(・∀・)v
ありがとうございます!
ユヅさん!
テンプレありがとうございます!!
拝借させていただきました。
sb導入してから、自分で改造しようと
しても、無理でw
テンプレート探そうとするも、なかなか
テンプレート作ってる人いないじゃないですか
そして見つけたのがココ!!しかもカッコいい!!
メチャメチャ気に入ったので使わせていただきます。ゴチ!!
貴方の様ないわゆる「神」が居てくれるから凡夫は助かりますのです。
初めまして
テンプレートをお借りしました
自分なりにカスタマイズして使わせてもらってます
まだやりたいこと(ナビゲーションの折り畳みなど)をまたこちらのサイトを参考にさせてもらいますね
どうもありがとうございました
ユヅさん、はじめまして。
前からたびたびお邪魔していました。
実は今日、firefoxをインストールして自分のblogを見てみたら、
表示のひどさにかなりショックを受けてしまい、
慌ててテンプレートを変更中です。
前からお借りしたいな、と思っていたこちらのカナリアのテンプレートを
お借りしようと思い、ダウンロードしてみたのですが、
今度はIEでの表示がヘンなのです。
ダウンロードしたまま、今のところ何の変更もしていません。
こんな風になります。
link
(IEで見るとサイドバーが下のほうに行ってしまっています。)
思い当たることといえば、
記事にテーブルタグを使っていることくらいなんですが...。
何かヒントがあれば、教えていただきたいのですが。
よろしくお願いします。
テーブルタグを使っている記事のテーブル部分を一度カットして保存しなおし→なおっていればテーブルが原因です。
記事の幅を超えるようなものがあると、横に押し出されるようなかんじでナビバーは下に下がります。
幅の計算については、widthの値のほかにmarginとpaddingが加わり、IEではその計算式が他と異なります。(Firefox等のほうが正しいものであり、IEも今後修正予定とのこと)
記事の内容からすれば、引用をあらわすblockquoteの方がより適正かと思います。テーブルが原因でしたらテーブルではなく幅が自動で合わせられるblockquoteを使うといいでしょう。
ユヅさん、さっそくの返事ありがとうございます。
やっぱりテーブルタグが原因なんでしょうか。
過去の記事も全部検索して、テーブルタグを削除しましたが、直りませんでした。
お手上げ状態です。
もうちょっといろいろやってみますが...。
もう1つお聞きしていいですか?
このテンプレート、IEで見ると、周りが線で囲まれているのですが、
Firefoxだと、線が見えないようです。
これは仕方ないのでしょうか?
ブラウザを変えてみたのは初めてだったんですが、いろいろ違うものですね。
まだまだ勉強が足りないな、と思いました。
ありがとうございました。
●あどさん
こんにちは。
デフォルトの状態で出た不具合なら再現して原因を調べられるのですが、既存のエントリーに含まれるタグでまではこちらで再現できないので、何ともアドバイスができません。エントリーの中で書かれたタグやカスタマイズされた部分で大きく違いがでてくることもあります…。
ブログのエントリー内では幅を固定するようなものを出来るだけ避けたり、や、floatとclearの扱いに気をつけるとトラブルがおきにくいと思いますよ。
ボーダーについては動作確認の欄に予め記載していますよ。
かえられないこともないのですがそうすると他の場所により影響が出るのと、そんなに重要なポイントじゃないので変更の予定はありません。
ちなみに今使ってらっしゃるテンプレートでも、IE以外ではエントリーの本文がフロートされていないようです…。頑張ってくださいませ。
ユヅさん、たびたびすみません。
原因がわかりました。
記事内に置いていたラインが原因でした。
もしかして、ラインが長いのかも?と思って撤去したところ、直りました。
本当にありがとうございました。
それと、両端の黒線の件、よく読まないで書き込んでしまって、
申し訳ありません。
> ちなみに今使ってらっしゃるテンプレートでも、
IE以外ではエントリーの本文がフロートされていないようです…。
そうなんです。それで慌ててるって訳なのです(T_T)
これからいろいろ直さなきゃないところがあり、
公開はいつになるかわかりませんが、
またご報告に来ます。
お時間をとらせてしまい、申し訳ありませんでした。
助かりました。
どうもありがとうございました。
ユヅさん、たびたびすみません。
テンプレート、カスタマイズの途中なんですが、今日公開しました。
トラックバックも送信しました。
何回もコメントしてしまってすみません。
またいろいろ、参考にさせていただきたいと思ってます。
よろしくお願いします。
はじめまして。こちらのテンプレートがとても気に入って カスタマイズしていますが使わせてもらってます(^ ^)
二つ教えていただきたいことがあるのですが、
一つ目はカスタマイズの具合が悪かったのかも知れませんが"カレンダー”の右端が少し欠けてる?のです。余分な線が入ってるのかも知れませんが、ここをなくすにはどうしたらいいか?ということと
・LINKにblogpeopleを貼り付けたのですが、LINK先を別のウィンドウで開くにはどうしたらいいのかを教えていただきたいなと思います(現状では今開いてるウィンドウに表示されてしまいます)
これはこのテンプレートの特性なのか もしかしたら私の知識不足なのか・・初心者なもんでそれすら分からないのです(恥)
どうぞよろしくお願いいたします
●さなえさん
今確認したところ、右端の分だけ足りなくなっているのはIEのみですね。IEは幅の計算が正確できないので…。
カレンダーのdiv.calendarの部分にwidth:700px;と付け足してあげれば直ると思います。
次に2つ目ですが、「Linkに貼ったBlogPeopleのリストからリスト先のサイトに飛ぶ時に別窓で開く」ということでしょうか?
それでしたらば、BlogPeopleの管理画面で設定できたはずですよ。
CSSではリンク先のTarget指定はしませんので(笑)
ユヅさん!ありがとうございます。両方とも解決できました^^
特に二つ目の方・・簡単な方法・・と言うかただ見落としてただけなのに(^_^;)うっかりものです。。
カレンダー幅もIE以外でも確認していただけて恐縮です・・そうかIEは幅計算が出来ないんですねっいい勉強になりました。
これからもまた楽しいテンプレート発表してくださいね♪待ってます(*'-'*)
またまた登場ですみません・・・とても親切な方がIE以外での表示を教えてくださったのですが、link
(firefoxとNN7.0で)になっているそうです。
あれからテーブル幅を800に変更したのですが、それによっておかしくなったのでしょうかね?
またまたどこをいじっていいかわからくて 本当に度々すみません。
それと blogpeopleにリンクもさせていただいてもいいでしょうか?
>さなえ様
横レス失礼します。
親切というか何というか…(苦笑)ボーダーについては動作確認の部分に最初から記載されていますよ?
IEとFIREFOXでは幅とボーダーの解釈が違いますので、ユーザーの多いIEに合わせられているのだと思います。
>>mippiさん
ありがとうございます。
まだまだ初心者なもんで・・動作確認のところで記載されてるのは両端の線のことだけだと解釈していまして・・ボーダーというのは上下の幅などのことも指すのですね?その解釈がIEとFIREFOXでは違うので それが原因で記事部分とサイドバーの長さのズレがでる という風に解釈していいのでしょうか?
親切な方が沢山いらっしゃるので、私のような初心者から見れば神様のような存在です・・
ちょっと時間に追われてるのでさなえさんへのレスのみ。
サイドバーの長さは別にズレているわけではありません^^
もともとエントリー側はナビゲーションバーよりも長さが短いものですから。
色々アドバイスをいただいているようですが、すみませんがborderは無関係です^^;
ソースもCSSも綺麗に書き直したバージョンアップ版を今日・明日中に出しますので、そちらの方ではこの点についてもカバーするようにしています。
カスタマイズもしやすいようにCSSを書いていますので、お手数ですがverupをお待ちいただければと思います^^
その上でもしまた気になるところがございましたら相談してください。
ユヅさん お忙しいところ本当にありがとうございました。
バージョンアップがここ数日にupされるのですね?
楽しみにお待ちしております^^
ユヅさんのサイトがなかったら 私はsbあきらめてたと思います。
リンクも貼らせていただきますね。これからもよろしくお願いたします!
●さなえさん
veruupしました^^
ブログにお知らせに伺いますね~^^
●mippiさん
はじめまして、こんにちは。
代替レス有難うございます。
さなえさんのおっしゃっていたのは横のボーダーではなくてエントリー部分の長さのことだったようなんです^^;
mippiさんのおっしゃった横のボーダー部についても、バージョンアップで解決していると思います^^もし今お使いでしたらば是非verupをお願いできますでしょうか。よろしくお願いします。
はじめまして。
シンプルで可愛いこちらのテンプレート、DLさせていただきました。
そのままでも充分なのですが、自分のHPにあわせてカスタマイズさせていただきました。カスタマイズもしやすく、自分で納得のいくデザインに出来ましたv 有難うございます。
そこで気付いたのですが、このテンプレートで『続きを読む』をクリックして個別エントリーを表示する際、続き部分ではなくトップページが表示されてしまうようです。多分私だけではないと思うのですが……。
ネスケで表示するとちゃんと続き部分から表示されるので、IEのバグだと思いますが(苦笑)。
原因はエントリー部分に指定されている『main』IDの『float:left』だと思われます。そこまでは突き止めたのですが、レイアウトを変えずに直すことが出来ず、コメントで質問させていただきます。
解決策がございましたら、お教えくだされば幸いです。
既出でしたら大変申し訳ありません。
また、初対面でいきなりご質問させていただきます無礼をお許しください。
それでは、失礼致します。
●サトルさん
こんにちは^^
差し支えなければ、ブログのURLを教えていただけませんか?こちらに書かれたくなければWEB拍手でもメールフォームでも構いません。
その症状が実際に出ているページを拝見したいと思います。
と、いうのもこちらで適用したテンプレートでは同じ現象が見られず、同じテンプレートを使用されている他の方のブログをFirefox、Opera、IEで拝見しましたが「続きを読む」をクリックすると個別エントリーの続き部分にジャンプしており、トップページに戻るといった動作をしていないのです。
また、トップページというのは、個別エントリーの最初の部分ということなのか(eid数字.html)、それともブログ全体のトップページ(index.html)なのかどちらのことでしょうか。
こちらでは確認できませんでしたので、実際に動作を見て、その部分のソースを見ないと何とも申し上げられません^^;
こんばんは。早速のレス有難うございます。
ちょっとアレなところなので(…)拍手でURL送らせていただきます。
私のだけっぽいということは、カスタマイズ中にどこかいじってしまったということなんでしょうね(;´Д`A ```
お手数おかけして申し訳ありませんが、よろしくお願い致します。
ご丁寧に対応してくださって有難うございます。
それでは、失礼致します。
●サトルさん
URL拝見してきました~。
サトルさんちのはほんとにそうなってますねえ。IEでのみ発生しているようです。
タグを見たところ<a name="#sequel">
</a>もちゃんと出力されているし、アンカーに飛ぶ条件は満たされているよう気がするんですが…。
相対配置は使っていないので、バグ088ではないのかも。
調べて何かわかればそちらのコメント欄にお知らせにゆきます~。
ユヅさんこんにちは。
わざわざこちらのブログにまでいらして調べてくださって有難うございました。
結局原因がわからなかったので、ラベル指定でページを読み込みに来たときは、ラベルに飛ぶというJava Scriptの処理をページの最後に入れて、無理矢理ラベル位置を表示させるようにしました。
上下移動が激しくなってしまいましたが、最終的にラベル位置を表示できるので、これで妥協です orz
何かとお手数おかけしてしまって申し訳ありませんでした。
そして、有難うございました。
これからも可愛いテンプレート、そして素材を楽しみに待たせていただきます。
では、失礼致します。
●サトルさん
ローカルで保存するとちゃんと続き読むからスタートするのに、絶対パスにしてURLに飛ばしたとたんきかなくなるなんて不思議ですね~;;
Opera使いなのでループちょっと楽しんでしまいました(笑)
はじめまして。
テンプレお借りして早速ちょっとカスタマイズさせてもらってます~♪
初心者なので、どこを触ったらカスタマイズ出来るのかも分からず試行錯誤でやってます。
これからもかわいいテンプレつくってくださいね。
ユヅさん、はじめまして。
初ブログでカナリアのテンプレートお借りしました。まだまだわからないことだらけですが、楽しいブログ生活になりそうです。
ユヅさん、はじめまして。カナリアのテンプレートをお借り致しました。
ありがとうございます。
カスタマイズ自由のお言葉に甘えて、色や画像など、色々と変更させて頂きました。<(_ _)>
これからもお身体ご自愛の上、頑張って下さい。
ユヅさんはじめまして。
この度ブログに挑戦しようと思い色々wソwェwリwロwコwワしていたところこちらのテンプレートを見つけました。
もう、ホントに素敵です☆
お言葉に甘えてカスタマイズをさせていただいているのですが
一つお聞きしたいことがありまして書き込みさせていただきました。
こちらの金糸雀テンプレートにて日付をauthorの左脇に並べて表示させたいのですがどうしても上手く出来ません(><)
{entry_date}タグをいじるのは大体想像つくのですが、どうやったら上手く出来ますでしょうか?
教えていただければ幸いです。(ぺこり)
お忙しいこととは思いますが宜しくお願い致します。
これからも応援しております!!
すみません(;´Д`)
出来ました!!
連続カキコしてしまってホントすみません・・。
テンプレートお借りしました!
ありがとうございます。
カスタマイズも大変参考になりました。ようやく形になってきたところです。
ユヅさんのブログこれからも楽しみにしています♪
●まいむさん
はじめまして。
バックアップだけは忘れずにしておくといいですよ^^
色々いじって楽しんでくださいませませ(*´▽`*)
●まほぞうさん
はじめまして、こんにちは。
コメントありがとうございました。ブログ生活楽しんでくださいな~♪
●Tatsukiさん
はじめまして。
テンプレご利用報告ありがとうございました。どんな風にカスタマイズされるのかなーというのも楽しみのひとつです^^
いろいろな空やお花の写真、とても素敵ですね!
●モモペさん
自己解決できてよかったですね、おめでとうございます^^
一応他の方のためにかいておくと、{entry_date}を横に移動させればいいだけですー^^
個別にスタイルをつけたかったら<span>でくくって設定すればおっけー(*´▽`*)b
●eriさん
こんにちは。
コメントありがとうございます。
ロンドンの町並みの写真素敵ですねー^^わんこもかわいくてなごみました…(*´△`*)
いつもお世話になっています。
今回は、こちらのテンプレートをお借りしました。
web*citron さんの素材をお借りして、少しだけカスタマイズさせて頂きました。
ありがとうございました。
●かりんさん
こんにちは。
テンプレご利用報告ありがとうございます^^
IE以外で見ると、カスタマイズされているプルダウンメニューが画面いっぱいに広がってしまっているようです。
CSSのdiv.menuが、width:700;になっているのが原因かと思われます。0以外の数値は単位を指定してあげないといけませんので、700pxとすれば直るでしょう^^
ユヅさん
教えて頂いてありがとうございます。
今まで、IE以外使ったことがなかったので、気付きませんでした。
これからは、IE以外のブラウザでも確認してみます。
これからもよろしくお願いします。
ユヅさん、こんにちはー。
すみません・・教えて頂きたいことがあるのですが;;
えーと。こちらの金糸雀のテンプレートをカスタマしているのですが、【今日日付のトコロに画像】を入れているのですが・・
IEでみると何か崩れちゃうんです~。ユヅさんに聞いてしまうのは
、実にお門違いなのですが・・・
良い方法がありますでしょうか?
本当にすみませんー。
ムリなら仰って下さいませ・・
m(._.)m ペコッ
●ひろみさん
うちで配布及び紹介していないものに関しては尋ねられてもちょっと困っちゃうかな…(笑)
カスタマイズの基本は自己責任ですので、せめて何処を参考にして(参考元に聞かれる方が良いですが…)、どう書き換えて、何がどうおかしくなったのか、を書かないと、エスパーでも先生でもないのでサッパリなんです(ノー`)
とりあえずカレンダーまわりのdivがちゃんと閉じられてないのがアウトな予感です。
ちゃんと対にしてあげてくださいねー^^
ユヅさん、非常に、非常に・・
すみませんでした。m(._.)m ペコッ
どうしてもユヅさんにお聞きしたくて;;(お仕事早いので。)
甘えてしまいました・・
しかし、ユヅさんの教えて頂いたとおりにしたトコロ、崩れがなくなりましたー!!!
本当、うれしー!!!
ちゃんと対にしてあげればいいんですねー♪分かりました!
本当にありがとうございましたー!