FC2ブログのテンプレート工房
カスタマイズが簡単な共有テンプレートを配布しています。テンプレートをカスタマイズして自分だけのオリジナルブログを作りませんか？
公式カテゴリ（カスタマイズ向け）のツリー化
公式プラグインの「カテゴリ」は親子関係でグループ分けすることが可能です。
（以前はこのような機能は無く、有志が提供する共有プラグインに頼らざるを得ませんでした。）
設定方法はこちらにあります。
【ブログ】親子カテゴリ機能追加のお知らせ
公式プラグインの「カテゴリ」には、カスタマイズ向けのものと、そうでないものがあります。
カスタマイズ向けのものはそのままだとリストマークで表示されていますが、これをツリー化表示する方法を紹介します。
スタイルシートの末尾に次の記述を加えてください。
各数値はお好みに合わせて変更してください。
（以前はこのような機能は無く、有志が提供する共有プラグインに頼らざるを得ませんでした。）
設定方法はこちらにあります。
【ブログ】親子カテゴリ機能追加のお知らせ
公式プラグインの「カテゴリ」には、カスタマイズ向けのものと、そうでないものがあります。
カスタマイズ向けのものはそのままだとリストマークで表示されていますが、これをツリー化表示する方法を紹介します。
スタイルシートの末尾に次の記述を加えてください。
/* ▼親子カテゴリ▼ */
li.main_list {
margin-bottom:8px; /* 親カテゴリの間隔 */
font-weight:bold; /* 親カテゴリの文字の太さ */
}
ul.sub_menu {
margin:0px;
padding:0px;
margin-top:5px; /* 親カテゴリから子カテゴリまでの間隔 */
padding-left:0px; /* 子カテゴリの左余白 */
}
.sub_menu li {
background-repeat: no-repeat;
list-style-type:none;
list-style-image: none;
margin:0px;
padding-left:20px;
padding-top:2px;
padding-bottom:5px; /* 子カテゴリの間隔 */
font-weight:normal; /* 子カテゴリの文字の太さ */
}
.sub_list {
background-image: url("http://blog-imgs-19.fc2.com/1/0/p/10plate/branch.gif"); /*ツリー画像 */
}
.sub_list_end {
background-image: url("http://blog-imgs-19.fc2.com/1/0/p/10plate/branch_end.gif"); /*ツリー画像(最後尾) */
}
/* ▲親子カテゴリ▲ */
各数値はお好みに合わせて変更してください。
- 関連記事
≪ 横メニューバーを幅一杯に表示する | HOME | 横メニューバーをブログタイトル下に表示する ≫
[ 3800 ]
参考になりました^^
[ 2009/03/31 11:08 ]
[ 編集 ]
[ 3803 ] ▼ffkam28さん
normal…通常
bold…太字
bolder…より太く
lighter…より細く
下2つは変化しないことのほうが多かったりするので、上2つのどちらかの指定で大丈夫です。
bold…太字
bolder…より太く
lighter…より細く
下2つは変化しないことのほうが多かったりするので、上2つのどちらかの指定で大丈夫です。
[ 2009/03/31 13:32 ]
[ 編集 ]
[ 3806 ] > ちゃんさん、fkam28さん
ちゃんさん、いつもありがとうございます＾＾
fkam28さん、ちゃんさんの説明の通り、太さは通常(normal)か太字(bold)を選ぶのが無難だと思います。
fkam28さん、ちゃんさんの説明の通り、太さは通常(normal)か太字(bold)を選ぶのが無難だと思います。
[ 2009/03/31 21:51 ]
[ 編集 ]
[ 5809 ]
とても参考になります！
カスタマイズ向けの方でツリー化すると
親と子の両方にリストマークが付きますけど、
子の方のリストマークを削除したい場合は
どうしたら良いでしょうか？
宜しくお願いします。
カスタマイズ向けの方でツリー化すると
親と子の両方にリストマークが付きますけど、
子の方のリストマークを削除したい場合は
どうしたら良いでしょうか？
宜しくお願いします。
[ 2009/09/03 22:47 ]
[ 編集 ]
[ 5810 ] > ゆうきさん
スタイルシートの末尾に加えてください。
.sub_menu li {
list-style-type:none;
}
.sub_menu li {
list-style-type:none;
}
[ 2009/09/03 22:57 ]
[ 編集 ]
[ 5812 ] > ゆうきさん
/* ▲親子カテゴリ▲ */ があるということはツリー化のカスタマイズをしているのでしょうか。それならツリー画像が表示されてリストマーク「・」は表示されないと思うのですが・・
現状確認のためにURLを教えてください。
現状確認のためにURLを教えてください。
[ 2009/09/03 23:42 ]
[ 編集 ]
[ 5827 ] > ゆうきさん
なるほど、お使いのテンプレートではそのような設定がされていましたか。それではスタイルシートの末尾に以下を加えてくてみてください。
.sub_menu li {
list-style: none;
}
.sub_menu li {
list-style: none;
}
[ 2009/09/04 20:44 ]
[ 編集 ]
[ 5835 ]
/* ▲親子カテゴリ▲ */
の下に加えました。
まだ、子の「・」が消えませんが
スタイルシートを変更すると時間差で
変更内容が修正されるのでしょうか？
の下に加えました。
まだ、子の「・」が消えませんが
スタイルシートを変更すると時間差で
変更内容が修正されるのでしょうか？
[ 2009/09/05 00:55 ]
[ 編集 ]
[ 5836 ] > ゆうきさん
申しわけありません。更に以下もその下に加えてみてください。
.sub_list,
.sub_list_end {
list-style: none;
list-style-type: none;
}
.sub_list,
.sub_list_end {
list-style: none;
list-style-type: none;
}
[ 2009/09/05 01:11 ]
[ 編集 ]
[ 5838 ] > ゆうきさん
申しわけありません。先ほどのものをこれに入れ替えてみてください。
#sidemenu .sub_list,
#sidemenu .sub_list_end {
list-style: none;
list-style-type: none;
}
#sidemenu .sub_list,
#sidemenu .sub_list_end {
list-style: none;
list-style-type: none;
}
[ 2009/09/05 01:45 ]
[ 編集 ]
[ 5899 ]
何度もすいません。
自分なりに調べて試したが
どうしてもできませんでした。
何とかならないものでしょうか。
宜しくお願いします。
自分なりに調べて試したが
どうしてもできませんでした。
何とかならないものでしょうか。
宜しくお願いします。
[ 2009/09/07 00:35 ]
[ 編集 ]
[ 5903 ] > ゆうきさん
鍵コメで教えてくれた別サイトのURLは、違うURLのサイトへリダイレクトしてしまいました。URLを確認したかったのですが、ゆうきさんのサイトはコメント投稿欄もメールフォームもないので、こちらから連絡する手段がありませんでした。
正しいURLを教えてください。
正しいURLを教えてください。
[ 2009/09/07 01:56 ]
[ 編集 ]
[ 5915 ]
ゆうきです。
メールありがとうございました。
ただいま教えていただいたものでは
変化がなかったです(汗)
先日テンプレート作成者の方に問い合わせたのですが、
返信がなく困っていました・・
もう少しアドバイス願えないでしょうか？
宜しくお願い致します。
メールありがとうございました。
ただいま教えていただいたものでは
変化がなかったです(汗)
先日テンプレート作成者の方に問い合わせたのですが、
返信がなく困っていました・・
もう少しアドバイス願えないでしょうか？
宜しくお願い致します。
[ 2009/09/07 21:57 ]
[ 編集 ]
コメントの投稿
トラックバック
ブログ内検索1
サイトマップ
カテゴリ
お薦め カスタマイズ
【共通】
- ブログのサイトマップ
- 背景に画像を使う
- 背景画像をランダムに変える
- タイトル画像をランダムに変える
- 画像をランダムに変える
- 続きを閉じるの使い方
- 一部の文字やリンクの色を変える
- カレンダーの更新日を目立たせる
- プラグインカテゴリ３を常に表示
- 記事文末に広告等を挿入する
- 別枠リンク集の作り方
- 記事タイトル前にアイコン
- プラグインタイトル前にアイコン
- ブログタイトル下に横カレンダー
- 記事を左カラムに表示する
- 記事の日付を消す
- 新着記事に新着表示を付ける
- 便利なトラックバックURL表示
- 記事の行間を変える
【lightframe】
【standard】
- サイトの幅を変える
- 文字の大きさを変える
- 色を変える
- リンクのスタイルを変える
- もう一つのリンク集の作成
- タイトルを画像にする
- ヘッダー背景を画像にする
- タイトルを中央に配置する
- 記事を枠で囲む
- トップのみ３、他２カラム
【スマホ用】
プロフィール
Author:いたお
更新は非常にマイペースです
現在休止中です
当サイトはリンクフリーです。
いたおの他の運営サイト
いたおの他の運営サイト
iPhoneアプリも作ってます
ありがとうございます
先生達
RSSフィード
カレンダー
なんでもスクロール
このように
縦に長く伸びた
プラグインを
スクロールバーによって
一定の長さに
抑えることが
出来ます。
※スクロールさせる文字やプラグインのHTMLをここに
縦に長く伸びた
プラグインを
スクロールバーによって
一定の長さに
抑えることが
出来ます。
※スクロールさせる文字やプラグインのHTMLをここに
今日の日付入りカレンダー
サイト外タグ検索
iPhoneアプリも作ってます
記事別最近のコメント
- 05/21 のぶ
- 05/09 sakurai
- 05/05 だいきゅ
- 05/02 たにもっさん
- 05/02 sakurai
- 05/02 sakurai
- 05/01 たにもっさん
- 05/01 sakurai
- 04/30 たにもっさん
- 04/30 たぬき
- 04/29 sakurai
- 04/29 ひろ
- 04/29 たにもっさん
- 04/29 たにもっさん
- 04/29 たぬき
- 04/28 sakurai
- 04/28 たにもっさん
- 04/28 たにもっさん
- 04/26 sakurai
- 04/24 たにもっさん
- 04/22 sakurai
- 04/22 AAA
- 04/22 通りすがり
- 04/22 zz
- 04/22 たにもっさん
- 04/22 AAA
- 04/17
- 04/17 Theresa Sullivan
- 04/15
- 04/14 sakurai
最近のトラックバック
- ギルゲエム:コメントを含めた検索を出来るようにしました (03/29)
- 納豆帝国のtemplate改悪履歴:コメントにアイキャッチ（キャラアイコン）をつける (11/23)
- まとめwoネタ速neo:まとめtyaiました【タイトルを画像にする (10plate_sp_white)】 (05/02)
- まとめwoネタ速neo:まとめtyaiました【スマホ用テンプレート「10plate_sp_white」の修正】 (05/02)
- ブログ作成探偵事務局:トップページに最新記事を表示させないようにする（FC2） (04/08)
- まとめwoネタ速suru:まとめteみた.【トップページのみ３カラム、他を２カラムにする。(lightframe)】 (04/02)
- まとめwoネタ速suru:まとめteみた.【一時休止のお知らせ】 (03/30)
- 南加州空即是色:模様替え (03/01)
- 神々の領域（ｷﾘｯ:メニューバー (02/25)
- 実践レポート★アフィリエイトの足跡★:ブログのカスタマイズ (11/25)