針ねずみのノート#002 ver2.02[SereneBach用テンプレート]

針ねずみのノート#002SereneBach用テンプレート 針ねずみのノート#002
ver 2.02 ...last update: 06.02.07
サンプル表示個別エントリ表示
中央に記事、左右にナビバーの3カラム。
▼利用の前にお読み下さい

・使用素材画像の当テンプレート以外への使用はご遠慮下さい。
・再配布はご勘弁願います(カスタマイズ後も含む)
・このファイルを利用して起こったいかなる損害も保証は出来ません。
・出来るだけ最新verをお使い下さるようお願いします。


▼以下の環境で動作確認をしています

winXP: IE / NN / Opera / Firefox 最新版
Mac : IE5.2 / NN 7.1


▼テンプレートの使い方

1:ダウンロードしたファイルを解凍して下さい。
2:解凍したフォルダの中にtemplate.txtがあればOK!
3:ログイン→[設定メニュー]テンプレート→「インポート」からtemplate.txtを読み込んで完了!


▼カスタマイズについて

・カスタマイズは自己責任においてご自由にどうぞ。
・著作権表示は、blog*citronという名前とリンク先URLに間違いがなければ、文章や位置の変更は自由です。やむをえない理由でない限りはできるだけ残しておいてほしいなあと思います。


▼update
  • 2.02(06.02.07)
    オススメ商品から記事を作成した際の商品画像にテキストの回り込みを設定。解析を使った時にotherの罫線がずれないように変更。
  • 2.01(06.02.01)
    サブカテゴリーリストの独自タグを削除。解析タグの独自ブロックの位置を変更。
    細かいデザインを変更(全体のバランス、bodyに壁紙追加、ナビバーの背景色がウィンドウの高さに合わせてつくように変更、記事内のリストにアイコンを表示、トラックバック表示部のデザイン変更)
  • 2.00(05.07.31)
    2.00として配布開始

DOWNLOAD(LZH形式)
Related Archive

Comments

コメントエリアをスクロールする / スクロールを解除する

ユヅさん初めまして!!
以前から可愛いsbのテンプレが気になっていました。
昨日ようやくsbに変えてこの針ねずみのテンプレをお借りしました☆
とても可愛くて気に入ってます♪
暑い日が続きますが、お体に気をつけて運営頑張って下さい!!
応援しております。
では失礼します。

ユヅさん!おはようございます。
針ねずみの3カラムを使わせて頂いてます。
先日Fcafeさんというところで新着マークをつけるという
スクリプトを見つけ早速つけようと思いましたがw」w」w」
タグが全然違うテンプレートでの説明でチンプンカンプンA^^;;
ユヅさんの場合何処にどう貼り付けたらいいでしょう?
link
↑↑ココです!
面倒な質問で申し訳ありません!

