宵闇書房　Twilight bookstore

2005/12/14 Wednesday 23:53

Serene Bachテンプレート・「fragment」

なんだかガラス風なものや立体感を持ったテンプレートが流行のような気がしたので、今回はそんな雰囲気のものを。

テンプレート名はいつも悶々と悩むのですが、今回に限っては早く決まりました。「破片」とか「かけら」といった意味ですね。これのどこがそうなの…？と聞かれたらばはっきりとは答えられないのですが、このテンプレートにはこの名前しかないな、と思ったのです。

「fragment」

fragment

サンプル

サンプルは以下のとおりです。

最終更新日

2007/03/17 ver.1.03: サイト移転に伴うURLの変更。
2006/11/21/23:07 ver.1.02: Serene Bach ver.2.08Dでコメントできない問題を解消。その他細かなHTML,CSSの修正（詳細 : Serene Bachテンプレートの修正及び一部配布終了について）。
2006/04/28/11:23 ver.1.01: recent trackbacksの綴りミスを修正。
2005/12/14 ver.1.00: 公開。

！　ダウンロードされました方は最終更新日をご確認ください。

ご利用に当たってのお約束事と、ダウンロードは「続きを読む」からどうぞ。

続きはここから

利用規約

このテンプレートはSerene Bach用のテンプレートです。その他のブログツールでのご利用はご遠慮ください。
テンプレートの加工・改造はご自由に行っていただいてかまいません。ただし、このテンプレートに使われている画像をほかのテンプレート等に使用することは禁止です。
アダルトサイト（同人を除く）、宗教サイト、違法サイト、ホームページ制作代行業者の使用はご遠慮ください。また、一切の二次配布、商用使用は禁止です。
テンプレートを予め組み込んだ上で配布、若しくはサービスを展開することは禁止です（ex.プリインストールした上で、ブログサービスを展開するなど。再配布と見なします）。
著作権は放棄していません。
リンクは必須ではありませんが、してくださるとうれしいです。

その他、ご不明な点等ありましたら、予めご連絡をお願いします。

使用方法

LZH形式で保存しています。ダウンロード後は「Lhaplus」や「解凍レンジ」で解凍して下さい。
解凍したフォルダの中のテキストファイルを管理画面の「テンプレート」の「インポート」から読み込んで下さい。

ダウンロード

fragment.lzh

その他

WinXPのIE6.0/5.1、Opera 8.1、Firefox1.5にて確認しています。

カウンター、アクセス解析、ページナビゲーションのタグが入っていますが、それ以外が必要だという方は加工・改造してください。

エントリーへの挿入画像の横幅について

横幅が430px以上のものを挿入すると崩れますのでお気を付け下さい。

カスタマイズについて

色の変更

リスト部分はデフォルトでは青（blue）になっていますが、カスタマイズ用にピンク（pink）、橙（orange）、黄緑（green）、グレー（gray）の各画像及び、リストを左に持ってきたとき用の画像をテンプレートパッケージに梱包しました。よろしければお使い下さいませ。画像のファイル名についてはテンプレート情報の「利用パーツリスト」にてご確認下さい。

左右の入れ替え

左右反対の画像を同梱しています。CSSの以下の部分を修正してください。

/* エントリー部分 */
div#main{
float:right;
width:470px;
}

/* サイドバー部分 */
div#side{
float:right;
width:230px;
background:url({site_parts}tb_fragment_sfooter_l.gif) no-repeat 224px 100%;
padding:0 0 30px 0;
}

/* エントリーナビ */
div.sequel{
padding:0 25px 10px 15px;
font-size:10px;
text-align:center;
}

/* 記事 */
div.entry,
div.comment,
div.comment_form,
div.trackback_url,
div.trackback,
div.profile{
padding:0 25px 40px 15px;
}

/* サイドのタイトル */
div#side dl dt{
height:29px;
background:url({site_parts}tb_fragment_stitle_blue_l.gif) repeat-x 0 0;
color:#fff;
font-size:10px;
font-family:Arial,sans-serif;
letter-spacing:1px;
line-height:25px;
text-align:center;
text-transform:uppercase;
}

/* サイドの内容 */
div#side dl dd{
padding:3px 10px 10px 10px;
background:url({site_parts}tb_fragment_sbody_l.gif) repeat-y 100% 0;
font-size:10px;
line-height:150%;
}

