宵闇書房　Twilight bookstore

<< テンプレタイトル妄想録 | 11月の読書（2）「トワイライト」 >>

2005/11/14 Monday 23:40

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

画像であちこち固めたテンプレートを（また）つくってみました。
横幅については画像編集ソフトなどが無ければカスタマイズは難しいと思います。文字色でお楽しみ下さい。

なぜvitaminかというと、ビタミン・カラーのビタミンです。それ以上の意味はなし…。ま、寒くなってきたので風邪などひかないように、ビタミンをとりましょうということで。

「vitamin」

vitamin

サンプル

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

最終更新日

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

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

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

続きはここから

利用規約

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

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

使用方法

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

ダウンロード

vitamin.lzh

その他

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

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

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

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

カスタマイズについて

ブログ名の下のメニューについて

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

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にて変更できますが、ロールオーバー用の画像の関係上、3の倍数にすると綺麗に表示されます（デフォルトでは81pxになっています）。

メニューが要らないという方は、上記の部分を削除した上で、CSSの以下の部分を修正してください。

div.search{
height:23px;
margin:3px 0 0 0;
line-height:23px;
text-align:right;
vertical-align:bottom;
}

色の変更

メニュー部分はデフォルトでは黄緑（green）になっていますが、カスタマイズ用にピンク（pink）、橙（orange）、水色（blue）の各画像をテンプレートパッケージに梱包しました。よろしければお使い下さいませ。

画像のファイル名についてはテンプレート情報の「利用パーツリスト」にてご確認下さい。

左右の入れ替え

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

/* ボディー部分 */
div#body{
background:url({site_parts}tb_vitamin_body.gif) no-repeat 25px 10px;
}

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

/* サイドバー部分 */
div#side{
float:right;
width:220px;
margin:20px 0 0 0;
padding:0 0 10px 0;
background:#eee url({site_parts}tb_vitamin_side.gif) no-repeat 0 100%;
}

/* エントリーナビ */
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 30px 15px;
}

comments

Jura | 2005/11/15 Tuesday 11:51: ぎゃーもう！
トルキーさんったらまたまたこんな素敵な物を作ったりして、うきーーっ！！
（すいません、バカです、壊れてます……orz）

これ、サイドバーは簡単に外せます？
横幅は広げられなくても良いんだけど、サイドバーを外して使えるかどうかは自分にとってはかなり重要(笑)

トルキー | 2005/11/15 Tuesday 22:33: ＞Juraさま
だ、大丈夫ですか！興奮しすぎて酸欠になってないですか！
あ、個別エントリのアレですね。サイドははずせますよ～。

1）HTML
・<div id="body">を<div id="body2">などに変更
・サイド部分を削除
・<div id="main">とその閉じタグを削除
・footerの前の<br class"cancel" />を削除

2）CSS
・以下を変更。
div.sequel{
padding:0 20px 10px 20px;
font-size:10px;
text-align:center;
}

・以下を追記
div#body2{
padding:10px 0 0 0;
}

div#body2 div.entry,
div#body2 div.comment,
div#body2 div.comment_form,
div#body2 div.trackback_url,
div#body2 div.trackback,
div#body2 div.profile{
padding:0 25px 30px 25px;
}

ざっとこんな所ですー。

moonlit | 2005/11/16 Wednesday 12:36: こんにちは、トルキーさん
便乗質問
例えば全体の幅を600pxにするとしたら何処を修正したら良いでしょうか？
宜しくお願いします。

Jura | 2005/11/16 Wednesday 15:50: そうそう、それと実は前回のテンプレのときからちょっと気になっていたのですが、どうも折りたたみスクリプトがIEで上手く茶道…じゃなかった作動していないようなのです。

折りたたみ指定にしてあるところで折りたたまれなかったり、あと何故か「recent comments」文字と「archives」の一番古い月（家の場合2004年の8月）とが同じページにリンクを貼ってあるような格好になっているのですよね…？？
これはIEブラウザ以外でも同じ現象が起きています、Bachのテンプレをsb用に変更するとき何処か見落としている場所があったりするのでしょうか？

それとも今現在使っているプラグインとの相性か何かなのかなぁ…？？
もしも何か思い当たる事があったら教えてください。

長くなりすいませんでした。
ではでは

moonlit | 2005/11/16 Wednesday 22:16: おばんです。画像サイズ（footer,header,layoutを横幅のみ600px）変更であとは適当に修正しちゃいました。毎度お騒がせですいません。

