- date
- 070503
- category:
- template > Serene Bach用
- author:
- ユヅ
un [Serene Bach用テンプレート]
Serene Bach用テンプレート un
ver 1.00
last update: 07.05.03
トップページ |
個別エントリ
写真やイラストも載せやすいく、のびのび書ける１カラム。
ヘッダーからオンマウスでサブメニューが開きます。IE7対応。配布終了した1:columnのリデザインです。
07-05-22 追加
ボタンの色違い5色セットをアップ。差し替えてお使い下さい。un_parts.lzh
時間に余裕が出来たらCSSもお揃いでDLできるようにする予定ですが、中々時間が取れないので先にボタンだけおいておきます～；；
テンプレートは利用規約への同意を条件として無料でお使いいただけます。
ご利用の前に必ずご一読下さるようお願いします。
ダウンロードされた時点で承諾されたものとさせていただきます。
プルダウンメニューについて
カスタマイズのヒントはCSSの中にそれぞれ書いていますのでご参考下さい。
うっかりするとメニューが上手く動かなくなったりするので慎重に！
事前にテンプレートのバックアップをとっておいて、間違えたら元に戻してやり直せるようにしておいて下さい。
基本的にカスタマイズは自己責任ですので、何が何やら…！という人は出来るだけ触らないのがオススメです＞＜
サブメニューの中身はあまり縦長にならない方が良いです。アーカイブ短縮表示やコメントのツリー化等、プラグインとの併用がおすすめ！
一言スペースについて
INFO、コメントフォーム、トラックバックのところに、それぞれコメントスペースを設けてあります。ご挨拶やスパムチェックについて等、ちょっと書きたい時にどうぞ。
コメントタグで分かりやすくマーキングしてありますので、その中を書き換えていただければOKです。いらない場合はコメントタグごと削除して下さい。
- update
- 1.00 （07.05.02）
配布開始。
- 1.00 （07.05.02）
Blog Feed
Comments
コメントエリアをスクロールする / スクロールを解除する
404 Not Foundと出てＤＬが出来ないのですが…
しおりんさん＞
すいません、zipであげてました＿|￣|○
修正しておきました(つД｀)
DLして解凍したところ、HTMLの部分がそのまま書かれているテキストファイルだけがフォルダの中に入っていました
すみません、テンプレートのHTML部分ではなく、
テンプレートメーカーの書き出し画面のHTMLでした。
マジですかー！＿|￣|○
すいませんすいません。至急なおしますね・・・
こんにちわ。ユヅさんのシンプルなテンプレラブなやまとです♪
黄緑に惚れまして、早速DL＆変更させていただきましたっ。
ありがとうございました～♪ヾ(＠⌒▽⌒＠)ノ
今までもこちらの1columnを使わせていただいてたものです。久しぶりに来たら新しいものが！それも配布開始ばかり！！早速持ち帰り、使わせていただいております。ありがとうございました。
ユズさん こんにちは。
使わせていただきました。
シンプルで、すてきです。
ありがとうございました。
無事ＤＬすることができました♪
カスタマイズしていて気付いた事があるのですが
title="{amazon_ProductName}"
が２つ並んでます(;´Д`A ```
ユヅさん、こんにちは。
１カラムのリデザインありがとうございます。
使用させていただきます。
こんにちは、ユヅさん。
カスタマイズも思うように全て上手くいきました。
IE7対策バージョン、感謝しています。
本当に有難う御座いました。
ユヅ さん こんばんは
素敵なテンプレートなので お借りしました。
ありがとうございました。
おはようございます。
テンプレートお借りしました。
ありがとうございました。
ユヅさん、こんにちは。
毎度お世話になっております。前回のkiss meからのお乗換えです。
好きな色づかいなので 即決しました。夏に向けて 爽やかに過ごせそうです。
ありがとうございました。
テンプレートDLさせていただきました。
とても見やすく、使いやすく、感謝いたしております。
大切に使わせていただきます。m(__)m
みなさんご利用報告ありがとうございます★
色違いも作ろうかな？！
しおりんさん＞
ひぃ、ツッコミありがとうございます…あれこれウッカリもので申し訳ない；；
こんにちは。
テンプレートお借りしました。ご報告が遅くなってすみません＾＾；
シンプルで素敵ですね☆ピンクの色違いにしてみました！＾＾
どうもありがとうございました♪
ユヅさん、こんばんは。
カスタマイズは自己責任でとありましたが、どうもわからないので、お手数ですが教えていただければ嬉しいです。
カスタマイズにかかり、横幅を全体的に100px縮め、サブメニューの１つ(recommend)を削除して、その部分をタイトルの上に持ってきました。一応できたつもりでしたが、entryやcommentやtrackbackを表示させたときに（個別記事のときといっていいのかな）、右側に25pxほど隙間ができてしまいます。それ以外のときは、何でもなくちゃんと表示されるのですが。
タイトルの上のrecommendの部分を削除しても状況は変わらないので、とりあえずここは関係ないと思われます。
月読さんも100px縮めていますが、何でもないようです。私のやり方が悪かったのでしょうか？
そうならないように、いろいろと試してみたけど、どうも直りません。時間のある時で構いませんので、教えていただければ幸いです。
テンプレお借りしました。1カラムが欲しかったのでありがたいです。
のんびりカスタマイズしながら使っていこうと思います。ボタンの色違いもあると嬉しいなー。
ちちさん＞
こんばんは。
CSSでCOMMENT FORMとマーキングしている箇所の
div.comment form input,
div.comment form textarea
のwidth:400pxをwidth:300pxにしてみて下さい。
全体の幅は狭くなったのに比べて、中身の幅が少し大きいため押し出しているのだと思います。
ユヅさん、こんばんは。
お返事ありがとうございました。
もう一度最初からやり直してみても同じなので、あと100px減らしてないのはところは無いのかのと、ご指摘のところを300pxにしてみたら直りました。お手数かけました。
質問ついでに、もう１つお伺いいたします。
記事のタイトルの下に2pxのボーダーがついて、そのボーダーの下に隙間をあけないように、月日とかコメント数を表示させるには、CSSのどこの指定を変更すればよいのでしょうか？
ちちさん＞
div.entry h2 に
margin-bottom:0;
を追加すれば、エントリータイトルから下の余白はなくなりますよ。
こんにちわ。
明るいグリーンの配色と1カラムのシンプルさに惹かれてDLさせていただきました。
こまごまカスタマイズしながら悪戦苦闘中ですが、とても使いやすくて嬉しいです。
ありがとうございましたm(_ _)m
とってもステキなテンプレート、お借りいたします。
ありがとうございました<(_ _)>
色を変えてみたいですが私にできますかどうか・・・
頑張ります♪
ユヅさん、こんばんは。
何度もご丁寧に教えていただきありがとうございました。希望どおりに変更できました。
margin-bottomというのがあるのがわかりました。
ありがとうございました。しかし、勉強不足を痛感しかした。
ユヅさん、こんばんは。
ご丁寧に教えていただきありがとうございました。
希望どおりにできました。
こんばんは～
１カラムを使ってみたかったので、DLさせていただきました。
シンプルでとても気に入ってます(ﾉ´∀｀*)
いつもお世話になり、ありがとうございますm(_ _)m
テンプレお借りしました。ステキな1カラムで嬉しいです。
色とか変えて楽しみたいと思います(*'ω'*)
ありがとうございます。
唐突なレス失礼いたします。
上記のコメントのリンク先がウイルスサイトに飛んでいますのでくれぐれもクリックなさらぬようご注意ください。
（別のウイルス警告に掲示されているURLと同一でした）
通りすがりさん＞
ご忠告有難うございました！！
該当のコメントを削除いたしました。
なのでむぅさんの書き込みがウイルスではありません、念のため（笑）
ユヅ殿
お気遣い感謝です（笑
ユヅさんはじめまして。
すてきなテンプレートお借りしました。
とても気に入っております♪
ありがとうございました<(＿ ＿)>
はじめましてこんにちわ。
とてもかわいいテンプレートで一目ぼれしてしまいました！
お借りしてそのままいじらずにつかってみたのですが
リストの画像（黄色い矢印）が出ずにただの黒丸になってしまいます。
サーバーには画像がきちんとアップされてはいるのですがどうしたら表示されるようになるでしょうか？
お手数をおかけして申し訳ないのですがご教授お願いいたします。
メールのとこにＵＲＬを書いてしまいました；
スレ汚しすみません；；
>まぴ様
通りすがりですが～。拝見したところ、<ul><li></li></ul>であるべきところが<li></li>のみになっているので矢印画像が表示されないのだと思われます。<ul></ul>で囲めば多分表示されますよ。
勝手にレスしてすみません＞ユヅ様
通りすがり様
ありがとうございましたー！
無事表示されるようになりました＞＜
お手数をおかけしてすみませんでした～。
色違いボタンありがとうございますー。さっそく使わせていただきました。
いつも素材やテンプレなど楽しく拝見しております。
すみません、このテンプレートですが、DLしてもテキストファイルun.txtが出てくるだけで素材ないのです。
当方Macなのが原因かも……と思っていますが小梅など他のテンプレートでは大丈夫だったので……。
解決策など教えていただければ嬉しいです。
イコさん＞
こんにちは。
入っているのはun.txtのみです。
serene bachのテンプレートパッケージは、HTMLもCSSも素材の画像も全部まとめて～.txtという形式でパックされています。
これを管理画面からインポートすると画像が自動的にアップされてテンプレートに変化するという仕組みです。
un.txtをインポートしても上手くいきませんか？
一度お試し下さい。
そうなのですね。ありがとうございます。
ただ、やはりインポートしてもダメでした。
すでにDL→解凍の時点で「不正なアーカイブで
圧縮されている」というアナウンスが出てしまうので、
その際に中身が壊れているのかもしれません。
自分なりに解決方法をもう少し探ってみます。
お忙しいなかレスありがとうございました！
イコさん＞
ふーむ、うちウィンなのでsit形式とかでは圧縮できないので、zipならできるんですけど・・・。
ためしに圧縮前のをtxtのままあげてみました。
link
開くと数字の羅列になるので、リンク先（対象）を保存でDLしてみてくださいまし。
ユヅさん、お忙しいなか再度のレスありがとうございます。
どうやら、あるべき所に画像がない（画像自体はインポート後、しっかりテンプレフォルダに入っています）ようです。
なので、テンプレート編集で画像の場所を指定し直すことで解決しました。
他のテンプレートでもそうなってしまったので、これはもう環境のせいかなと思います。
本当にお手数おかけしてすみませんでした。
実際のテンプレート画像用ディレクトリと、設定上のテンプレート画像用ディレクトリが違うってことかな？
sbの設定でパスが違うのではないかな？と思います。
ルプの「グローバル環境設定」の「StyleDir」の項目です。
ここと実際の配置を一致させれば解決！
（たぶん）
こんばんは〜。
最近１カラムがヒジョーに気になってたので、早速DLさせていただきました。
所々にカスタマイズのポイントが入ってたので、すごく分かりやすかったです。
いつか色も変更したいぞ！とボタンも一緒にDLしたんですけど、いつのことやら？？？
あの〜、質問なんですが。
トップページで、contactメニューのコメントとトラックバックが表示されてないのです。
（過去のコメントやトラックバックが表示されていない）
個別エントリーで見た時は何ともないのですが。
一度削除して新たにアップしてみたところ、最初は何ともなかったのですが今再びそうなっています。
ここで聞くことじゃなかったら申し訳ないのですが、もし原因が分かったら教えてください。
ちなみに、contactメニュー部分は触っていません。
テンプレ、お借りして行きます♪
かすりんさん＞
こんにちは。
unはトップページのhtmlと個別エントリのhtmlと共通なので、メニュー部分も一緒なんです。
個別で表示されていればトップページも表示されるはずなのですが…。
ソースを見る限り、コメントリストとトラックバックリスト自体がHTMLに出力されていないようです。
独自タグとブロックはこのようなセットになっていますか？
もしなっていなければ書き直してみて下さい。
コメント部分
<!-- BEGIN comment -->
{recent_comment_list}
<!-- END comment -->
トラックバック部分
<!-- BEGIN trackback -->
{recent_trackback_list}
<!-- END trackback -->
テンプレートで疑えるのは正しく独自ブロックと独自タグが書かれているかどうかぐらいかなぁと思います。
あとはコメントやTBリストのプラグイン関係を疑ってみるとか。
トップページだけ再構築やり直してみるとか…。
ツリー化プラグインをつけていたのですが、外して再構築したところ表示されるようになりました。
悪さをしてたのはプラグインだったみたいです。
指摘されなければチェックしなかったかも？ありがとうございました<(_ _)>
ところで、ご指摘の独自ブロックと独自タグですが、
コメント部分
<!-- BEGIN recent_comment -->
{recent_comment_list}
<!-- END recent_comment -->
トラックバック部分
<!-- BEGIN recent_trackback -->
{recent_trackback_list}
<!-- END recent_trackback -->
が正しいのではないかと思うのですが・・・。
最初指示通りに書き換えたところ、全く表示されなくなり、カスタマイズ前のソースを見たところ、上記のように書かれていたので、プラグインを外し書き直したところ、コメントもトラックバックも表示されました。
かすりんさん＞
な、なんだってー！
わかった！
Serene Bachのヘルプの独自ブロックの記載がcommentとtrackbackなんですよ…。
間違ったつづり書いちゃうといけないと思ってヘルプからコピー＆ペーストしたので…。
間違わないようにと思った行動が予想外のことにｗｗ
なるほど。了解です！
表示されたんだから合ってんだろう、
でも、
これでよかったのかしら？と思ったものですから。
テンプレお借りしました。
有難うございます。
質問なんですが、取り消し線を今まで
<strike></strike>
と打っていたんですが、それでは取り消し線が表示されません。
<del></del>
で、表示されました。
確認はしていませんが、今まで<strike></strike>で入力していたものも全て取り消し線は消えているんですかね?
cssテンプレートに
del {
color: #808080;
font-weight: normal;
text-decoration: line-through;
}
というのがあったんですが、ここを変更するか削除すればよいのでしょうか?
凄くシンプルなテンプレで気に入っています。
申し訳ありませんが、ご教授くださいませ。
初めまして！
こちらのテンプレートをお借りしたのですが
ブラウザのOperaだとサブメニューのリストに
マウスを置いた時にちゃんと表示されないのです。
ほかの方のサイトも見てみたのですが、Firefoxだと表示されるのですが、Operaだとサブメニューのリストににマウスを移動させたとき、閉じてしまいます。
私の環境はWIN XPのOperaなのですが、私だけでしょうか？
こんにちは。
横レス失礼致しますm(_ _"m)
さゆりさんのOperaのバージョンは何ですか？
私はOpera/9.10 を導入しています。
環境はさゆりさんと同じです。
/9.10ではちゃんと表示されます。
もしかしたらバージョンの違いによるかも知れませんね。
Operaのバージョンは9.21です！
やはりバージョンによって違いそうですね？！
一度、9.10を導入して、また来ます！
バージョン9.10を導入してみたのですが、
やはりサブメニューの方を選択すると表示されません。
テンプレートの変更も一切していないのですが、
どうしたら良いでしょうか。。。
きりんさん＞
取り消し線は削除の意味を持つdelタグに対して設定しています。strikeはHTMLではもう推奨されないタグなのでスルーしております。
適切なマークアップという点でdelを使われることをおすすめしますが、とりあえず過去ログに含まれているstrikeに打ち消し線をつけるには
「del {」のところを「del,strike{」とすればOKです。
さゆりさん＞
こんにちは。私はメインブラウザがOperaで、テンプレ作成もOperaで作っているのですよー。
そこでwinXPのOpera9.02と9.21と両方で見てみたのですが、どっちもサブメニューの動作は正常でした…；；
こちらでも再現できるような原因であれば対応を模索することもできるのですが、再現性がないのでちょっと分かりません…。
ただ、別の方法として、サブメニューをメインメニューに少し重ねる感じに詰めてあげることで対応できないかな？と思っています。
#HdMenu1のheightがデフォルトで26pxになっていると思いますが、ここを25px以下にしてみて下さい。25でだめなら24というようにサブメニューの挙動を見ながら徐々に小さくしていくと良いかと思います。お試しくださいませ。
Operaで作成してるんですね＞＜
height26から20まで変更してみたのですが
変わらずで、新しくunのテンプレートを
インポートしてもダメだったので、私の環境に
何か問題があるんじゃないかと思います＞＜
もういちど色々試してみます！
ユヅさま
お忙しいなかレス頂き恐縮です。
ﾎﾝﾄに有難うございます。
ユヅさん、こんにちは。テンプレートをDLさせていただきました！
ちょっと気になる点があったのでお知らせしますね。
MacOS10.4.10 Firefox2.0.0.2とWindowsXP Firefox2.0.0.4で表示を確認しましたが、なぜかcssや画像が反映されなくて；（IEなど他のブラウザでは全く問題ないです）
当方の設定ミスの可能性が大きいですが、同じ設定でFirefoxだけ表示がおかしいのも気になったので、
恐れ入りますが一度ご確認いただけますでしょうか？すみません
サナダさん＞
こんにちは。
うちはMacはキャプチャのみの確認ですが、winXPのFirefoxで表示確認をしております。先ほどwindows XP Firefox2.0.0.4でサンプルを見てみましたが特に異常なく、普通に表示されました＾＾；
各ファイルのパスや文字コードなどを再度ご確認されてみてはいかがでしょうか。
>ユヅさま
ご丁寧にお返事ありがとうございます！
自分のスキルでは原因(自分のミス)が分からなかったので
『小梅』のテンプレートの方を現在利用させていただいています♪
あちらもシンプル＆カスタマイズしやすく、とっても気に入ってます。
ありがとうございました(^^)
ユヅさま
はじめまして。 こちらのテンプレートお借りしました。とても気に入りました。みなさん色々と改造しているようなので、少しずついじってみようと思います。
ありがとうございました。
ユヅさん こんにちは。
こちらのテンプレートＤＬさせていただきました♪
日記のブログに使用させていただきますね～
親切設計のスクリプトだったので とてもわかりやすくて感激しました！
ありがとうございました＾＾
ユヅさん、こんにちは。テンプレDLさせていただきました。
ひとつ伺いたいのですが…
すごく初歩的なことでお恥ずかしいのですが…
ブルダウンメニューのコメントの部分をツリー化したいのですが
ツリー化のスクリプトを入れても反映されませんでした。
1カラムは初めてで、どうしてよいのかわかりません。
お忙しいところお手数をおかけしますが、教えていただければ嬉しいです。
↑の件ですが、無事解決いたしました。
今後ともよろしくお願い致しますm(_ _)m
はじめまして。テンプレートをお借りしました。
カスタムの末のカスタムでサイト風に仕上がってしまいました。
原型は一応とどめているつもりですが。。。
1カラムでサイト風ブログをもとからつくりたかったのですが、大変使いやすくていいと思います。
カスタマイズに関しても非常に親切に書かれてありましたのでさほど苦もなく行えました。
本当にありがとうございました！！！
はじめまして。
新しくサーバーを借りたので、Serene Bachを使わせていただこうと思い立ちました。
テンプレは1カラムが好きなので、このテンプレをお借りしようとDLしたところ…
展開しましたら、htmlファイルが一つだけでした。
CSSやCGIファイルが見当たらないのです…。
OSがVistaなのですが、何か関係がありますでしょうか。
いきなりでぶしつけですが、どうぞよろしくお願いいたします。
すみません、記入ミスでした。
htmlファイルではなく、テキストファイルでした。
上のほうにもどなたか、テキストファイルが一つだけだったとおっしゃってる方がいらっしゃいました。
同じ現象でしょうか。
お手数かけます、お願いいたします。
mamanさん＞
こんにちは。
Serene Bachのテンプレートは、txt形式のパッケージなんです。
拡張子はtxtですが、htmlもCSSも画像も全部その中に圧縮されていて、Serene Bachの管理画面からテンプレートをインポートすると反映されるんですよ＾＾
管理画面＞テンプレート＞上部のインポートタブ＞パッケージ（txt）を選択してインポート＞テンプレートリストに登録となります。画像も自動でアップロードされます。
詳しくは付属のヘルプを見てくださいね。
はじめまして♪ シンプルなテンプレに一目ぼれして
お借りしました。
どうもありがとうございます。 これからもお世話になると思いますが
どうぞよろしくお願いします。
おはようございます。
先日は丁寧なお返事をありがとうございました。
ＣＧＩ設置後、インポートすることができました。
以前ＪＵＧＥＭでも、同じようなシンプルなテンプレを使っていたことがあります。
背景を変更したりしながら、大切に使わせていただきます。
新バージョンが出ましたら、またアップしてくださいね☆
今後ともよろしくお願いします。
はじめまして、kiwaと申します。
昨年末から、unを使わせて頂いております。
シンプルな１カラムを探していたので、こちらのテンプレートを発見して狂喜乱舞でした（笑）
不躾な質問で申し訳ないのですが、少し前に投稿した記事で写真を３件アップロードしたのですが、その際本文中のサムネイルが縦に３つ表示されてしまいました。
個人的に、横に３つ左寄せで並んで欲しいのですが、CSSのpict部分のfloatを見る限り、leftに設定されており、何故横に並ばないのかが分かりません。
お手透きの際で構いませんので、ご教授頂けると幸いです。
お馬鹿な質問で申し訳ないです……。
kiwaさん＞
CSSのimg.pict,img.thumbの中の
clear:left;
の１行を削除してください。
その後、並んだ画像に段差が出る場合は記事内の全角/半角スペースや、改行等が原因ですのでそのへんを調整してみてくださいね。
■clear:left;を削除する影響
複数画像を貼り付けた際に
[画像A]文章A
[画像B]文章B
[画像C]文章C
という形に自動的になるようにしていたのが、出来なくなるので、記事によっては
[画像A]文章A文章A文章A
文章A文章A文章A[画像B]文章B文章B
文章B文章B[画像C]文章C文章C文章C
みたいな形になってしまうことがあります。
記事内で回り込みを解除させたい位置で、その都度clearするようにしてくださいね。
丁寧な解説を、しかも高速で頂いてしまって恐縮です。
ありがとうございました！
お陰で思っていた通りにサムネイルが表示されました。
嬉しいです(*^_^*)
しかも、clear部を削除したことによる影響まで解説頂いて、とても分かりやすかったです。
しばらくCSSと格闘しながら、ちょっとずつカスタマイズしていこうと思います。
今回は本当にありがとうございました！