宵闇書房　Twilight bookstore

<< 映画「クリムト」 | sb databaseの投票機能について >>

2007/04/20 Friday 07:44

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

このテンプレートはShanty Templ@ersの「第4回企画「通勤・通学」」のもと、つくりました。他の方のテンプレートもこちらのエントリにありますので、是非ご覧下さいませ。

今回のテーマを見たときに非常に難しい…！と思ったのですが（テーマ作成者は私ではありません）何とかかんとかできました。イラストってあまり得意じゃないんですがね（汗）。

さて、今回は1カラムのテンプレです。sb databaseを作成している際に、1カラムのものは少ないなぁ…と思っていたので今回ものは試しとばかりに作成してみました。

サンプルは私のブログですのでトップページのエントリ数は5件となっていますが、表示件数を1件だけにしてみるのも面白いのではないかなぁと思います。

デフォルトでは固定幅となっていますが可変幅、また今流行りのエラスティックもカスタマイズ次第で可能です。

さて、テンプレ公開ついでにご報告。今月中旬頃に転職をしましたためかつてないほどに毎日が忙しいです；；ブログの更新はゆっくりになりますが（というか、現在もゆっくりですが）ご了承くださいな。

「field」

field

サンプル

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

最終更新日

2007/04/20 ver.1.00: 公開。

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

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

続きはここから

利用規約

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

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

使用方法

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

ダウンロード

field.lzh

その他

WinXPのInternet Explorer7/6.0/5.1、Opera 9.10、Firefox2.0.0.3にて確認しています。

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

ヘッダへメニューを追加

プロフィールやインフォメーション、リンクページなどへのリンクに使うことのできるメニューを追加します。

以下のソースを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にはリンクを張るための文字をどうぞ。リストの数はお好きなように変えてくださいませ。

横型カレンダを追加

以下のソースをHTMLテンプレートの<div id="body">の直後に追加してください。

<!-- BEGIN calendar -->
<div class="calendar">
{calendar_horizontal}
</div>
<!-- END calendar -->

リキッドレイアウトに変更

CSSの以下の部分を修正してください（数値はご自由にどうぞ)。

div#header,
div#list,
div.sequel,
div.entry,
div.comment,
div.comment_form,
div.trackback_url,
div.trackback,
div.profile,
div.pagenavi,
div.pagetop{
width:80%;
margin:0 auto;
font-size:100%;
text-align:left;
}

エラスティックレイアウトに変更

CSSの以下の部分を修正してください（数値はご自由にどうぞ)。また、この部分のフォントサイズを1部分だけ（例えばdiv#listだけフォントサイズを10pxにする、など）変更するとうまくいきませんのご注意ください。

div#header,
div#list,
div.sequel,
div.entry,
div.comment,
div.comment_form,
div.trackback_url,
div.trackback,
div.profile,
div.pagenavi,
div.pagetop{
width:55em;
margin:0 auto;
font-size:100%;
text-align:left;
}

comments

taki | 2007/04/20 Friday 16:00: かなりツボです。　と言うかハッキリ言ってど真ん中です。

導入を考え中。

＞今月中旬頃に転職をしましたためかつてないほどに毎日が忙しいです

あー、慣れるまではたいへんですね。　頑張って下さい。

きょん | 2007/04/21 Saturday 08:53: 初めまして。
テンプレートで、密かにお世話になっておりましたm(__)m
今回も本当に素敵なテンプレートで、たまらずお借り致しました。まだまだ私達の地域ですと桜前線がやっとの状態ですが(私も同県民です♪)初夏の空気を感じる爽やかなテンプレートですね。

それで、個人的な好みで申し訳ないのですが、記事内のコメントやTB部分とエントリ内容部分を左右逆にすることをご教授頂ければと……。
自分なりにいろいろと頑張ってみたのですが、内容部分が"entry_state"部分に回りこんでしまうのです。どこで調節を取ったら良いのかと悩んでおります。。。

新しいお仕事との事で、日々お疲れの事と思います。お時間のある時で全く構いませんので、よろしくお願い致しますm(__)m

namu | 2007/04/21 Saturday 09:54: トルキーさんお久しぶりです。

こういうテンプレート密かに待ってました（笑）
WordPressでは、よく見かけていたので、あったらいいなぁ～と思っていたのです。ありがたや！ありがたや！
導入させていただきます。

絵莉 | 2007/04/21 Saturday 15:37: トルキーさんこんにちは。
1カラム待ってましたっ！！
素敵テンプレートお借りしました！ありがとうございました^^

転職されたのですね。
お仕事大変だと思いますが、頑張ってくださいね。

