[sbテンプレート]針ねずみのノート#002 ver1.06

針ねずみのノート2sb用テンプレート 針ねずみのノート#002
ver 1.06 (06.02.01up!)
動作サンプル個別エントリー部
シンプルなノート風3カラム。中央に記事、左右にナビバーの構成です。ワンポイントに針ねずみのハリー。1.05以前をお使いの方はver.upをお願いします。 利用の前にお読み下さい
・使用している画像の当テンプレート以外への流用はお控え下さるようお願いします。
・恥ずかしいので再配布はご遠慮下さい。
・このファイルを利用して起こったいかなる損害も保証は出来ません。
・著作権表示は、blog*citronという名前とリンク先URLに間違いがなければ、文章や位置の変更は自由です。やむをえない理由でない限りはできるだけ残しておいてほしいなあと思います。
・カスタマイズはご自由にどうぞ。
・不具合や修正があれば随時verupを行いますので、出来るだけ最新verをお使い下さるようお願いします。

テンプレートの使い方
1:ダウンロードしたファイルを解凍して下さい。
2:解凍して出来たフォルダの中にtemplate.txtがあれば成功です。
3:SBにログイン→設定メニュー→テンプレートの「インポート」のところからtemplate.txtを選択して読み込んで完了!

以下のブラウザで正常に動作確認をしています。
winXP: IE6.0 / NN7.1 / Opera8.0 / Firefox1.03
MacOS9 : IE5.2 / NN 7.1

update
  • 2.01(06.02.01)
    細かいデザインを変更(全体のバランス、bodyに壁紙追加、ナビバーの背景色がウィンドウの高さに合わせてつくように変更、記事内のリストにアイコンを表示、トラックバック表示部のデザイン変更)
  • 1.05(05.04.29)
    sbのバージョン表示、トラックバック自動検出に対応。コメントとTBのタイトルにidを追加。strongの太さ調整。img.pictとimg.thumbにclear:leftを追加。clear:bothの位置を変更。エントリ内のみリストマークを表示させるように変更。
  • 1.03(05.03.05)
    ベースHTMLの<a>{comment_name}</a>から<a></a>を削除。こんなものなんでついていたんだろう…。ついでにCSSを少し手を入れてます。
  • 1.02(05.02.16)
    sb it!による引用使用時のwinIEのCSSバグと、MacIEでのテキスト回り込み関連のCSSバグを回避するよう修正。{blog_description}非表示時でもタイトル部の針ネズミマークが切れないように修正。解析タグ埋め込み。

DOWNLOAD(LZH形式)
Related Archive

Comments

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

  • 050204
  • nao

ユヅさんこんばんは!
待ちに待った配布で嬉しいです。
早速DLしてプレビューしてみたのですいが、blogのタイトル文字が英文ではないので、字が大きくてサイズを変えたいのですが、テンプレートファイルの中の、bc004ファイルかな?と開けて見たところ、文字化けしていて、フォントサイズをどこで変えるのか分かりませんでした。CSSにはサイズを変えられる部分はありますでしょうか?

●naoさん
CSSの方にこれをコピペして下さい。

#title h1{
font-size:120%;
font-weight:bold;
}

まだ大きいようであれば、font-size:○○の部分を好きなサイズにして下さいませ。
ver1.01の方では、あらかじめ上記をCSSに追記しておきました。
ちなみにbc004~は画像です(笑)

はじめまして☆テンプレートとかとても可愛くて前回の和チックなの(小梅)も使わせていただいていました!
今回も使ってみたんですが、メインの部分でamazonの紹介した本の画像なんかが全部青い線がついてしまっているので、どうにかできないかなぁと;
小梅のテンプレートと色々比較してみたんですが(小梅の方では線が表示されなかったので)よくわからなくて;
 もしよろしければ教えてください!
 お忙しい中申し訳ありません;;

  • 050204
  • nao

ユヅさん、ありがとうございます。希望のタイトルフォントサイズに出来ました。(あれは画像ファイルだったんですね・・汗)
それで、recommendの商品を複数出している場合、いくつも「Recommmend」となってしまうので、ひとつにしようとしたら、それ以下の説明文字が全部大きくなってしまいました・・。

<!-- BEGIN amazon -->の位置を下げるだけではダメなのでしょうか?

ユヅさん、こんにちは。
カナリアに引き続き、こちらのテンプレもお借りしました♪
ありがとうございます。
ひそかに配布を心待ちにしておりました。
カナリアもハリねずみのノートも、すっごくかわいくてお気に入りです^^

BPにも登録してくださってありがとうございました。