トルキー | 2005/11/16 Wednesday 23:44: ＞moonlitさま
あわ、コメントする前にすみません！
そうですね…画像はそれだけで大丈夫です。
CSSは#layoutと#mainの幅、あと#mainの幅を400px以下にした場合にはdiv.comment_form dlとinput.form、textareaの幅もかな…。
試さずに書いているので間違っていたらすみません。参考になりましたら幸いです～。

＞Juraさま
うーん、試しにJuraさんのブログから折り畳みスクリプトをそのままの形で持ってきて使ってみたんですが、特に問題なく表示されました。
おそらく、何か別のJavaScript（こちらの方が可能性高いような）かプラグインが原因だと思うのですが、これは一個一個確かめていくしかないと思います。
どれなんだろう…？

Jura | 2005/11/18 Friday 00:39: こんばんは
判りました、もしかしてこれかも、と、とあるプラグインのチェックを外してみたらIEでも折りたたみスクリプトが利くようになりました。

あのスクリプトは残念だけどさして他に支障が無いから無くてもいいか…。

わかのすけ | 2005/11/18 Friday 21:42: こんばんはー。
sbでnobleを利用したときはお世話になりました。

今回はvitaminをお借りしたのですが
nobleよりも、サイドバーの自由度では低くなった？（横幅）
感じはするものの、デザインは
こちらのほうが気に入ってますー。
とくにメニューのロールオーバー部分が！←そこかよっ

また、ご参考までにお聞きしたいのですが
サイドバーの縦の枠線を消す場合、
/* サイド */の項目にある
「margin:0 1px」を「margin:0 0px」に変更するのみで
大丈夫でしょうか。

それではー。

トルキー | 2005/11/18 Friday 22:30: ＞Juraさま
おお、プラグインが。
とりあえずは原因が分かってすっきりですね。
どこかで干渉しているんだろうなぁ…。

＞わかのすけさま
こんばんは！
そうですね、nobleはエントリの幅があまり自由ではなかったですがvitaminは逆にメニュー部分の幅が不自由になってます。

サイドバーの横線は、それで間違いありません。もし上下の画像も…という場合は、div#bodyとdiv#sideの背景画像を消してしまえば大丈夫です。

メニューのロールオーバーは私もお気に入りです（笑）。アレがやりたくてつくったと言ってもいいかも…。

Rin | 2005/11/25 Friday 20:29: ヾ(*￣￣￣￣▽￣￣￣￣*)ノこんばんわ♪
ＤＬさせて頂きました！！

えっと
上のメニュー（プルダウン）に
カテゴリーとか、エントリーとか
持っていきたいのですが、
出来ますか？

サイドバーの所には、
Ｂｌｏｇツール
例えば、タグフレ・メロメロ
ツールを置きたいのですが！！

どうでしょうか？

トルキー | 2005/11/25 Friday 23:56: ＞Rinさま
こんにちな。
ええと、プルダウン…試しにやってみました。
http://quarter.vis.ne.jp/books/sb.cgi?tid=92
HTMLの方は、ソースを参考にお願いします。
で、CSSですが、まずは「/* サブメニュー */」部分を全て削除してください。
その上で、以下を追記。

/* サブメニュー */
div.menu{
position:relative;
height:30px;
margin:0 11px;
padding:0 5px;
background:url({site_parts}tb_vitamin_green.gif) repeat-x 0 0;
text-align:center;
}
div.menu a{
display:block;
width:90px;
color:#fff;
font-size:11px;
line-height:25px;
text-align:center;
}
div.menu a:link,
div.menu a:visited{
color:#fff;
}
div.menu a:hover,
div.menu a:active{
background:url({site_parts}tb_vitamin_green_over.gif) repeat-x 0 0;
color:#fff;
text-decoration:underline;
}
div#menu1{
position:absolute;
top:0;
left:5px;
}
div#menu2{
position:absolute;
top:0;
left:95px;
}
div#menu3{
position:absolute;
top:0;
left:185px;
}
div#menu4{
position:absolute;
top:0;
left:275px;
}
div#menu5{
position:absolute;
top:0;
left:365px;
}
div#menu6{
position:absolute;
top:0;
left:455px;
}
div.menu span{
display:none;
}
div.submenu{
visibility:hidden;
position:absolute;
left:0;
}
div.submenu a{
display:block;
width:90px;
color:#fff;
border-top:1px solid #fff;
background:#eee;
font-size:11px;
line-height:25px;
text-align:center;
}
div.submenu a:link,
div.submenu a:visited,{
color:#fff;
}
div.submenu a:hover,
div.submenu a:active{
background:#b5f256;
text-decoration:underline;
}