comments

イツカ | 2005/12/17 Saturday 15:39: いつも素敵なテンプレートを配布してくださってありがとうございます。
さっそく「fragment」を使わせていただきました！
色違いの画像素材が入っているのがとても嬉しかったです。

トルキー | 2005/12/19 Monday 00:00: ＞イツカさま
こんにちは。
テンプレのご利用ありがとうございます！
幅など改造しにくいものなので、ちょっとだけカスタマイズ用の画像を仕込んでみました。
色々とお試しいただいて好みの形にしていただければ、私としても嬉しい限りです＾＾

へいちゃん | 2006/01/05 Thursday 01:32: はじめまして。
以前から素敵なテンプレートだなぁ。と思ってました。
今日やっとSerene Bachにしたので、
早速使わせていただきました。

トルキー | 2006/01/05 Thursday 23:35: ＞へいちゃんさま
初めまして、こんにちは。
テンプレのご利用、ありがとうございます。
最近ああいう綺麗目のテンプレートが個人的にブームでして、ちょっとつくってみました。
お気に召していただけて嬉しいです！

あーちゃん | 2006/01/07 Saturday 02:26: いつもお世話になっております。テンプレまたお借りしました。相変わらず美しいです！！

トルキー | 2006/01/08 Sunday 23:28: ＞あーちゃんさま
こんにちは。テンプレのご利用ありがとうございます！
んー…ヘッダの写真がFirefoxで見ると何故かずれてますね…。
CSSのh1 aにmargin:0 auto;を指定するとよいかもです＾＾

Anje | 2006/01/13 Friday 18:07: いつもお世話になります。
またテンプレートDLさせていただきました。
いつもありがとうございます！

トルキー | 2006/01/15 Sunday 00:45: ＞Anjeさま
こんにちは、お久しぶりです。
テンプレートのご利用、ありがとうございます！
ちょっとでもお役に立てればうれしい限りです。また遊びにいらしてくださいませ～。

ちち | 2006/01/31 Tuesday 19:54: こんばんは。こちらのテンプレートを利用させていただいています。
noble→vitaminときて、現在はfragmentです。ブルーの色づかいが気に入っています。素敵なテンプレートをありがとうございます。
ひとつ教えていただきたいことがあります。
テキスト（記事）の回り込み設定つきで写真をアップしたとします。
そうすると、記事欄の最下部に来るべき、
カテゴリ｜comment()｜trackback()
の部分が写真の右に回り込んできます。
テキスト（記事）が写真の縦幅より少ない場合も、記事に続いて回り込んできます。
もちろん、記事が写真の縦幅を越えると定位置の最下部に安定します。
（この状況は、vitaminでもあったと思います。）
記事が写真だけ、あるいは写真の縦幅より少ない場合でも、カテゴリ｜comment｜trackback　の部分が最下部に固定させておくには、どうしたらよいのでしょうか。

トルキー | 2006/01/31 Tuesday 23:50: ＞ちちさま
こんにちは。テンプレートのご利用、ありがとうございます。
うわ、いろいろと使っていただいて本当に嬉しい限りです…！

ええと、回り込みの件ですが、
CSSのdiv.entry_stateに

clear:both;

を指定し、回り込みを解除させると大丈夫かな、と思います。
場合によってはdiv.entry_moreにも指定してよいかもです（こっちも指定すると、本文での回り込みが続き部分の前で解除されます）。
他にも幾つか方法があるのですが、これが一番分かりやすいかな、と思います。

ぴか | 2006/02/28 Tuesday 18:54: 初めまして。
今までも色々と参考にさせて頂いてましたm(__)m

テンプレートを使用させて頂きました。
色違いの素材が同梱されているので
季節ごとに模様替えできるのが楽しみです。

トルキー | 2006/03/02 Thursday 23:24: ＞ぴかさま
はじめまして、こんにちは。
テンプレのご利用、ありがとうございます！
最近のものは特に色違い画像入れるようにしています。やはりいろいろ楽しんでいただきたいですし、好みも人それぞれだろうなぁと思っておりますし。

お好きな色で楽しんでいただければ幸いです！