●透子さん
こんにちは。
cssに下記をコピペして下さい。
img{ border:none; }
アップした画像のイメージタグにはborder="0"はつかないんですねorz

●naoさん
<!-- End amazon -->も上げてあげてくださーい。
ここは悩みどころなのですが、複数貼る人にはタイトルごと繰り返してしまうし、かといって複数用にしておくとRecommandを使わない場合もタイトルが表示されてしまうんですよ~。
どっちをとってもどっちかの人が困る仕様です…。
他にもいると思うので、カスタマイズカテゴリでエントリーにしておきますね。

●misato*さん
こんにちは~。
さっそくご利用有難うございました^^
よく使うスクリプトをどっちにもいれてけば、気分で模様替えしちゃってもいいですね(笑)
いえいえ、こちらこそリスティング有難うございました。

こんにちは!
早速、お借りしました!
本当にステキなテンプレですねっ♪
ありがとうございます。

  • 050204
  • fuwa*

はじめまして!配布が開始されるのを楽しみに待っていました、早速お借りします。ハリネズミとってもかわいいです。
大事に使わせてもらいますね、ありがとうございました!

  • 050204
  • 透子

画像の枠のこと、ありがとうございました!バッチシできました!
ユヅさんのデザイン凄く好きなので、またチェックさせていただきます!
コメントありがとうございました☆

ユヅさん、はじめまして。やまとと言います♪
以前から傍観させていただいていたのですが、ハリネズミに一目惚れ!
早速設置して、大満足しています。ありがとうございます☆
これからも、こっそ~り訪れますので、よろしくお願いします☆

  • 050205
  • chio

はじめまして、テンプレートを借りました。
とても可愛いのでとっても気に入りました。
ところで、linksの項目はリンクをクリックすると別窓で開きますが、同一サイトの為、別窓表示にはしたくないのですが、そういうカスタマイズは可能でしょうか。

●ゆきんこさん・fuwa*さん・やまとさん
はじめまして&こんにちは^^
テンプレご利用有難うございます~。
早速使っていただけて嬉しいですv
ハリー可愛がってやって下さいませ(笑)

●透子さん
直ってよかったです^^
次は前にリリースした和風3作の3カラム版かなと思われます。カスタマイズ関連も質問があればエントリが増えると思いますので、またチェックしたってくださーい。

●chioさん
リンクリストは{link_list}という独自タグを使ってsbが自動で出力しているものなので、テンプレートでは変更することは出来ません。Linkは基本的に他サイトに向けてを前提とされているので、プラグインとかスクリプト自体を改竄しないといけないかと思います。Linkの位置に並べたいのであれば、sbの方で登録せずにHTMLの方に直接付け加えるしかないと現在は思います。

  • 050205
  • 諏依

初めまして、テンプレが可愛くて早速DLさせて頂きましたvv
少々お聞きしたいのですが、二つに分かれているナビバーを、一つにまとめることは出来るのでしょうか?
ナビバーが2つ表示されていると、少々記事が狭く感じてしまったので、一つにまとめられればな。と、思ったのですがいかがでしょうか?
和風の方を使用すれば一発解決!と、いう感じなのですが(はじめから2カラムなので)このテンプレのカレンダー表記の仕方やハリネズミがとても可愛いかったので、どうしてもこちらのテンプレを使いたいんです。

  • 050205
  • chio

ありがとうございます。
試しにやってみました。
おかしいタグがあったら教えてください。

<dl class="recententry">
<dt id="newentryname">Menu</dt>
<dd id="newentrylist"></dd>
<a href="link target="">BBS</a>
</dl>

これを右が左に挿入する。

  • 050205
  • chio

お騒がせして申し訳ありません。
↓のようにしたらきちんとできました。
<dl class="other">
<dt id="othername">Menu</dt>
<dd id="otherlist">
<ul>
<li><a href="link target="">BBS</a>
</ul>
</dd>
</dl>

●諏依さん
出来ますが、HTMLの方もCSSの方もそれぞれに全体的に修正しなければいけません。今日明日中にとはいきませんが、2カラム版を試作してみますので、そちらをお待ちいただければと思います。

●chioさん
あ、</li>が抜けてます。
<li><a href="link target="_self">BBS</a></li>ですね。

ユヅさん、初めまして、そしてこんばんは。
ハリネズミのブログに一目ぼれして、訳も分からずブログ設置してしまいました~
何とか無事に?設置できたのでとってもHappyです。
今後もお世話になるかもしれませんがよろしくお願いしますv

こんにちわ。カキコははじめましてデス。
以前から、素材屋さん、雑貨やサンのファンです♪

