<< Serene Bach 2.07Dにアップデート | 風邪ひきました >>

2006/10/20 Friday 23:11

Serene Bachテンプレート・「sometime (liquid width)」

いつも幅固定のテンプレートばかりつくっておりますので、twinkle (liquid width)に続き2個目の可変タイプのテンプレートをつくってみました。

画像自体は薄灰色のシンプルなものですので、文字色を色々と換えてお楽しみ頂ければなぁと思います。

「sometime (liquid width)」

sometime (liquid width)

サンプル

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

最終更新日

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

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

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

続きはここから

利用規約

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

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

使用方法

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

ダウンロード

その他

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

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

カスタマイズについて

ヘッダのメニューについて

プロフィールやインフォメーション、リンクページなどへのリンクにお使い下さい。カテゴリーの少ない方は各カテゴリーへのリンクを張ってもいいと思います。

HTMLの以下の部分を修正してください。

<ul>
<li><a href="#">menu1</a></li>
<li><a href="#">menu2</a></li>
<li><a href="#">menu3</a></li>
<li><a href="#">menu4</a></li>
</ul>

#にはURLを、menu1〜4にはリンクを張るための文字をどうぞ。

メニューが要らないという方は、上記の部分を削除して下さい。

左右の入れ替え

CSSの以下の部分を修正してください。

/* ボディー部分 */
div#body{
padding:0 0 2em 0;
background:url({site_parts}tb_sometime_body.gif) repeat-y 227px 0;
}

/* エントリー部分 */
div#main{
float:right;
clear:right;
width:100%;
margin:0 0 0 -230px; /* #side */
background:url({site_parts}tb_sometime_main.gif) repeat-y 230px 0;
}

/* サイドバー部分 */
div#side{
float:left;
clear:left;
width:230px;
}

/* エントリーナビ */
div.sequel{
margin:0 0 0 230px;
padding:5px 15px 5px 170px;
background:url({site_parts}tb_sometime_line_h.gif) repeat-x 0 100%;
font-size:84%;
text-align:center;
}

/* 記事 */
div.entry,
div.comment,
div.comment_form,
div.trackback_url,
div.trackback,
div.profile{
margin:0 0 0 230px;
background:url({site_parts}tb_sometime_line_h.gif) repeat-x 0 100%;

/* ページナビ */
div.pagenavi{
margin:0 0 0 230px;
padding:5px 15px 7px 170px;
background:url({site_parts}tb_sometime_line_h.gif) repeat-x 0 100%;
font-size:84%;
text-align:center;
}

/* ページトップ */
div.pagetop{
margin:0 0 0 230px;
padding:5px 15px 5px 170px;
background:url({site_parts}tb_sometime_line_h.gif) repeat-x 0 100%;
font-size:84%;
text-align:center;
}

/* サイド */
div#side dl{
padding:0 2px 0 0;
}

固定幅への変更
CSSの以下の部分を修正してください。

/* 全体の幅・フォントなど */
div#header,
div#body,
div#footer{
width:好みの数値px;
margin:0 auto;
background:#fff;
color:#666;
font-family:"Lucida sans unicode","Lucida grande",sans-serif;
text-align:left;
}

また、横幅によってはテキストエリアがはみ出ると思いますので、その場合は以下の数値を適当に変更してください。

div.comment_form dl textarea{
width:好みの数値px;
border:1px solid #ccc;
color:#666;
font-size:90%;
}

comments

mico | 2006/10/21 Saturday 10:47
トルキーさん。おはようございます。
一目でこのテンプレ気に入りました。
エントリー年月日（？）が、左側にオシャレに並んでいて、文字も大きくて目の悪い私は嬉しい悲鳴をあげております。

またブログを書くのが楽しくなりそうです♪ありがとうございました。
トルキー | 2006/10/21 Saturday 23:27
＞micoさま
こんばんは。
テンプレのご利用、ありがとうございます。
幅が広いものができましたので、今回はフォントを大きくしてみました。いつも幅が狭くてフォントを大きくするとデザイン的に格好悪いなぁ…と思っていたのですが、今回は大丈夫かなぁと；；
テンプレお気に召していただけまして嬉しいです〜。
まぉ | 2006/10/22 Sunday 22:26
お久しぶりです。
テンプレ、お借りしました。
(いつも事後報告ですが･･･)

