プルダウンメニューのカスタマイズ

▼サブカテゴリー名の頭位置を揃える
▼サブカテゴリーリストにワンポイント
▼カテゴリーにタイトルリストモードへのリンクをつける

…のカテゴリープルダウンプラグインのカスタマイズ3本です。んがぐっぐ。


※カテゴリープルダウンプラグインを使わない方法はこちらで解説済み
[b*c]blog*citron | タイトル一覧表示モードを作る

▼サブカテゴリー名の頭位置を揃える
CSSに下記を追加します。20pxの部分が左端からサブカテゴリー名の開始位置までの距離です。お好みにあわせて好きな数値にして下さい。
※div.navigationは、div.naviやnavimenuなど名前が異なる場合があります。テンプレに合わせて変更して下さい。

div.navigation dl dd ul li li {
padding: 0px 0px 0px 20px;
}

▼サブカテゴリーリストにワンポイント
サブカテゴリーリストを開いた時、サブカテゴリー名の左に壁紙でワンポイントを表示させます。(サイズがあえばアイコンでも)
※div.navigationは、div.naviやnavimenuなど名前が異なる場合があります。テンプレに合わせて変更して下さい。

div.navigation dl dd ul li li {
padding: 0px 0px 0px 20px;
background:url(ワンポイント画像のURL) repeat-y;
}

・縦に繋がりやすい壁紙を選んだ方が幸せになれます。
・アイコンを使う場合はrepeat-yをno-repeatに変えた方がベター。


▼タイトルリストモードへのリンクをつける (sb1専用)
くっきー日記 | ◇ [sb] タイトルリスト表示
くっきー日記さんで紹介されている、カテゴリープルダウンとタイトルリスト表示の合わせ技です。くっきー日記さんでは、カテゴリーリストの数字の部分(登録エントリー数)がタイトル一覧表示へのリンクになる方法を解説されています。
※プラグインが旧sb専用のため、SereneBachには対応していません


数字をクリックするとタイトルリスト表示になるよ、という一言がないと知らない人は気づきにくそうです…でも説明書き入れるのもちょっと面倒臭いとです…ヒロシです…ヒロシです…。
じゃあ別にリンクをつけてみようというカスタマイズ。

SAMPLE:"blog"というカテゴリー名なら…
blog(25/list)blog(25:一覧)
など数字の横に一覧表示へのリンクを追加します。

▼カスタマイズ手順
まず導入にあたっての手順は一緒です。
くっきー日記 | ◇ [sb] タイトルリスト表示
こちらで紹介されている方法を全てそのまま行って下さい。


動作確認が出来たら、プルダウンメニュープラグインをテキストエディタで開きます。そして#記事数の手前に入れる文字列から#サブカテゴリーの記事数 の後ろに入れる文字列までの4箇所を以下のように修整します。

#記事数 の手前に入れる文字列
$gPreNumber = q['('];


#記事数 の後ろに入れる文字列
$gPostNumber = q[' / <a href="' . $gData{'{site_cgi}'}[0] . '?cid=' . $$hash{'id'} . '&amp;tid=テンプレートのID&amp;max_ent=20">list</a>)'];


#サブカテゴリーの記事数 の手前に入れる文字列
$gPreSubNumber = q['('];


#サブカテゴリーの記事数 の後ろに入れる文字列
$gPostSubNumber = q[' / <a href="' . $gData{'{site_cgi}'}[0]. '?cid=' . $$hash{'id'} . '-'. &sbtxt_urienc($subcat) . '&amp;tid=テンプレートのID&amp;max_ent=20">list</a>)'];

・バックアップを忘れずに!
・テンプレートのIDはタイトル一覧用テンプレのIDを入れて下さい
・max_ent=20の20の部分は1ページに表示したい件数に。
・"list"は一覧でもリストでも、リンクに使いたい言葉をどうぞ。

Related Archive

Comments

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

このカスタマイズ待ってました!
ありがとうございます。
FFXIメンテの間にやってみようと思いますー(笑)

●yokoさん
リクエストにお答えしてエントリにしましたー^^
はっ、そういえばメンテ告知でてましたね~。ver upさせなくては(笑)

私も待ってました~♪
やっと出来ました。もう、こんな時間;;
でも、何故かカテゴリーの記事数が表示されなくなってしまいました(´▽`;wヘwュwーwュwエ…
どうもありがとうございました☆彡

●ばるさん
カテゴリーを直接HTMLの編集で手打ちしている場合は、自分で書いてるわけですから件数は出ません(件数が出るのはsbのカテゴリーリスト出力機能によるものですので)

プルダウンプラグインを使っている場合は件数が出ます。(拝見したところプルダウンになってないので未導入なのかなと判断しました)

こんにちは^^
「サブカテゴリー名の頭位置を揃える」を
参考にさせて頂きました。
ありがとうございました!!

こんばんわ! その節はお世話になりました!お陰で何とかカタチになりました
で、今回このカスタマイズをしてみようとがんばったんですが、リスト表示しようとすると、フッターの画像だけがダーッと並んで、リスト表示されないんですよ~

また私ド素人な間違いしてるのかしら?(汗)
お時間のある時にでもエントリしていただけたらうれしいです

●miwaさん
こんにちは。
コメント有難うございます。
サブカテゴリーはちょっとへこんだほうが見やすいですよね^^

●ちゃいさん
なんか忍者さんの解析が重くて全然読み込めないので、あまり詳しく見れてないんですが私がリスト表示を見た時は、フッターの画像だけが見えないようでした。
それは多分フッターの画像のURL間違えてるんじゃないかなと(笑)

表示がおかしい場合は、タグがきちんと閉じられているか、個数はあっているかを確認。画像がでない場合はURLをまず確認。
頑張ってください。

  • 050904
  • ちゃい

あわわ・・・またもや素人丸出しのミスでしたね(汗)
ホンマ、重ね重ねすみませんっ
個別エントリに飛んだときにナビバーが落ちちゃうのも、ユヅさんがおっしゃる通り『タグの閉じ忘れか数があってないのかも?!』って思って、注意深く探したら・・・ありました!ミス箇所が!
いやぁ、質問する前に自分でちゃんとチェックしないとダメですねぇ
お手数ばっかりおかけしてすみませんでした
これに懲りず遊びに来させてやってくださいませ

Comment Form

[icon]


Trackback

Trackback URI
このエントリーへのリンクを作成
050723
サイト変更箇所[2] | Node
「くっきー日記」さんよりプラグインををお借りし、カテゴリーを"プルダウンメニュー化"しました。"+"でサブカテゴリーが表示&選択できます。「blog*citron」さんより、プルダウンのカスタマイズを参考に...
050816
本日のsbカスタマイズ。 | M_N_B
「サムネイル画像自動縮小プラグイン」イメージ選択でサムネイルを選択すると自動的に元画像へのリンクを張るプラグインです。登録したサムネイル画像をクリックして小窓で原寸表示するプラグインです。CLEVERBBSみた...