こちらのブログを拝見して、
自分で設置してみようと思い
ブログを設置しました。
そして、このかわいらしいスキンをお借りいたしました。

恐れながらTBもさせていただきました。

これからも、可愛いスキン、楽しみにしています!
宜しくお願いします。

可愛いテンプレートお借りしました。
BlogPeopleにも登録させて頂きました。
ありがとうございました。
これからも素敵なテンプレートを期待しています。

  • 050208
  • YURI

初めまして。こちらのテンプレートを拝見して、MTからSBに変更することに決めました。
ハリー、とっても可愛らしいのですが、2カラムに慣れてしまって狭いような気がしてしまうのでこのテンプレの2カラムバージョンもまたご検討いただけませんでしょうか?
お手すきの折にでも考えていただけたらなあ、と思います。失礼しました。

  • 050208
  • YURI

すみません、上で諏依さまがお書きになられてお返事されてましたね。きちんと読んで無くってすみませんでした!公開、お待ちしています。

とってもかわいいwチwロwハwンwリで早速DLさせて頂きました
そしてBlogPeopleとwヨwロwカにも登録させて頂きました

またかわいいスキンお待ちしてます(*´ェ`*)

●nonさん・ナオミさん
こんにちは。コメント有難うございます。
そしてブログデビューおめでとうございます~★針ネズミのハリーも可愛がってやってください(笑)
TBも有難うございました!

●chioさん・のあさん
はじめまして、こんにちは。
BPへの登録もありがとうございます(*´ω`)
素敵なsbライフを楽しんでくださいませ!

●YURIさん
こんにちは。MTからようこそ!(笑)
ちょうど2カラムが出来たとこですので良かったらどうぞ~^^

RECOMMENDにgoogleアドセンスを表示させたいのですが、htmlのどこにタグを入れていいのか分かりません。
教えて頂けたら嬉しいです。

追記ですが、ユヅさんのされているように comments | trackback欄の下にアドセンスを入れるにはHTMLのどの部分に挿入すればいいのでしょうか。。
テンプレートはハリネズミ#002です。

●chioさん
↓このように入れてあげてください。
エントリーブロックの後、コメントブロックの前です。

<!--_end_entry_-->
<!-- END entry -->

★ここにアドセンスのタグ★

<!-- BEGIN comment_area -->
<div class="comment">

  • 050220
  • amiru

はじめまして^^
ハリネズミ3カラムいただきました♪
chioさんが質問してるのと若干同じなんですが、
新たに右側にメニューを作り、
クリックすると真ん中部分に反映されるようにするには、
targetは何にしたらいいのでしょうか。

●amiruさん
targetはウィンドウ単位で、ウィンドウの開き方を指定するものなので、部分的に表示する場所を指定することは出来ません。フレームじゃないので(笑)

あらかじめテンプレートに組み込むようなものならベースHTMLに記述、そうでなければ非公開にしたエントリーを作成するか、ユーザーを増やしてプロフィール部分をそのスペースに当てることで近いことが出来ると思います。

  • 050220
  • amiru

さっそくの返答ありがとうございます。
プロフィールとかクリックすると真ん中に表示されるしできるかな~と。(汗
できたらすごく便利ですよねぇ~と思うのわたしだけかな?w
も少し勉強してみます^^
ありがとうございました<(_ _)>

プロフィールが真ん中に表示されるのは、最初からテンプレートにプロフィール部分が組み込んであって、sbの動作によって表示させるようになっているからです。あとから足したものをそこに指定して表示させているわけではないのですよ。

web*citron(link)の方は、コンテンツをクリックするとメールフォームやリンクが中央に出てくるようになっています。これはプロフィールを利用した形です。
工夫次第である程度のことは出来ると思います。

テンプレお借りしました。
とっても可愛いですね♪
大事に使わせていただきます。

はじめまして。テンプレ使用させていただいてますshiroと申します。初心者のクセにあまりにイジりすぎて質問するのも気がひけるのですが…すみません。二つお聞きしたい事があります。

【一つ目】
私のページをご覧になったWIN:IE環境の方から、「左サイドバーが下に移動している(センターカラムの終わる場所から始まっている)」と教えていただきました。しかし自分のMAC OS9+IE環境では確認できません(左右サイドバーはどちらもちゃんとページ上端から始まっています)。

ちなみに class名pictのfloat:leftの回り込み設定は、複数の写真を掲載すると何故かレイアウトがヘンになったり(上記のトラブルも再現されます)、そもそも閲覧できない(フリーズする)ようになってしまったりしたので、2点以上掲載する場合はすべてpictのクラス指定を外しています(マージンは生かしてpict2とゆう新規classを作る)。関係あるようでしたら。

とりあえずマージンがブツかってるのかな?と思い

/* レイアウト */

#inbox {
width: 760px;
}