びっと | 2006/05/29 Monday 20:53: はじめまして。すばらしいテンプレートが沢山あって感動しました！
その中でfragmentが一番気に入り、早速使わせて頂きました。
ブログというものをはじめたばかりなので試行錯誤中なのですが、トルキー様のテンプレートは初心者にもわかりやすくとても助かります。

トルキー | 2006/05/30 Tuesday 00:12: ＞びっとさま
初めまして、こんにちは。
テンプレートのご利用、ありがとうございます。
同梱の別色画像も使っていただけて非常に嬉しいです。のんびりやっておりますので、またお暇なときにでも遊びにいらしてくださいませ～。

kana | 2007/03/27 Tuesday 14:06: 初めまして。テンプレDLさせていただきました。メニュー部分を改造（折りたたみ，中身も少し改造）させていただいたのと，矢印の画像を取らせていただきました。
素敵なテンプレありがとうございました。

トルキー | 2007/03/27 Tuesday 22:40: ＞kanaさま
初めまして、こんにちは。テンプレのご利用、ありがとうございます。
どんどんカスタマイズしてお気に入りの形を見つけてくださいませ＾＾

ところで、otherのリストアイコンのみはみ出て見えていますので、

div#side ul{
list-style:none;
}

を付け加えると良いかもしれません。

ちょこらて | 2007/07/20 Friday 13:54: はじめまして♪

このテンプレートに一目ぼれして
使わせていただいています。

その中で、ひとつ教えていただきたいのですが
サイドバーに独自の項目を増やしたい場合は
どうすれば良いでしょうか。

初歩的な質問ですみません。

profileと同じものを
もうひとつ追加しただけでは表示されず
行き詰ってしまいました。

お忙しいと思いますが
回答よろしくおねがいしますm(_ _)m

トルキー | 2007/07/23 Monday 00:10: ＞ちょこらてさま
初めまして、こんにちは。
テンプレのご利用、ありがとうございます。

さて、ご質問の件ですが、
<dl>
<dt>名前</dt>
<dd>項目の中身</dd>
</dl>
を、お好みの箇所に付け加えていただくと大丈夫かと思います。
そのときに、Serene Bachの独自タグ（{xxx}）を使うものでない限りは、独自ブロック（、）はつけないでください。これをつけると中身が独自タグと解釈され、表示されなくなることがあります。
異常参考になりましたら幸いです！

ちょこらて | 2007/07/24 Tuesday 14:30: 初歩的な質問への丁寧な回答、大変助かります。
ありがとうございました！



これが原因かと思います。
全然気が付きませんでした・ﾟ・(つД｀)・ﾟ・

嬉しさの余り事前報告となりましたが
今夜にでも修正してみようと思います。

これからもご活躍期待しています♪♪

トルキー | 2007/07/25 Wednesday 00:00: ＞ちょこらてさま
いえいえ、お役に立ちまして幸いです。
無駄にsb＋Serene Bachの使用歴は長いので（笑）。
また何かありましたらコメントくださいませ＾＾

comment form

trackback url

トラックバックは承認制です。言及リンクがない場合には公開致しませんのでご了承下さい。

http://twilightbookstore.org/blog.cgi/330

trackback

テンプレ変更。: Man-made Pops | 2005/12/17 Saturday 15:28; 　気分転換にブログのテンプレートを変えました。宵闇書房「fragment」を使用させて頂いております。　リスト部分はデフォルトでブルーですが、パ...

あれこれメモ: plastic-blog | 2006/01/09 Monday 02:54; テンプレの調整＆全エントリーの修正もほぼ終わり、そしてスパムもようやく落ちついてきたので（たぶん･泣）、今回いろいろいじった点を挙げておきます。

テンプレート変更: neige essai | 2006/08/30 Wednesday 16:38; 急に思い立って、テンプレートを変更してみました。ちなみに元はこれ。宵闇書房さま　Serene Bachテンプレート「fragment」より……違いすぎますかね……。基本はあまり変えてないんですけど。あんまりブログっぽ...

お世話になりましたサイト様。: UNTIL THE DAY I DIE | 2006/08/31 Thursday 20:04; *プラグインをお借りしたサイト様。-[あ]UnderDone（あんでるどん）様http://underdone.net/blog/「うにゅうにゅ Read More プラグイン Ver.0.12」-this calm night.様h...

宵闇書房 Twilight bookstore