あと、div.searchに
position:absolute;
top:2px;
right:5px;
width:200px;
この四つを追記して、

margin:-27px 0 0 0;
を削除してください。

ブログツールは横幅200px以内のものならば可能です。
<dl>
<dt>ここにタイトル</dt>
<dd>ここにソース</dd>
</dl>
…というのを、サイド部分に入れてやってくださいませ。

Rin | 2005/11/26 Saturday 16:07: トルキーさま、丁寧に説明
ありがと！！

えっと
もう一つ聞いて見てもいいですか？

!ハーイ質問デス(ノ'-^)-☆

この・テンプレートのように
カレンダー下のＬｉｎｋ先

about archive download link
ってありますよね～。

これを、
カテゴリー・エントリー　コメント
トラックバック等にするには
いかがなもんでしょう？

(6￣￣)ポリポリ

で、サイドバーは
Ｂｌｏｇツールに・・・。

すみません。知識が乏しいのに、
なんでもやってみたくって！！
で、最終的に
先日の方にするか
今回の質問の方にするか
選んで見たいと思いますが・・・。

時間のある時でいいので
アドバイス
お願いします！！ぺこ <(＿＿)>

トルキー | 2005/11/27 Sunday 00:18: ＞Rinさま
ええと、正直どんなのかあまり浮かばないのですが、blog*citronさまの1:column(blue)みたいな感じですか…？
http://www.webcitron.com/blog/sblog/eid157.html

うーん…これはちょっとあれですね。おそらくはほぼ同じようにやってみれば出来ると思いますが、著作に関わると思いますので詳細は控えさせてください。
blog*citronさまのエントリをご覧になって作業されるのが分かりやすいかな、と思います。

Rin | 2005/11/28 Monday 19:09: ありがと！！
頑張ってみますね！！

又、遊びに来ます！！

トルキー | 2005/11/29 Tuesday 23:22: ＞Rinさま
はい、頑張ってくださいませ～。
ではでは。

swordfish | 2005/12/01 Thursday 20:52: はじめまして、swordfishです。
テンプレート気に入ったのでお借りしました。
ちょっと一言機能と、Adminを追加してみました。

トルキー | 2005/12/01 Thursday 23:39: ＞swordfishさま
初めまして、こんばんは。
テンプレのご利用、ありがとうございます！
さて、WinXP＋IE6.0で拝見しましたらば、ちょっと一言とカレンダがはみ出てしまってますね（汗）。恐らく正規のタグを使用されていないことが原因かと思います（<cal>とかですね）。
よろしければお確かめ下さいませ。

もぐら３号 | 2005/12/02 Friday 23:13: こんばんは、もぐら３号と申します。
シンプルさが気に入って、「vitamin」ダウンロードさせてもらいました。
Blogネタが被り気味なのもアレなんですが、オリジナルの美しさを損なわぬように手を加えて、長く利用させていただきたいと思います。

トルキー | 2005/12/03 Saturday 00:01: ＞もぐら３号さま
初めまして、こんばんは。
テンプレのご利用、ありがとうございます！
何やってもシンプルなものができあがるので（笑）、この路線でずっと行こうかと思っています。
ではでは、また遊びにいらしてくださいませ。

suzuki | 2005/12/03 Saturday 11:38: はじめまして。vitaminをDLさせていただきました。
素敵なテンプレートをありがとうございます。
ところで、サイドバーを右から左に持ってきたく、エントリー部分とサイドバー部分を共に
float:right;
にしてみたのですが、selected entriesの上の画像だけ右に残ったままです。左に持ってくるには、CSSのどこを変更したらいいのでしょうか。
お忙しいところ申し訳ありませんが、よろしくお願いします。

トルキー | 2005/12/04 Sunday 00:11: ＞suzukiさま
初めまして、こんにちは。
ええと、画像の件ですが、
div#body{
background:url({site_parts}tb_vitamin_body.gif) no-repeat 465px 10px;
}
この465pxを25pxに直していただければ大丈夫かと思います。お試し下さいませ～。

suzuki | 2005/12/04 Sunday 13:36: 画像が左に表示されるようになりました！ありがとうございました。