を770pxにしてみたのですが、ご覧になった方からは「変化なし」とのコトでした。なので今は元に戻しています。
何か原因は考えられますでしょうか?

【一つ目】
画像の回り込み指定を外すと、その配置画像の下からは文字と罫線が(当然ながら)ズレ始めていきます。ソレを直して、画像への文字回り込みなしに、文字と罫線を同期させる方法って考えられますでしょうか?←そもそも元のテンプレにないレイアウトなのに、こんな質問して申し訳ないです。

以上、お聞きできる範囲で結構ですので、教えていただければ幸いです。
ノート風テンプレ、カワイくて大好きです。

【1つめ】
winIEのみですね。Firefox,Operaでは正常です。メニューやmainに幅ジャストサイズに近い画像を直接はっておられるようですが、paddinとbox幅の計算にバグがあるwinIEでは、画像と画像を含むboxのpaddingの合計値がオーバーして押し出された感じで落ちてるんじゃないかと思います。
(mainかleftのどちらか、あるいはどちらも)
winIEの計算バグについてはこちら(LINK)

inboxを広げても、left,main,wrapがそのままだと個々の幅は変わらないままなんですよー。画像を背景化して直接HTMLにおかないようにするか、全体的に幅を緩めてやるか、画像を小さくするかかなとおもいます。

【2つ目】
罫線は背景画像ですので、行間サイズは固定になります。その固定されたサイズにあわせて文章をCSSで整形しているわけですが、不規則な高さの画像を回り込みなしではさむと、押し出されて崩されてしまいます。
画像の高さを行間のサイズの倍数にすればずれませんが、アマゾンの商品画像等、サイズが決まってるものはそうもいかないと思いますので…^^;

記事ごとに自分でタグを書く面倒を我慢できるならば、entry_body,entry_moreの背景を外して、記事の中の文章だけを罫線画像を背景に設定した要素で囲むことで出来ます。その場合画像の背景には罫線の壁紙はつきません。(文章とのブロックの境目を気にしないならつけてもいいですが)

【pictについて】
おっしゃる状況については、MacG4 OS9 & IE5.2では再現できませんでした…。
針ネズミテンプレで、画像を複数置いてみたり、途中でクリアした場合などの記事を作って検証してみました。
pictを与えた画像を複数並べた場合、普通に横に並んでいき、記事の幅を超えた分は次の行でまた並び…といった感じです。テキストはそのブロック全体に回り込んでいます。
shiroさんちでの表示崩れをおこしたという記事のソースと同じではないので、他のテキストやタグとの兼ね合いもあるのかもしれません。
また、いずれもフリーズはおきませんでした。MacIEだとしょっちゅうなにかでフリーズするので何かタイミングがあるのかもですねえ。とりあえずご報告までに。

こんなに速く、しかもご丁寧な解説ありがとうございました。良く分かりました。【一つ目】に関してはinbox、wrapのどちらも増やして対応します(さらにmain、leftの値も増やした方が良いのでしょうか?)

【二つ目】に関しては(つか最初の質問からして一つ目が2回カブってました(笑))、やはり回り込みを前提にし、最初のpict設定のまま試してみて、フリーズなどの原因を探ってみます(mac環境はユヅさんと一緒です)。「記事の中の文章だけを罫線画像を背景に設定した要素で囲む…」はちょっとしんどいのでやめときます(笑)。

ご丁寧にありがとうございました。

  • 050409
  • ハイノ

こんにちは~。
すごいかわいいスキンで、すごいほれました。
そこで、blogに変える事にしました。
ところで、ナビバの位置を逆にすることは出来ないんでしょうか?
(カレンダーを左に、linkを右に)
無理を言ってすいません…。
もし出来たら、やり方を教えてください。
お願いします

こんにちはvvはじめまして

ハリーの可愛さに一目惚れして、テンプレ素材をお借りしましたvv
本当に可愛いですね~癒されますv

これからも素敵な素材作り頑張って下さい♪
それでは、お邪魔しました...。

  • 050410
  • ハイノ

自己解決しました。
どうもすいませんでした。

こんにちは。
「鶯」をお借りしています。
こちらの「ハリー」もとってもかわいいので、
お借りしました。
ありがとうございました。

たびたびすみません。
上の方でお返事いただいた中で「winIEの計算バグについてはこちら(LINK)」のLINK先の部分、教えていただけないでしょうか。検索しても見付かりませんでした。すんません。

