blog*citron

　
　　
　　
　　

サイズ：80px*15px
ベーシック派はグレーがオススメ。
他はサイトデザインの使用色に合わせて選ぶといいかも。

ダウンロードして自分のサーバーにアップロードして使って下さい。ここから直接呼び出すのはサーバー負荷の原因になりますのでやめて下さいね。
Close

HTMLの編集

設置場所は表示させたいところで構いません。
例えばリンクの下だと、sb系テンプレートなら<!-- END link -->の後に追加すればOKです。

Blog People

<dl> <dt>BLOG PEOPLE</dt> <dd> <div class="scroll">☆ここに呼び出しタグ☆</div> </dd> </dl>

BlogPeopleの呼び出しタグ

1. BlogPeopleにログイン
2. 表示形式の設定をクリック
3. 基本設定と詳細設定をお好みで設定
   • 詳細設定の10.リンクリストの出力形式と文字コードで、文字コードがブログと同じものになっているか確認。
   • 例えばブログがEUCなら、ここもEUCにしないと文字化けすることがあります。
4. コードの作成/更新で出てきたものをコピー＆ペースト

Trackback People

<dl> <!-- ★ --> <dt>TBPの名前</dt> <dd> <div class="scroll">☆呼び出しタグ☆</div> </dd> <!-- ★ --> </dl>

TBPの呼び出しタグ

1. この話題のリンクリストを作成する
2. バナーを選んで生成をクリック
3. 出てきたものをコピー＆ペースト

複数のTBPをつける場合は、<!-- ★ -->で囲んだ部分だけを繰り返します。

複数設置する場合

<dl> <dt>TBPの名前</dt> <dd> <div class="scroll">☆呼び出しタグ☆</div> </dd> <dt>TBPの名前</dt> <dd> <div class="scroll">☆呼び出しタグ☆</div> </dd> </dl>

CSSの編集

スクロールバーをつけるために、CSSに下記を加えます。 /* 部分的にスクロールバーをつける */ div.scroll { overflow:auto; height:250px; }

height:●●px;の部分は好きな縦の長さにして下さい。
デザインのカスタマイズに関しては下記のエントリにまとめています。

• Blog Peopleのカスタマイズ | blog*citron

blog*citronのテンプレートではdlを使っていますが、dl要素ではなくdivを使っている場合も

<div class="scroll">呼び出しタグ</div>

という形になれば良いので、基本的に同じ方法で構いません。

スクロールにわざわざdivを使っているのはmacIE向けのバグ対策だったりします。

同じ方法で色々なものを擬似フレームのように扱えるので、ブログパーツやオススメ商品が長くなった時にもいいかもしれません。しかし、見た目でスクロールされているだけですから、中身がたくさんあればそれだけ重くなります。貼りすぎには注意しましょう。

Close

RECOMMENDが2個表示されてますがカスタマイズで変更できます。デフォルトではこうしておかないと、オススメ商品機能を使わない場合に空のRECOMMENDが表示されてしまうためです。
あと、blog*citronではアクセス解析をつけていないので、サンプルではカウンターが動いていません。これはうちのサンプルだけなのでご安心を。
その他お気付きの点があれば教えてくださいませ。

3カラムはどうしてもエントリー部分が狭くなりますが、全体的な幅をこれ以上広げるとモニタの解像度が800*600の人に優しくないことになります。3カラムの場合は"続きを読む"などを利用して、トップに長い文章の記事を少なくすると見た目がスッキリするような気がします。
個人的には2カラム贔屓。ブラウザのスクロールバーが右側にあることからカーソルを右側に置くことが多いため、カーソルの移動が少なくなるようにナビバーも右側が好みです。
シングルカラムもテキストを読ませるブログや大き目の写真メインには良さそう。ただ、何を見るにも1クリック余分に必要になるのが難点。また、メニューからエントリーリストやカテゴリリストを出した場合にエントリー上部にぽこっと縦長のリストが出るのに違和感(´・ω・｀)といってリスト部分をfloatで横並びにしても始点が揃わないからかちょっと雑然とした感じが…。難しいですね。
テキストの短い人、長文になる人、写真が多い人、indexにたくさん情報を表示したい人。何を見てほしいのか、優先するのか。そういうこだわりポイントから、自分のスタイルやベストな構成も見つかるんじゃないかしらと思います。

#軽くて自分が使いやすいのが一番。
Close

sb作者takkyunさん作
sb_text_format 0.04
デフォルトで添付されているフォーマットプラグインに、リクエストではてな風機能をつけてもらったものです。試作品はblog*citronの上記リンク先のエントリーよりDLできます。

sbで行こうさんより以下3点。
コメント指定ジャンプ1.10
コメント自動リンク表示変更 1.00
ページナビゲーション展開

コメントが長くなってくると、コメント指定ジャンプがとても欲しくなります。しかし、これを入れるとJavaScriptによるツリー化が出来なくなってしまうとのこと。でもナビゲーションバーでリストを見た時にツリー化されていないとやはり見辛く感じてしまうことも…。

試しにBoleroさんのツリー化プラグイン Ver.0.04と合わせてみたところ、コメント指定ジャンプはやっぱり無効になってしまいました(´Д⊂
しかーし、Boleroさんのツリー化プラグインだと、トラックバックのリストから直接TBされた記事に飛ぶことが出来て、これがすごく便利なのなのです。
テンプレート関係のエントリーだとコメント数が20以上になることもあります。どちらも捨てがたいけれども涙を飲んでツリー化は一時停止にしてコメント指定ジャンプをセレクト。
いつかツリー化＆コメント指定ジャンプ＆TB直ジャンプが出来たら最強ですね！

ツリーにしない場合は挿入される「⇒」が変更できたらいいなーと思います。
（ちょっとゴチャゴチャ感が…）
例えば「└」やCSSで背景画像あててアイコン風とか。今のうちのコメントリストは「⇒」を見えなくしていますが、激しく苦し紛れ（笑）

sbとは関係ないですが、orzmaruさんのMaat戦を楽しみにしています（笑）
Close