トルキー | 2005/12/04 Sunday 22:10: ＞suzukiさま
こんにちは。
うまくいきましたようでよかったです。
お暇なときにでもまた遊びにいらしてくださいませ！

ばる | 2005/12/05 Monday 23:55: こんばんは。
テンプレートをダウンロードさせて頂きました。ありがとうございますo(〃'▽'〃)o

swordfish | 2005/12/06 Tuesday 23:00: トルキーさん
ご指摘ありがとうございます。
最近fier foxでしか、ネットの閲覧してなかったので、ＩＥで、確認してませんでした…

トルキー | 2005/12/07 Wednesday 00:26: ＞ばるさま
こんばんは。テンプレのご利用ありがとうございます！
ええと、Firefoxで見ると、若干表示が崩れてしまっていますね。
div.entry,
div.comment,
div.comment_form,
div.trackback_url,
div.trackback,
div.profile{
padding:5 15px 30px 25px;
}
上記部分の、5→5pxと、単位をつけてみてくださいませ。

＞swordfishさま
こんにちは。
ブラウザの違いって本当に難しいものだなぁ、と思います。私も未だに悩まされっぱなしです。

ばる | 2005/12/07 Wednesday 00:54: こんばんは。
単位をつけてみました。どうでしょうか？
ﾄﾞｷﾄﾞｷo(〃・ω・〃)o

トルキー | 2005/12/08 Thursday 00:06: ＞ばるさま
あ、その部分治りました！
…が（汗）。
div#main{
float:left;
width:465px;
padding:10px 5px 15px 5px;
}

ここなんですが、長さとpaddingを一緒に指定するとブラウザによって表示にずれが起きますので（IEのバグなのですが…）、

padding:10px 0 15px 0;

↑以上に修正していただければ大丈夫です！

namie | 2005/12/13 Tuesday 21:32: はじめまして！！Ｓｂ用のテンプレートを探していたら、理想のものとベストマッチしていたものが見つかりました♪これ、とても使えそうですね♪ぜひぜひ使わせていただきます。また完成したら、ご連絡させていただきます☆

トルキー | 2005/12/13 Tuesday 23:43: ＞namieさま
初めまして、こんにちは。
テンプレートお気に召していただけまして、幸いです。
設定等色々大変かとは思いますが、完成目指して頑張ってくださいませ！

suzuki | 2006/01/08 Sunday 20:36: こんばんは。たびたびすみません。
テンプレの件で教えていただきたいのですが、既存の枠の画像はそのままで、サブメニューより上の、ヘッダー部分全体に画像を入れたいのですが、スタイルシートで指定する場合はどのようにすればいいのでしょうか。
お手数をおかけしますが、よろしくお願いいたします。

トルキー | 2006/01/09 Monday 00:01: ＞suzukiさま
こんにちは。
ええと、ヘッダーに画像…ということは、タイトル部分を画像にしたい、ということなのでしょうか？
それでしたら、過去のエントリのここら辺が参考になるかな、と思います（現在、私は別の方法でやっていますが…）。
http://quarter.vis.ne.jp/books/log/eid127.html

同じ方法ですが、blog*citronさまの以下のエントリと、そのエントリ内にあるリンク先も参考になるかと思います。
http://www.webcitron.com/blog/sblog/tips/eid138.html

suzuki | 2006/01/09 Monday 22:46: お忙しいところありがとうございました。参考にさせていただきます。

トルキー | 2006/01/10 Tuesday 00:14: ＞suzukiさま
いえいえ、また何かありましたらお気軽にお問い合わせ下さいませ。

Hiroko_Y | 2006/02/22 Wednesday 21:28: トルキー様、こんばんは。はじめまして。

素敵なのが多いですね。

うちのは商用利用に当たりますよね。SOHOだし。ダメっぽかったらプライベートで使わせて頂くかも。

トルキー | 2006/02/23 Thursday 00:01: ＞Hiroko_Yさま
初めまして、こんにちは。
わ、ありがとうございます！そういっていただけるのが何よりの糧で。

で、商用利用なのですが、Serene Bachの利用規定と異なり、テンプレを直接使ってお金を得ることをこのブログでは商用利用と捉えています。
今まで誰にも聞かれないのをいいことに書いておりませんでしたが…。

ですので、サイトにHP作成業者さんの手が入っている、等でなければ問題なし、逆でしたらば、今回は…、ということになります。
分かりづらくてすみませんです。