●ハイノさん
自己解決されたようですが、一応floatとマージンの方向調整で左右どちらでも対応できます^^

●みつきさん・miwaさん
こんにちはー^^
テンプレご利用報告有難うございました^^
ハリーが皆さんに可愛がってもらえてとっても光栄ですv

●shiroさん
参考リンクドゾー。
link
link
link

ユヅ 様

連休前からsbを導入し,本日からこちらのテンプレートを利用させていただきます.
皆さんの書き込みを参考にさせていただき,少しずつ自分なりにカスタマイズさせていただこうかと.
どうもありがとうございました.

sbを昨日からいじくり始めて今日導入しました。
(日記はGW前から書いていますが…)
中央に記事が来るテンプレのほうを使わせていただきました。
web素材のページのほうを昔から知っていたので
こうやってブログでデザインを使えるのがとっても嬉しいです。

この後、トラックバックもさせていただきますね。
これからも素敵な素材作りがんばってください。
かげながらですが応援しております。

はじめまして!
新しくsb設置させていただきました~
お友達のsbをずっと羨ましく思っていて、いつかsbにと思ってました。テンプレお借りして、無事思いどおり設置できました☆
citronさんをBPに載せたいのに、未だBPが表示できずに困ってます。。いつか表示されるまで…がんばります。

テンプレお借りしました。
初めてSBに挑戦してみましたがなかなか難しいもんですねぇ・・
でも頑張りました(* ̄m ̄)
ありがとうございました。

↑コメントしたのですが、やっぱりBPなど表示できずなので教えて下さい!
それとユーザー増やしてみたら、左のlinkなどが下に落ちてしまいます…基礎知識なくってすみません。いくらやってもダメなんです。お願いします…

●masaさん
id="bplist"とid="bpname"が2回でているようですが、idは1つのページに1つです。
2つ以上作る場合はid="bp1list"とid="bp2name"とか、tblistとtbnameにしてみるとか、●●listと●●nameの●●をかぶらないようにして下さい。

左が落ちるのは、増やしたユーザーページの中身の幅が、本来のサイズより大きくなっていてメニューを押し出してしまっているためです。iframeを使われているようですので、フレームサイズを調整して下さい。

ユヅさん、やってみましたが出ません…こういうことでしょうか?
<dl class="mbl">
<dt id="mblname">MY BLOG LIST</dt>
<dd id="mbllist">
<div class="bloglink"><script language="javascript" type="text/javascript" src="link…"></script></div>
</dd>
</dl>

<dl class="bp1">
<dt id="tb1name">BLOG PEOPLE</dt>
<dd id="tb1list">
<div class="bloglink"><script language="javascript" type="text/javascript" src="link…"></script></div>
</dd>
</dl>

<dl class="tbp">
<dt id="tbppname">TB PEOPLE</dt>
<dd id="tbplist">
<div class="bloglink"><script language="javascript">b=0;</script><script type="text/javascript" src="link…" ></script></div>
</dd>
</dl>
こうなってますが…間違いですかねぇ?長くなってごめんなさい!
この脳みそでは対応できず…です。
左に落ちる件はよく分かりました☆お願いします!

こちらでmasaさんのページを保存して同じ環境を作って実験してみたのですが…。
テンプレート内に貼るタグ的には間違ってはいないようです。
ただ、ブログピープル、TB共に、masaさんの貼られたものは表示されませんでした。
そこでBPのjavascriptの呼び出しタグを私のアカウントのブログピープルと、TBに差替えてみたところ正常に表示されました。
このことから、まわりのHTMLやCSSが原因ではなく、masaさんのブログピープルのリストの方に原因がある可能性があります。(jsの中身を開いたところリスト形式の出力はされているようですけれども)
BPの設定はユーザー本人がするもので他の人間にはわからないので、これ以上の考察はできませんが表示形式の設定や文字コード等色々見直してみると良いかもですー。