きょん | 2007/04/21 Saturday 18:47: こんばんは。何度もすいません。

何となく自己解決致しました。大変お騒がせ致しました(^_^;)

暑かったり寒かったりの差が激しいこの頃ですが、お体ご自愛くださいませ。またひそりと寄らせて頂きますm(__)m

ちち | 2007/04/22 Sunday 19:42: トルキーさん、こんばんは。
またまた素敵なテンプレートありがとうございました。
さっそく利用させていただきました。

転職されたとか、慣れるまでたいへんだと思いますが、がんばってください。

トルキー | 2007/04/24 Tuesday 00:18: ＞takiさま
うぉ、ツボですか！それはとても嬉しい限りです。というか、takiさんのMONOも素敵です。画像なしってある程度は色遣いの勝負になると思うのですが、もうそこら辺の能力破綻しているので；；

＞きょん
秋田の桜もそろそろ満開のようですね。今年は直接見に行けるかな…。
既に解決されたようですが、暇を見てカスタマイズの方にも左右を反対にする方法を書いておこうと思います。実は元々は逆だったのですが、公開前になんとなく変えたという経緯があります。

ブログ、なんだか大変そうですが、解決されますことを祈っております。

＞namuさま
テンプレートのご利用、ありがとうございます。
1カラムもの少なかったのでつくってみました。JavaScriptとかさっぱりなのでこの形に；；
テキストが見やすいかたちになっていればいいなぁともいながらつくりました。

＞絵莉さま
テンプレートのダウンロードありがとうございます。
1カラムって意外と（と言ったらこれ好きな方に失礼ですが）要望あるのですね。変わり種でつくったつもりだったのですが、非常に嬉しいことになっています。

＞ちちさま
テンプレートのご利用、ありがとうございます。
なんだか意外と反響大きくてびっくりです。
転職は自分の日々の生活を繰り返すのにいっぱいいっぱいという有様で；；
脳みその容量がもうちょっと欲しい…。

まゆみ | 2007/08/01 Wednesday 01:37: 初めまして。
こちらのテンプレートをダウンロード
させていただいたのですが、日付と記事を反対にするには、どのようにしたら良いでしょうか？
色々試してみたものの解決ができなかった為、質問させていただきました。
お忙しいと思いますが、ご伝授宜しくお願いいたします。

トルキー | 2007/08/15 Wednesday 23:37: ＞まゆみさま
初めまして、こんにちは。
お返事、大変遅くなりました。

もしかしたらもう解決されたかも知れませんが、CSSの最後に以下を付け加えてくださいませ。
div.entry_body,
div.entry_more{
padding:0 5px 0 35.3%;
}
div#main ul.entry_state{
float:left;
margin:0 0 0 2%;
width:31.3%;
}

コメントと、フォームも反対にするには以下もお願いします。
div.comment dl dd,
div.trackback dl dd{
margin:0 0 0 2%;
padding:0.5em 5px 0.5em 33.3%;
}

div.comment_form dl{
margin:0 0 0 33.3%;
}

kgo | 2007/12/03 Monday 04:19: はじめまして。
こちらのテンプレお借りしました。
ちょうど1カラムで、記事横に日付やらカテゴリやら持ってきたかったのでツボでした。
ありがとうございます。

トルキー | 2007/12/22 Saturday 23:37: ＞kgoさま
初めまして、こんにちは。
テンプレートのご利用、ありがとうございます。
とても素敵にカスタマイズしてくださっていて、こういう風に使っていただくと使っていただける喜びもひとしおです！

comment form

trackback url

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

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

trackback

第4回企画「通勤・通学」: Shanty Templ@ers | 2007/04/20 Friday 19:04; 第4回企画「通勤・通学」公開日です。4月も半ばを過ぎて、新しい環境にも慣れた頃でしょうか。新年度のためか、前回に引き続き多忙なメンバーはお休みされています。ご了承ください。テンプレートは各作成者のサ...

テンプレート「field」に変更: 気ままな日記 | 2007/04/22 Sunday 19:43; Shanty Templ@ersさんで、第４回企画「通勤・通学」のテンプレートが発表されたのを受けて、早速テンプレートを利用させていただきました。Twilight bookstore 宵闇書房　様｜Serene Bachテンプレート・「field」...

テンプレ変えたお: Positive. | 2007/04/24 Tuesday 03:32; 前のテンプレ、かなぁ?り気に入っていたのですが、Twitterを知った宵闇書房さんの新作テンプレfieldが1カラムじゃないですくわ！1カラムのデザイ...

宵闇書房 Twilight bookstore