Hiroko_Y | 2006/02/23 Thursday 13:43: トルキーさん、

ああ、まったく自分でカスタマイズして商売に使うというならOKということでしょうか？それだったらうれしいです。ときどきテンプレ変えて楽しんでいるので。

トルキー | 2006/02/24 Friday 23:50: ＞Hiroko_Yさま
レス遅くなりました。
んと、テンプレとお金が全く関係ないところにあるならばOK、ということです。
ですので、Hiroko_Yさんの場合は恐らくは大丈夫かと思います＾＾

サチ | 2006/05/07 Sunday 01:20: 始めまして！↑にもコメントありましたが　トルキーさんのテンプレが使いたくて　sbからSerene Bachに移行したと言っても過言ではないくらいにファンです＾＾

初歩的な質問で申し訳ないのですが、、テンプレート情報の「利用パーツリスト」はドコにあるのでしょうか？！
色を変えて使いたいなと思ってるので…＾＾；

トルキー | 2006/05/07 Sunday 23:25: ＞サチさま
こんにちは。もう、そういっていただけるのが最も嬉しいです！ファンって…なんかは恥ずかしいですね（笑）。

で、利用パーツリストですが、テンプレート名の横に[*]←こんなリンクがありませんか？これをクリックしていただければ、テンプレート情報と共に、利用パーツも見ることができます。
greenの所をそのまま別の色名に入れ替えるとOKにしてますので、お試し下さいませ＾＾

あおい | 2006/06/19 Monday 19:20: とても素敵なテンプレートなのでお借りしたいのですが、カスタマイズのことで１つ質問があります
ロゴの部分を画像にしたいのですが、こちらのエントリを参考にカスタマイズしたのですが、どうもpaddingやmarginの設定がうまくいかず、お手上げ状態です

出来れば教えていただけるとうれしいです
ちなみに画像のサイズは横688縦90です

トルキー | 2006/06/20 Tuesday 01:14: ＞あおいさま
テンプレのご利用、ありがとうございます。
カスタマイズの件ですが、カスタマイズ中のテンプレのURLを教えていただけるとありがたいです。途中で全く構いませんので…。
こちらに書き込みしづらければ、メールでも構いませんです（Aboutとquarter内にフォームがあります）。

トルキー | 2006/06/21 Wednesday 23:53: ＞あおいさま
メールありがとうございました。
メールアドレスの入力がなかったのでこちらにてお返事を（見てくださっているとよいのですが…）。

CSSのh1 aのpaddingの行を削除してください。
paddingとwidth・heightを一緒に使うと、場合によってはうまくいかないことがあります。

で、その上で、もし画像の上下に空白を空けたいという場合には
h1{
padding:なんとかかんとか;
}
…というようにするとよいと思います。

上部の空白がいらない場合には
div#header{
background:{site_parts}～;
}
の部分を削除してもよいかもしれません。

あおい | 2006/06/22 Thursday 14:53: アドレス書き忘れてしまってすみませんでした

教えていただいたように
h1{
padding:なんとかかんとか;
}
でやってみました
私のブラウザはoperaなんですが、operaではうまく表示されたのですがＩＥではまだ少しおかしい表示になってしまいます

この方法ではＩＥではうまく表示できないんですかね？

トルキー | 2006/06/24 Saturday 00:15: ＞あおいさま
検証が足りませんですみません！
h1 aの
width:688px;
を削除し、
margin:0 auto;
を
margin:0 11px;
に修正してくださいませ。これで大丈夫ではないかなぁ…と思います。

あおい | 2006/06/25 Sunday 08:49: ありがとうございました！
無事出来上がりました！

お手数おかけしてすみませんでした

トルキー | 2006/06/27 Tuesday 00:10: ＞あおいさま
いえー、こちらこそうまく行きましてよかったです！
また何かありましたら遠慮なくお尋ね下さいませ＾＾

annie milk | 2006/06/30 Friday 00:05: トルキー様。
こんにちは。

とても可愛らしいテンプレートですね。
サイトのリニューアルをしたので、vitaminをお借り致しました。

緑だけでなく、他の色があることに後から気づきました。バリエーションもたくさんあって、さらにシンプルなので、カスタマイズするのが楽しかったです。

ありがとうございます！

トルキー | 2006/07/01 Saturday 23:28: ＞annie milkさま
こんにちは。テンプレのご利用、ありがとうございます。
このvitamin以降からは（確か…）カラーバリエを含めるようにしています。