わぁ~やっぱりユヅさんの言うとおりでした!!わざわざ実験してくださって本当にありがとうございます!
設定間違いでしたね…本当にお世話になりました(*´∇`*)
これからも応援しています☆

針ネズミのテンプレート、お借りしました。一目惚れですw」w」w」!
それからLink ListのSKINも使わせていただいています。

ユヅさん、はじめまして。
ブログ設置したのはいいけど、テンプレート探しをしていてこちらにたどり着き、針ねずみに一目惚れ。早速お借りいたしました。これからも、ちょこちょこやってきますので宜しくお願いします

テンプレートお借りします。
ありがとうございます
(*- -)(*_ _)ペコリ
これからもちょくちょく覗かせていただきます。(^_^)

ユヅさん、こんにちは。
いつもお世話になっております。
えっと・・・、
3カラムを使いたいのです。
針ねずみちゃんも可愛いのです。
でもどうしても・・・、
桜のバージョンを季節外れですが、
まだまだ使っていたいので、
針ねずみちゃんのテンプレをダウンロードし、
判らない所をヒントにさせていただく事は出来ますでしょうか?
宜しくお願い致します。<(_ _)>

●fumikoさん
一目惚れ有難うございマス。
リンクリストのカスタマイズもお役に立てて何よりですー♪

●ハウママさん
こんにちは。
針ネズミ気に入ってくださって嬉しいです^^
ハリーといいますので、仲良くしてあげて下さいませ(笑)

●HASSYさん
こんにちは。
テンプレご利用報告有難うございました。
また遊びにきてくださいませ。
ペコリ。

●noa*さん
こんにちはー。
針ねずみの3カラムをベースに、桜の画像を使ってもらうのは構いません。
blog*citronのテンプレート内に限り、素材画像の使いまわしは許可しています。
ただし、他で配布されているテンプレートにblog*citronのテンプレ画像を使うのはご遠慮下さい。
よそさまの素敵なテンプレートとうちのショボイのが混同してしまいますのでorz

ユヅさん、ありがとうございます。<(_ _)>
嬉しいです♪<(_ _)>

はじめまして、テンプレお借りしました。可愛くて×2、たまりません!
これからもいろいろお借りしますのでよろしくお願いします☆

●hiiragiさん
はじめまして、こんにちは。
テンプレご利用報告有難うございました。
気に入っていただけて嬉しいですー^^

はじめまして♪テンプレートお借りしました。ありがとうございます。ちょこっとカスタマイズさせてもらいましたぁ。

以前からかな~り参考にさせていただいてたんで、Mybloglistに登録させてもらいました。
これからもがんばってください♪

こんにちは。
早速ですが教えてください。
エントリーに表示される数を増やしたい(5つから8つぐらいに)のですが、
どこをいじれば変えられますか?
お願いします。

●ぶたこさん
こんにちは。
テンプレご利用報告&MBL追加有難うございました。
適度に力抜いてがんばります(笑)

●ちむ。さん
テンプレートではなく管理画面から変更できます。
付属のヘルプに書かれていますのでまずそちらを見てくださいね。

ユヅさんこんにちは。
テンプレートをお借りしてわかりやすいカスタマイズの説明で毎日の様にお世話になっています!!

こちらのテンプレートに背景画像を使いたいのですがどこをいじればいいのか教えて頂ければと思います。背景をおきたい場所は左右の空白の部分です。
それとRECOMMENDの画像表示ですが横に並べる事って出来ますか?
横に2つ並んでくれればいいのですが・・・。もし参考サイトなどご存知でしたら教えて頂ければと思います。こちらはもしご存知であれば、で結構です♪

よろしくお願いいたします♪

●nyoroさん
左右の空白ということは、つまり背景全体にということだと思いますので、CSSのbodyにbackgroundを指定してください。

RECOMMENDについてはうちで紹介しているカスタマイズの中にありますので、linkの●画像だけをサムネイルのように並べるを参照してください。

ユヅさんありがとうございました。サムネイルのように並べる、とはこの事だったんですね!知りませんでした(恥)bodyに入れて壁紙設定は出来たのですがどう表現したらいいのかわからないのですがスクロールしていくと壁紙が切れてしまうんです。これはblogの性質上仕方がない物なのかどこかをいじくれば解決するのかと悩んでしまったので質問させて頂きました。お手数おかけしてすみません!!!

●nyoroさん
特に切れていないように見えますが・・・。
もしかして左右の余白というのは、サイドバーの下の部分のことでしょうか?IE以外ではサイドバーも落ちちゃっていますので、まずここから直さないと。
ちょっとソースとCSS拝見したんですが、ブログパーツやJavascriptをコピペする時に、必要なタグを消してしまっています。コピペする時には他のタグを消さないように十分気をつけて下さい。

▼HTML
まず、<!-- end_right -->の上に
</div></div>と2個書いてください。(この閉じ忘れ注意)
次に、折り畳みのスクリプトが</body>の後ろにきています。</body>の前にして下さい。)

▼CSS
・CSSの#titleの部分が、##titleになっていますので#を1個消す
・#inboxは830px、#wrapは640pxにする。(サイドバー落ちをふせぐ)

その上で、
#inboxと#wrapにbackground:#fff;を追加するとサイドバーの下まで色がつきます。

ユヅ さん 

ありがとうございました!無事に思い通りにカスタマイズする事が出来ました。

慎重にやっているつもりでもいろいろと消してしまっている所がある事を教えて頂きありがとうございました。ダメダメでしたね(汗)本当にありがとうございました。これで当分落ち着けそうです(笑)

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

こんにちは。
すてきなテンプレートお借りしました。
これからユヅさんのブログをじっくり拝見していろいろカスタマイズしたいと思います(*´∇`*)
ありがとうございました。