●イチさん
はじめまして、こんにちは。
テンプレご利用報告有難うございました^^
sbデビューもおめでとうございます。(ぱちぱち)暑さにうだりながらひと夏を生き延びたいと思います…(ぱたり

●めい母さん
うーん、動作環境にあってないような…。
sb系はリスト部分の出力が独自タグ1つでまとめられているので、
テンプレートからその中にJavaScriptを埋め込むことはできないと思います。
例えば{recent_comment_list}というタグ1つで、
<ul>
<li><a href="URL">エントリタイトル1</a>日付</li>
<li><a href="URL">エントリタイトル2</a>日付</li>
</ul>
というセットが本体から自動出力されているので、この中身の部分はテンプレートでは編集できません。
コメント欄を見ると、JUGEM及びJUGEM互換のsbでは無理って仰られているようですね。

やはりそうですよねw」w」w」
ユヅさんなら何か方法知ってるかな?って
すみませんでした。

はじめまして!
こちらのテンプレートをお借りいたしました。
とっても可愛くてお気に入りです♪ありがとうございました。

はじめまして!
こちらのテンプレートをお借りしました!ありがとうございます!
少しいじらせて頂きました!

それと質問なんですが
両サイドバーにブログパーツを設置してるのですが
いくつかは設置できるのですが
途中から両サイドバーだけ下に表示されてしまいます!
私の設定の仕方が悪いと思うのですが
もしご存知でしたら教えていただけませんか?
今は二つだけ一番下に設置していますが・・・
それとできたらBBSとBLOGPETDIARYを別窓にしてるのですが別窓にではなくしたいのですが・・・
お忙しいとは思いますがよろしくお願い致します!

●さらさん
こんにちは。
URLが正しくないようで、ページを閲覧することができませんでした。
正しいURLを教えて下さい。

記事やバーの中身が、それぞれの幅(見た目のサイズでなく余白を含めた指定サイズ)より大きい場合、はみ出して押し出されて落ちることがあります。
次に、開始タグと終了タグが一致していない(タグの閉じ忘れ)が多いです。
タグがすべてきちんと閉じられているか確認して下さい。

LINK機能を使ったものは別窓表示になるのがsbの仕様です(本体書き換えで変更できますが、LINKすべてに適用されます)ので、それが嫌ならテンプレートの好きな場所にBBS等のリンクを直接書き込んだ方が早いですね。

こんばんは!
お返事ありがとうございます!
URL/が足りませんでした!
正しいURL載せておきます!
お手数おかけしてすみません!

質問の件ありがとうございます!
あれからいろいろいじって何とか設置はできましたが
一つだけ設置できず今は一番下に設置しています!
今以上の物を付けるとなるとまたレイアウトが崩れてしまうので
お返事頂いたとおり今度調べてみます
ありがとうございました!

●さらさん
とりあえずこの3つですね。
・タグの貼り付け場所が違う
・貼り付けているタグも閉じられていない不完全なものである
・id名のothername,otherlistを何度も使っている

cocoaは貼り付けている場所がサイドバーの中じゃなくて、すべてのブロックの下にコピペされてるからです。
ddとdlも閉じられていませんし、何故か<td colspan=5 align=center>というテーブルタグの中身も混ざっています。
貼り付けタグをきちんと確認して下さい。

さらに、<dt id="othername">と<dd id="otherlist">をブログパーツの数だけ使っていますがこれは間違いです。
idの名前は1ページに1つきりの固有のものでないといけませんし、場合によっては表示に不具合が出ることもあります。
<dt id="cocoaname">と<dd id="cocoalist">、<dt id="petname">と<dd id="petlist">など、それぞれセットで名前をつけてあげましょう。

おはようございます!
お返事ありがとうございます!
これから頑張ってみますね!

  • 050914
  • nyoro

ユヅさん初めまして!
とても可愛くて機能的なテンプレで気に入ってDLさせて頂きました!

カスタマイズの質問なのですが全体的に幅をもう少し広げたいな~と思っているのですがCSSのレイアウトをいじくると全体的に崩れてしまいます。3カラムを横に綺麗に並べる為にはどこをいじくったらいいのか教えて頂ければと思い書き込みさせて頂きました。希望としてはmain部分を450px位にしたいなぁと思っています。

それとメニュー部分(RECENT COMMENTSなど)の背景に色をつけたい場合はどうすればいいのでしょうか・・・。

質問攻めでごめんなさい。

カスタマイズについての質問で失礼な質問でしたらごめんなさい!お時間がある時にお返事頂ければと思います。よろしくお願いいたします。

●nyoroさん
まず幅について。
mainの部分だけを直してもだめです。カラムの幅を1箇所変更すると、それにあわせて他の部分もすべて調整する必要があります。
mainの部分は左右にborderが1pxずつあるので、450から2px分ひいて448とします(左右の線を含めて450pxになる)

#inbox {
width: 810px;
}

#wrap {
float:left;
width:630px;
}

#main {
float:right;
border-left:1px solid #523232;
border-right:1px solid #523232;
width:448px;
background-color:#fff;
}

#left {
float:left;
width:180px;
background-color:#fff;
}

#right {
float:right;
width:180px;
background-color:#fff;
}

として下さい。
計算式としてはこんな感じ。
#left + #main = #wrap
#wrap + #right = #inbox