さて、ブログの方拝見したところ、Firefoxで見た際に上部のメニューが表示されないようです。
CSSのdiv.submenuのbackgroundのコメント部分に要因があるようですのでお気を付け下さいませ＾＾

sola | 2006/08/26 Saturday 13:12: トルキー様、はじめまして。
今まで別のBlogを使っていたのですが
Serene Bachに切り替えましたので
テンプレートを使わせていただきました。
どれもステキで迷いましたが
ブログ名の下のメニューを使いたかったので「vitamin」に決めました。

どうもありがとうございました＾＾

トルキー | 2006/08/29 Tuesday 23:15: ＞solaさま
初めまして、こんにちは。
テンプレのご利用、ありがとうございます！
ちょっと拝見しましたところお悩みのようでしたのでいくつか。

＞フッタが表示されない


…これがHTML内にありませんか？（詳細はパティオをどうぞ↓）
http://sbuser.sakura.ne.jp/patio_dev/patio.cgi?mode=past&no=109

＞Recommend
以下のように変更してみてください。
<dl class="recommend">
<dt id="recommendname">recommend</dt>
<dd id="recommendlist">

<a href="{amazon_url}"><img src="{amazon_ImageUrlSmall}" alt="{amazon_ProductName}" title="{amazon_ProductName}" /></a>
<p><a href="{amazon_url}"><strong>{amazon_ProductName}</strong></a> | {amazon_Creator}</p>
<p>{amazon_comment}</p>

</dd>
</dl>

sola | 2006/08/30 Wednesday 19:20: トルキー様、こんばんは。

さっそく教えていただいたとおりに変更してみたら
ばっちり悩みが解決できました。
非常に助かりました。
ご丁寧に教えていただきありがとうございます！

このサイトはこれからも重宝させていただくと思いますので
どうぞよろしくお願いいたします＾＾

トルキー | 2006/09/01 Friday 23:50: ＞solaさま
こんばんは。
表示の不具合、直りましたようでよかったです！
このぐらいのことでしたらばいくらでもアドバイス可能ですので、あまりお気にせず。
こちらこそよろしくお願いします！

Rena | 2006/09/08 Friday 02:47: こんばんは、はじめまして。
一目で気に入ってVitaminをお借りすることになりました。
素敵なテンプレをありがとうございます～。

ところで、とても初歩的な質問で申し訳ないのですが
テンプレート適用後、コメントを投稿して、実際に表示されているものを見ると
TITLE:
SECRET: 0
PASS: 74be45987gnbcxlu9anbt986thyoas
のようなものがコメント本文と共に表示されるのですが、
これを表示させない方法を、宜しければ教えていただけないでしょうか。
よろしくお願いします。

トルキー | 2006/09/08 Friday 23:39: ＞Renaさま
初めまして、こんばんは。
テンプレのご利用、ありがとうございます！
さて、ご質問の件ですが、うーん…聞いたことがないですね。
なにか本体改造やプラグインの導入などはされませんでしたか…？URLも一緒に教えていただければ、より解決に近づけると思います。

Rena | 2006/09/12 Tuesday 09:06: お返事が遅くなり申し訳ありません。