●なもさん
こんにちは。
ご利用報告有難うございます。
カスタマイズもがんばってくださいませ^^

こんにちは。
質問があります。
記事内に画像+一言を並べてはりたいのです。
画像の上に画像のタイトルを置きそれを2・3個横に並べる感じです。
何回かやっているのですが、画像、タイトル、画像のようにしか並ばず困っています。
意味が分からないようでしたら「2006年カレンダー」というところを見てください。
お願いします。

●ともさん
解釈が違っていたらすみませんが、「テキストの下に画像」のセットを横に並べるのであれば、そのセット自体をブロック化しないといけません(テンプレに関わらずHTMLの仕様にそった動作です)画像ではなくブロック化したセット自体にfloatをかけて回り込みさせていけば横に並べられると思います。

ヾ(* ̄ ̄ ̄ ̄▽ ̄ ̄ ̄ ̄*)ノこんばんわ♪
ブログのリニュにあたりテンプレをおかりしました。
可愛くてお気に入りです♪

●かおりさん
こんばんは。
ご報告有難うございました^^
リニュお疲れ様です~

こんにちは。
早速ですが教えてください。
バージョンアップしたとのことでダウンロードしたのですが、
記事が入るとサイドバーが記事の下に落ちたり、右と左のサイドバーが逆になったり片方が下に落ちたりします。

記事を入れないときちんと表示されます。
どうしてでしょうか?
症状の確認できるURLは下です。
link

●ちむさん
こんにちは。
今サンプル用ので読み込んでみたところ記事を入れても問題はなかったので、一度ダウンロードと解凍をやり直してみてもらえますか?
不完全なタグが混ざっているようなのですが、配布しているパッケージではそうなっていないので…。
もしそれでダメだったら今の状況から手打ちで修整できるようにご案内します。

ユヅ 様

ダウンロードと解凍をやり直したらできました。
ありがとうございます!!

昨日から何度もダウンロードと解凍をやり直しても出来なかったのに。
何はともあれよかったです。

ご迷惑をおかけし、すみません・・・。

はじめまして、マコと申します。
この度、テンプレートをダウンロードさせて頂きました。
普通に見る限りでは不都合なく表示されているのですが、フレームページを作成し、その中に表示しようとすると横スクロールバーが表示されます。
画面の解像度は1024×768ピクセルで最大画面にし、縦に2分割のフレームで使用しています。
テンプレートのどこかの幅を変更すれば良いのかもしれないんですが、どこなのかが分からず...。
よろしくお願い致します。

マコさん>
ブログ自体は760px幅で固定されていますので、ブログを表示させてフレームが760px以下になれば横スクロールが出ます。
CSSでそれぞれの幅を変更することはできます。
ただ、今お使いのものが3カラムですので、これ以上狭くするとフレーム含めて縦にバーが4本並ぶことになり、結構見えにくいと思いますよ~。

ブログはフレーム内表示を前提として考えられていないもので出来ればフレーム解除で閲覧していただくほうが、狭いスペースでぎゅむっとした字を見なくてすむので(笑)見る方にも優しいとは思います。

どうしてもフレーム内にブログを!というのであれば、2カラムの方を使って、そっちの幅を小さくして収め、サイドバーは折畳みをつけたりして整頓されるのがスマートな気がします。
色々ご都合や好みもあると思うので、ベストな方法を検討して下さい^^

  • 070208
  • マコ

>ユヅ様
レスありがとうございます。
3カラムを狭くすると、やはり閲覧しづらくなってしまうんですね...。
フレーム無しにするか2カラムにするか、また色々と考えてみようと思います。
本当にありがとうございました。

Comment Form

[icon]


Trackback

Trackback URI
このエントリーへのリンクを作成
050205
調整とテンプレ | やすらかなひととき
 テンプレ、すごくカワイイのができていたので、ユヅさんとこから頂いてきました。お世話になりました! 私がsbを知ったのもじつはここから。素材を色々お借りしてたんだけど、素材同様テンプレもカワイイです。...