いつもみ○んさん。のと　どっちを使おうか
悩むんですよねぇ･･･。
で、今回はトルキーさんの方にしました。
スッキリしてて　判りやすくて気に入ってます♪
(いぢり倒しちゃってますけど･･･汗)
絵莉 | 2006/10/23 Monday 21:20
こんばんは。
またまた素敵なテンプレート！
さっそくお借りしました^^
また自分色に染めさせていただきます
ありがとうございました！
イェーナ | 2006/10/25 Wednesday 15:42
一目で気に入り、DLさせていただきました。
が・・・今運営しているブログが無いのです(汗
このテンプレ使うために、ねたをさがしているところです。
emi | 2006/10/25 Wednesday 18:03
はじめまして。

テンプレートお借りしました。
トルキー | 2006/10/25 Wednesday 23:39
＞まぉさま
こんにちは。
テンプレのご利用、ありがとうございます。
コメントいただくだけで非常に嬉しいです！事前事後など全く気にしておりませんので、お気になさらず〜。
Serene Bachのテンプレートもどんどんステキなものが増えていますので（私のはともかく…）、悩まれるのも仕方ないかと思います＾＾


＞絵莉さま
こんにちは。
いつもながらありがとうございます＾＾
カスタマイズして、絵莉さんらしさを是非出してくださいませ！


＞イェーナさま
こんにちは。
テンプレの方は特に削除も何もしませんので、ネタの方、ゆっくり探してくださいませ。
そういえば、私も最近はSerene Bachのことしか書いていないですねぇ…。


＞emiさま
初めまして、こんにちは。
テンプレのご利用、ありがとうございます。
エントリのタイトル部分、色をつけても面白いですね。ふむふむ。
yuki。 | 2006/10/28 Saturday 01:35
いつもお世話になっています。
今回の点プレーも一目ぼれしましたので、いただいてまいります。
ただ、せっかくの大きな文字と可変の横幅は…何となく私的には慣れないもので、変更させていただきました。

今回からサイトアドレスなど一新しました。
今後ともよろしくですm(__)m
絵莉 | 2006/10/28 Saturday 14:30
トルキーさまこんにちは
質問なのですが、テンプレートに使用されている素材(ライン)を色を変えたり、少し手を加えるといった加工は不可でしょうか？
失礼な質問ですが、お返事いただけたら幸いです。
それでは　失礼します。
華 | 2006/10/28 Saturday 16:11
この記事とは直接関係ないのですが･･･
最近スパムによるトラックバックが来るようになりました。
拒否設定にしているにも関わらずです。
また、コメントの方も日本語を含まないコメントはスパムとして扱う　にチェックしているのですが、コメントの方にもスパムが来ています。
何か対処法などありませんでしょうか？
トルキー | 2006/10/29 Sunday 00:08
＞yuki。さま
こんにちは、いつもありがとうございます。
＞点プレー
なんかいいですね、これ（笑）。最近はあまりこういうものをつくらないようにしていたので、意外に使ってくださる方が多くて驚いています。
こちらこそ今後ともよろしくお願いします！


＞絵莉さま
画像の加工ですが、全く構いませんよ＾＾
画像の入っていたテンプレートで使用される限りでしたら、どんな風に弄ってくださっても構いません。
お好きなようにしてくださいませ〜。


＞華さま
スパムに対して、私が試したことがあるのは以下ですね。

・Serene Bach2.05以下で、スパムフィルター（http://calm.sakura.ne.jp/sb/sb.cgi?cid=18）を利用する。

・Serene Bach2.07にし、スパムチェックを[5]、スパムは破棄する、トラックバックのスパムチェックを有効にする、に設定する。

他にも方法あるかも知れませんが、一応こんなところでしょうか。私の場合は現在後者で、コメントスパムは全く来ない状態です（トラックバックスパムは若干来ますが）。
絵莉 | 2006/10/29 Sunday 08:59
おはようございます^^
加工、大丈夫なのですね
ありがとうございました！
華 | 2006/10/29 Sunday 21:49
>>トルキー様
どうもありがとうございます！
2.07にしたところ無事トラックバック・コメントのスパムがなくなりました。
ロクに調べず質問してしまい申し訳有りませんでした。
yuki。 | 2006/10/30 Monday 17:02
＞点プレー

ぎゃ。お目汚しを。｡･ﾟ･(ﾉД`)
ス、スルーしてくださいましー。
*hikaru* | 2006/10/31 Tuesday 00:48
白基調、ステキです。
お借りしますね！
トルキーさんにしたらいつもよりフォントが大きいのでちょっとビックリしました(笑)。
びーば | 2006/11/01 Wednesday 17:13
初めまして。トルキー様。
最近SBをさわり始めた者ですが、早速こちらのテンプレートを利用させて頂いております。
素敵なテンプレートありがとうございます！！
すいません。１点ご質問なのですが、「recommend」にある
紹介文で、トルキー様のこのブログでは、「感想はこっち。」という
ページリンクがありますが、これはどうやって表示しているのでしょうか？
SBのログインページにあるオススメの「紹介文」に「a href」のHTMLタグを記述すると、そのまま出力されてしまい
ページリンクの表示ができませんでした。
どうやったらオススメの紹介文でページリンクを表示させられるのでしょうか。
お忙しいトコロ、大変申し訳ありませんが、是非お助け下さい。
みかん。 | 2006/11/02 Thursday 19:50
＞びーばさん
横合いから、呼ばれてもいない私などがシャシャリ出まして済みません；
Serene Bach 2.07Dで新たに追加された独自タグが必要なので、同じようにするためには2.07Dにバージョンアップなさって下さい。
HTMLテンプレートの{amazon_comment}を{amazon_htmlcomment}に変更したあと、オススメの紹介文にリンクタグを記入すればご希望の表示になりますよ。
トルキー | 2006/11/03 Friday 00:15
＞絵莉さま
えぇ、ご自由にどうぞ！
是非素敵にしてやってくださいませ〜！


＞華さま
私に分かるぐらいのことでしたら遠慮なくどうぞ。
また何かありましたらいらしてくださいね。


＞yuki。
あれ、すっかり洒落だと思っていました。丁度点々ですし（笑）。


＞*hikaru*さま
こんにちは、テンプレートのご利用ありがとうございます！
私も自分でも珍しいなぁ…と。＞フォントサイズ
可変で幅も広くなりますので、その分文字が小さいと字数が多すぎて読みづらいかなぁと思い、大きくしてみました。
IEで見ると、そのせいか異様に大きいのですが；；


＞びーばさま
初めまして、こんにちは。
テンプレートのご利用、ありがとうございます！
私が風邪をひいている間にみかん。さんがレスをしてくださいましたが、この通りです。sb開発研究所のコメント欄に詳しく。
http://serenebach.net/log/sb207D.html#comments
参考になりましたら幸いです！


＞みかん。さん
レスサンクスです！
神代 刹那 | 2006/11/06 Monday 23:46
質問なのですが、
私の環境では、recent commentsの部分の名前の隣に「⇒」と出てしまうのですが
こちらの環境では、それは画像として出力されていますよね？
一体どのようにすれば、それは可能なのでしょうか？
トルキー | 2006/11/08 Wednesday 23:39
＞神代 刹那さま
こんにちは。
ええと、それに関してはプラグインを利用しています。
Serene Bach on the Prairieさまの「コメント・トラックバック指定ジャンプ（http://prairie.sweet-smile.org/ent/cmsjump_100.htm）」か、Boleroさまの「ComTbTree（http://gonta.pepper.jp/bolero/sb/eid/4.html）」を使用し、CSSを設定してください。これについては詳細は書きませんので、ご自分でお調べください。
参考になりましたら幸いです〜。
神代 刹那 | 2006/11/09 Thursday 00:28
有難う御座いました＾＾
後で調べながら、試して見ますねー
凛 | 2006/11/10 Friday 09:48
久しぶりに来ました！！
そして、ＤＬさせて頂きますね♪

いつ、完成するかわかりませんが(^^ゞ
ボチボチ、カスタマイズしたいと
思います！！
トルキー | 2006/11/10 Friday 23:24
＞神代 刹那さま
また何かありましたら遠慮なくコメントくださいませ〜！


＞凜さま
こんにちは。
テンプレのダウンロードありがとうございます！
ぜひぜひ素敵なかたちにカスタマイズしてあげてくださいませ＾＾
perseus | 2007/02/10 Saturday 23:49
初めまして。
この度社内ブログの管理業務担当となりまして、
慣れない初心者として四苦八苦しておりました。
取り敢えず自宅でローカルサーバーを立ち上げ、
検証中です。
素晴らしいテンプレートばかりですね。
大切に使わせていただきます。
あとちょっと欲張り過ぎまして申し訳ありません。
またお邪魔させていただきます。
ありがとうございました。
トルキー | 2007/02/13 Tuesday 00:06
＞perseusさま
こんにちは、テンプレートのご利用ありがとうございます。
のんびり今後もつくっていくつもりですので、また遊びにいらしていただけましたら幸いです。
ゆうこ | 2007/06/13 Wednesday 01:24
初めまして！
今回、初めてSBでblogを作る事になり、このステキなテンプレートをDLさせていただいたのですが、幅を狭くする場合、両側にも点線の画像を入れたいのですが、CSSをいじくっていたら変なことになってしまって…。両側にも点線の画像を入れることは無理でしょうか？
あと、全体の幅を700px位にして、サイドバーを離したいのですが、無理があるでしょうか？
トルキー | 2007/07/08 Sunday 23:57
＞ゆうこさま
レスポンスが遅れましてすみません。
もしかしたらもう解決されているかも知れませんが…。
両端に点線画像は横幅700pxで、両端に点線のある画像を作成し、背景に設定することで、可能になります。
全体の幅を変えるのは、上記カスタマイズの「固定幅への変更」で可能です。お試しくださいませ。
山田 | 2008/03/17 Monday 23:06
テンプレートお借りしました。ありがとうございます。
記事にあった「左右の入れ替え」を試してみたのですが、WinXPIE6で見ると左側からサイドメニュー・記事のステータス・記事の順に表示され、サイドメニューに記事のステータスの一部が重なって表示されます。
Firefoxで確認すると、並び順は同じで重ならず表示され、右側に空白が出来ています。
記事を真ん中に、記事のステータスを右、サイドメニューを左に配置することは可能でしょうか？何かヒントをいただけたら嬉しいです。（もしサポート外のカスタマイズが必要でしたら断ってください）

comment form

trackback url

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

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

trackback

テンプレート変更
P_Morris&JWW | 2006/12/07 Thursday 23:00
気分転換にテンプレートを変更してみました。今回は、宵闇書房　Twilight bookstore　さんから頂きました。今迄は、固定幅のテンプレートでしたが...
information

トルキーのSerene Bachテンプレートと読書記録、そして日々の呟きを綴るweblog（→and more...）。

管理人の他のサイト
  • Serene Bachテンプレート企画サイト「Shanty Templ@ers」。参加者募集中！
advertisement
recommend

yom yom (ヨムヨム) 2008年 03月号 [雑誌]

yom yom (ヨムヨム) 2008年 03月号 [雑誌] | | 新潮社

小野不由美さんの十二国記シリーズ新作「丕緒の鳥」掲載。感想は後ほど。

PIANOHEAD(初回生産限定盤)(DVD付)

PIANOHEAD(初回生産限定盤)(DVD付) | H ZETT M
DJ Mass
HIRO:N | BMG JAPAN Inc.(BMG)(M)

「ダイキライ」が素敵。ヘビーローテーション中。

selected entries
categories
recent comments
recent trackbacks
others
  • Count.