上の件なのですが、どうやら他のブログからデータをインポートすると
前のブログとの設定の違い（？）で
どうしても表示されてしまうようです。
というわけで、自己解決いたしましたorz
お騒がせして申し訳ありません(ﾉω`)・。」
新しく投稿するコメントについては問題ないので、気にせずこのままやっていこうかと思います～。
妙な質問にご返答、有難うございました！

トルキー | 2006/09/14 Thursday 00:07: ＞Renaさま
お、インポートされたデータの問題なのですね。
Serene Bachにはタイトルもシークレット機能もパスワード昨日もないしなぁ…と思っておりましたので、無事問題の解決が図れましてよかったです！

どら♀どら | 2007/04/08 Sunday 20:28: トルキーさん、こんにちは。
綺麗なテンプレートですねぇ。最近、若葉色系に凝っていて、トルキーさんのこのテンプレートがHitしました。
これからも頑張って下さい！

「sb database」、いつもCheckしてますよ！

トルキー | 2007/04/11 Wednesday 23:32: ＞どら♀どらさま
こんにちは。
テンプレートのご利用、ありがとうございます。
一年以上前につくったテンプレなんですが、自分らしいのがつくれたなぁとも思っています。

sb database、お役に立ちまして嬉しい限りです！

みーしゃん | 2007/04/12 Thursday 14:22: はじめまして。
某アーティストのファンサイトの管理人をしています。
このたびＨＰをＳＢで作成してみようと思い、こちらのテンプレートにたどり着きました。
横幅を800pxに変えたいのですが、下の画像の変更が分かりません。
それと、メニューバーにサーチ画面をおきたいのですが、どうすればよろしいでしょうか？
よろしくお願いします。

トルキー | 2007/04/14 Saturday 23:30: ＞みーしゃんさま
初めまして、こんにちは。
テンプレートのご利用、ありがとうございます。
さて、画像についてですが、デフォルトでのサイズ（横幅710px）以外の場合はお手元での画像の修正が必要になります。
* tb_vitamin_layout.gif
* tb_vitamin_header.gif
* tb_vitamin_footer.gif
の三つを画像編集ソフトにて改造してください<(_ _)>

＞メニューバーにサーチ画面
これについてはよくわからないのですが…横のリスト部分に設置したいということでしょうか？

ish | 2007/04/22 Sunday 13:33: トルキー先生、こんにちは。
実は、これまでずっと使ってきたgrayishが配布終了となった頃から、次のテンプレを色々試してみたのですが(全部トルキーさんの)、結局このvitaminをベースにさせていただくことにしました。例によって自己流でいじくり、横幅を広げるのも(多分)なんとか成功。
ただし、いくつかどうしたらよいか分からない点があります。転職されたばかりでお忙しいことと思いますが、時間のある折にでもお助けいただければ幸いです。

まず、現状は以下の状態です。
http://foodish.net/sb/sb.cgi?tid=104

質問1)コメント欄で紹介されているユヅさんのところを参考に、ヘッダ部に画像を入れようとしているのですが、ご覧のようにダメダメです。僕としては元々のヘッダスペースに上下・左右ともセンタリング状態で画像を置きたいのですが、どこが間違っているのでしょうか。
質問2)上記と関連しているのか、サブメニュー・カレンダーあたりの表示がごちゃついてしまっています…
質問3)strongとaタグの両方を使った要素(例：サイドのATTENTION！内とかアマゾンの商品名とか)に対してマウスオーバーした場合に、他のリンク要素同様color:#ff285eとなるようにしたい。

次は個別エントリです。
http://foodish.net/sb/sb.cgi?tid=104&eid=952
質問4)横幅を広げたのでコメント入力フォームを触ろうとしたのですが、よくわかりませんでした。せっかくなので、コメント入力欄の幅を広げたいのですが、どうすればいいでしょうか？

以上、長々と書きましたが、その他にもお気づきの点があればご指摘いただけると嬉しいです。(急ぎませんので)
どうぞよろしくお願いします。

トルキー | 2007/04/23 Monday 23:47: ＞ishさま
こんにちは。先生…実は3月までの1年間、そう呼ばれる職業をしておりました。
みんな元気かなぁ…。

えと、まずは1つめ。
h1に謎のタグが紛れ込んでいるのが原因ですな。
<a href="http://foodish.net/sb/img/img1697_foodishtopsbach50093.jpg" title="foodishtopsbach50093.jpg">
（これ…とこの閉じタグ）。
ユヅさんのエントリから、タグの順番などをもう一度確認されることをオススメしますー。

2つめ。
div#submenuのmarginを以下のように変えてください。
margin:0 11px 0 13px;

3つめ。aタグとstrongタグの囲みの順番を逆にしてくださいまし。

4つめ。
div.comment_form dl
と
div.comment_form dl textarea
…がポイントです。
div.comment_form dlの数値を大きくして、その上でtextareaの数値を大きくしてください。「textareaの数値+107px」が必ずdlの数値よりも小さくなるようにしてくださいね。

こんな感じでしょうか。

ish | 2007/04/25 Wednesday 18:55: トルキー(元)先生、早速のアドバイスどうもありがとうございました。毎度お手間取らせて申し訳ないです。
おかげさまで2～4については即解決しました。ただし1に関してはあと一歩のところで苦戦しています。

まずh1の謎のタグに関しては、全く僕の勘違いでした(汗
それに加えてh1に関するcssも思い違いをしていたので手直しし、やっとここまで来ました。(ちなみにFirefoxとIEでは見え方が違います)
http://foodish.net/sb/sb.cgi?tid=107
色々やってみたのですが、画像の位置の変え方がわかりません。重ね重ね申し訳ありませんが、ご教示よろしくお願いします。

トルキー | 2007/05/04 Friday 23:43: ＞ishさま
すっかりレスが遅くなってしまいました。ネットをしていないわけではないのですが、なんだかぼんやりしている私が；；

えと、画像の件ですね。CSSの h1 a に、
background:url(画像のURL);
…こんな記述があると思いますが、これを、
background:url(画像のURL) 0 30px;
…こんな感じにするといいと思います。

ish | 2007/05/05 Saturday 21:27: トルキーさん、色々とお忙しい時に何度もありがとうございます。
早速やってみました。で、OKでした…といきたかったのですが、WINのIE６で画像が左に寄ってしまいます(涙)　MacIEを含め、僕が使えるその他のブラウザでは大丈夫でした。
http://foodish.net/sb/sb.cgi?tid=108
ほんとうに何度も申し訳ありませんが、どうぞよろしくお願いします。

トルキー | 2007/05/13 Sunday 23:49: ＞ishさま
またまたお返事遅くなりました。秋田にいなかったりしたもので；；

画像が寄るということですので、以下をCSSの h1に記述すると直ると思います。
text-align:center;

もし、直らない場合はh1 aに以下を追加してください。
background:url(画像のURL) 50% 30px;
text-align:center;

お試しくださいませー。

ish | 2007/05/14 Monday 23:51: お陰様でh1にtext-align:center;でうまくいきました！
こんな簡単なことが分からなくて恥ずかしいっす。h1 aにこのcss加えたりしてみてはいたのですが…
ともかくこれで思ってた通りにできたので、これをもとに細かいところをいじっていきます。お忙しいところ、何度もお手数をお掛けして申し訳ありませんでした。

トルキー | 2007/07/08 Sunday 23:52: ＞ishさま
恐ろしいほどの遅レスですみません；；
CSSって試してみてようやくわかってくるものですよね。
自分の知らないバグで、未だにちゃぶ台ひっくり返したくなるときもあります。お互い頑張りましょう＾＾

*miyuko* | 2007/08/07 Tuesday 22:06: こんばんは。初めまして！
今回、トルキー様のテンプレをお借りしました。
ありがとうございました！

サブメニューがついたテンプレを探していましたところ
スッキリと可愛いvitaminがとても気に入りました！

まだ分からない事だらけで質問させて下さい。
ｔｏｐに「お知らせ」のような不動の記事を置きたい場合は
どうすればよろしいですか？
普通に記事を書くと日付が入ってしまいます。

出来ればカテゴリ別にアップして、ＨＰを全部
vitaminで組みたいと思ってます。

基礎が分かってないので質問の内容が分かりずらいかと
思いますが、どうぞよろしくお願いします！！

トルキー | 2007/08/15 Wednesday 23:48: ＞*miyuko*さま
初めまして、こんにちは。
テンプレのご利用、ありがとうございます。
トップページのみに一つ何かを表示したい、ということであれば、「ちょっと一言」というプラグインがデフォルトでついているかと思いますので、それをお使いになるのがいいと思います。
詳しくはヘルプをどうぞ＾＾
http://serenebach.net/doc/src/optional_ja.html#memo

*miyuko* | 2007/10/18 Thursday 12:47: トルキーさま、こんにちは！
コメントをいただいたのに、ＰＣの調子が悪くなかなかお返事出来ずに
なってしまってました。すみません。そして、ありがとうございました。

上記「ちょっと一言」を使ってみたのですが、何も表示されませんでした（涙）
何度か、試してみます！本当に遅くなり申し訳ありませんでした。
これからも、どうぞよろしくお願い致します。

トルキー | 2007/11/28 Wednesday 00:00: ＞*miyuko*さま
返信が大変遅くなりました。
表示されない…もう解決されているかも知れませんが、プラグインがきちんと有効になっているか、独自タグ・独自ブロックがきちんと書かれているか、テンプレートを編集したあとに再構築されたかあたりが肝でしょうか…。
何かありましたら、またいらしてくださいね。

comment form

trackback url

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

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

trackback

お世話になりましたサイト様。: :: go with the light :: | 2008/02/20 Wednesday 02:56; ☆プラグインをお借りしたサイト様。・sb開発研究所様http://serenebach.net/「記事評価プラグイン ver 0.03」・[あ]UnderDone（あんでるどん）様http://underdon...

宵闇書房 Twilight bookstore