050205
ハリネズミ♪ | まんぽけい
無性にこのテンプレが使いたくなったので模様替え♪今日は散髪もしたし、ちょうどいいのです☆blog*citronさんでお借りしました。ありがとうございまっす☆模様替えと同時に折り畳みスクリプトを導入しました。BlogP...
050206
テンプレ変更 | lovebirds:Puzzling Muse
テンプレートを変更しました。今までテンプレは一応自分なりのモノを使ってきたのですが考える脳味噌が尽きてきたので(苦笑)今回はお借りしました!blog*citronさんの「針ねずみのノート#002」です。3カラムにした...
050206
ヒトメボレ | everyday is a treasure
日参させて頂いてるlovebirds:Puzzling Museの七香さんのブログデザインに一目惚れして、七香さんブログ経由でblog*citronさまでテンプレ捕獲っ。ずっと3カラムにしたかったんだけど、自分の技量では3カラムは無理!...
050207
テストです | colorful palette*blog
ブログ、レンタルのだとログも保存できないし変更したいときに好きに変更できないので設置してみました。すごく可愛いスキンを作られているblog*citronサンで見たのがきっかけです。blog*citronサンは、web*citronと...
050208
ハリネズミ♪ | KUAPAPA*days
可愛いテンプレを発見したので、替えてみました♪blog*citronさんで配布されています。ハリネズミがツボでした(笑)なぜ・・またまたリニュ作業しなきゃいけなかったか?!子供って・・関心するしかないって感じで、...
050208
千堂ブログ 始動 | 千堂ブログ
初めまして、千堂 琉宇衣です。ずっとお仕事用のホームページを立ち上げようと思っていたのですが、忙しくて手を出せずじまい。ブログなら私にも管理できるかと、ドキドキしながら書いています。いまは主にアダル...
050219
テンプレ | らぐらす~うさぎのしっぽ~
blog*citron 様から新しいテンプレが公開されました。とっても可愛くてさっそくDLしました。とっても気に入っていますよ。
050222
はじめの一歩 | sloe
100%自力寝返りを成功させた本日よりややこブログを開始しようと思います。のんびりまったりと頑張り過ぎない育児を目指して。
050303
リニューアル! | Ku:nel
あちこちでリニュしているのを見たら、あたしもしたい!という気分になったらしく、必死こいてリニュ。知識が乏しいので、折りたたみにする方法や、CATEGORYなどのもともとあるタイトルのように、BPやKOUSAGIのタイト...
050315
template | mahalo
【blog*citron】さま〔針ねずみのノート#002 ver 1.04〕を利用させて頂きました。
050319
sb ? | : : useful days* ? : :
ちょこっとやってみようかと・・・なんとかDL→インストールはすんだものの。(私の場合ffftpでのアップロードがつまづいてばかりでした。)多大なる感謝を DEAR DAYS 別冊 さまの sb設置方法(ロリ...
050324
テンプレート | ライカ?なんすかそれ?
テンプレートにはblog*citronさんの針ねずみのノートをお借りしました。110フィルム使用するハリネズミカメラを持ってるので、そのつながりで・・・・。
050408
リニュゥアルゥ | Looka wrote scribbling
タイトルの通り、テンプレをリニューアルしました。以前の黒板ブログに飽きてきたので、そろそろ変えようかなぁと色々と準備しておりました。当初はほぼ自作にしようかと思っていたんですけどね~。私の技術力では...
050506
ブログ模様替え。 | Maolog~真央日和
ということで、ブログ模様替えしました。すごく好きな素材サイトさんのところにテンプレがあったのでお借りいたしました。有名サイトさんなんでみんな知ってらっしゃると思います><もうこのスキンに一目ぼれです...
050528
sbへお引越ししました。 | Border*cafe'
ヤプログからハッスルsbへ引越してみました。これから少しずついじってみたいのですが、まだ良く理解していないので、blog*citronさまで、「針ねずみのノート#002(ver 1.04)」を使わせていただきました。ユヅさま、...
050602
sb設置完了! | Ψ2525.comΨ
この度、sbデビューを飾ってみました!むしろ飾り奉りまくりましたです!イェーイ♪私はロリポ&MTにもブログを作成しているのですが本当に使い勝手が良いのはどれだろう?って感じで実験してるとかそういうんじゃない...
050603
またもやテンプレート変更 | A life with Corgi*
前のテンプレート、やっぱり動作が気になるので変更しました。とてもハリネズミがとても可愛くて、気に入っておりますこれからチョコチョコと手を入れたいと思いますが、上手く行くかしら頑張ります~