サイドバーのタイトル部分は、div.rightmenu dl dtとdiv.leftmenu dl dtになります。左右バラバラにしたい人用にスタイルを分けてあるので、そろえたい場合は同じように設定して下さい。
背景色はbackground:#fff;という記述でつけられます。
(#fffは任意のカラーコード)

CSSの記述自体についてはこちらをご参考ください(link

  • 050921
  • nyoro

ユヅさんお礼が遅くなってごめんなさい。

お陰さまで変更する事が出来ました!カスタマイズの質問に関わらずご丁寧に教えて頂きありがとうございました!!

大切に使わせて頂きます!

これからも頑張って下さい♪

いつもお世話になっています。
この度SBにお引越ししたので、テンプレお借りしました。
とっても可愛くて大好きです。
一つ質問なんですが、LINKには「└と├」は使えないのでしょうか?
何かいい方法があれば、ご教授願います。

ユヅさん、(* ^-^)wヌこんにちわぁ♪
以前から愛用させて頂いています。
今回、2カラムから中央記事の3カラムを使わせて頂いたのですが
「OTHER」部分が表示されません(涙)
試しに「<!-- BEGIN counter -->」と「<!-- END counter -->」を移動させたり、削除させてみたら
表示はされるのですがカウンターが廻りませんでした。
現在は元に戻してテンプレのままです。
原因がわからず途方に暮れヘルプを求めて来ました…。
教えて頂けますでしょうか?
宜しくお願い致します。ぺこ

おはようございます。
すみません(*_ _)人
「SereneBach用」と「sb用」で間違っていました…。
「sb用」だとばっかり思っていたので…。
無事、出来ましたので御報告まで。
お騒がせ致しました(〃_ 〃)ゞ ポリポリ

●沙羅さん
解決されたようで何よりです。
どっちもsbと読めるのでちょっとややこしいですからね^^;

こんばんわ
先日は、どうもすみませんでした

ちょっと、
こっそり
こちらの
テンプレートお借りします!!

そろそろ、SereneBachを
やってみようかな

無理かな・・・・

はじめまして。

テンプレートをお借りしました。ありがとうございました。

●凛さん
なせばなる、なさねばならぬ何事も(´ω`)

●のあさん
こんにちは。
ご利用報告有難うございます^^

はじめまして・・・
針ねずみのテンプレートをDLさせてもらいました。
sbは初めてで、今、製作中です。
無駄にしないように、頑張って作るつもりです。
今後とも、宜しくおねがします。

余談ですが・・・
プロフィールを拝見して驚いたことが・・・
誕生日が同じだったんです=*^-^*=にこっ♪

●mirikaさん
はじめまして。
コメント有難うございます。

独自ブロックと独自タグの扱いを覚えればぐっとわかりやすくなると思うので、ヘルプ見ながら頑張ってくださいね^^
誕生日が同じなんて偶然ですね~♪

ユズさん、いつもお世話になってます。
ノートの#002をお借りしました。
少しいじっているのですが、どうしても分からないことが・・・
blogをUPした時に出るカテゴリーのところがありますよね?(例:SereneBach>テンプレート -)
この後ろに出てくる「-」を消したいのですが、どこを触ったらいいのか分かりません(*T^T)
お忙しいとは思いますが、よろしくお願いいたしますm( _ _ )m

●kiyopさん
{related_category}というのがそれにあたります。
これは1つの記事に対して複数のカテゴリを選んだ時に、関連付けされたカテゴリを表示するタグです。
例えばペットの猫の写真の記事に、Petをメインカテゴリ、関連付けにPhotoカテゴリを登録した時に、Pet > Photoとどちらも表示できるようにしているものです。

関連付けされたカテゴリが選ばれていない場合は自動で「-」になります(これを変更するにはテンプレートではなくSB内部の書き換えが必要ですので、わからなければ手を出さないほうが良いでしょう)
関連付けたカテゴリを表示しなくて良いor使わないのであれば削除して構いません。

こんにちは。
お返事ありがとうございます。
そうですね、あんまり分からないので触るのはやめておきます。
ありがとうございました。

こんにちは
また、教えてください
cgiのカウンターを設置したいのですがどうすればいいのでしょうか。
cgiのアドレスを記述するだけではだめでしょうか。
よろしくお願いします。

●kameさん
CGIのカウンターの設置は、そのCGIのヘルプを読んでそれに従って下さい^^;
テンプレートの編集のHTML部にタグを埋め込む形が多いと思いますが、具体的な設置方法はお使いのCGIによって異なりますのでこちらではサポートできかねます。

  • 051118
  • kame

あっ そうですよね
すいません。

こんにちは!
お世話になっています!
今日はお聞きしたくてお邪魔しました!
こちらのテンプレートをずっと使用させてもらってます!
それで脇のスクロールの色を変更したいのですがその方法を教えて頂けませんか?
よろしくお願い致します!

テンプレート、お借りします!
ノートタイプのテンプレートが大好きなんです♪

これからも頑張ってください!

はじめまして!今回初めてSBを設置してテンプレートに針ねずみの3カラムを使わせていただきました
ありがとうございました
また勝手に blog peopleにlistにも追加させていただきました

はじめまして♪
前からお借りしたいと思っていた3カラムテンプレートお借りして行きます。
他にもユヅさんの所で気になるものがたくさんあるのでコメントさせていただきます(*^^*)

ユヅさん はじめまして

serene テンプレ針ねずみのノート#002使わせて頂きます。
以前からこういうテンプレが欲しくて探していたのですが、中々いいものが無くて^^;

 ご質問なのですが、記事の表示の幅を少し大きくしたいのですが、変更方法教えて頂ければ幸いです。
 急ぎませんのでお時間出来ましたらよろしくお願いいたします。

 上の件 自己解決できました。
 お騒がせ致しましたm(_o_)m

  • 060418
  • mie
  • どっちでもOK

ユヅ様
はじめまして。
テンプレートお借りしました。
以前よりこちらのテンプレートが素敵で気に入っていたのですが、
SbブログやCGIなど無知で使えず・・・。
今回、おもいきって学ぶことにしてようやく設置することができました。
まだまだこのブログに書いてくださっていることが
理解できないことが多いですが、こつこつ学んでいこうと
思っています。
これからも素敵なテンプレート期待しています。

はじめまして、こんにちは。
コメント有難うございます。
sb設置お疲れ様でした^^
いろいろ遊んで楽しんでくださいませ。

web*citronさんではお世話になってます<(_ _)>
今回こちらのテンプレを使いたくて使いたくて、ブログをお引越ししてしまいました(>▽<;)
ちょっといじりましたが大満足です♪
ありがとございましたぁ(*- -)(*_ _)ペコリ

ユヅさん♪
初めまして、こんにちわ^^
針ねずみの3カラムをお借りました^^
ノート調でとっても可愛くて一目ぼれしました♪

どうにか、設置する事が出来ましたので、ご報告に参りました♪
こちらでいろいろ勉強させて頂きますのでよろしくお願いします○┓ペコ
これからも、頑張ってください^^
応援しています☆
ありがとうございました♪

Comment Form

[icon]


Trackback

Trackback URI
このエントリーへのリンクを作成