Lc.ツリーカテゴリーの、CSS設定について(その2)Lc-Factory/雑記サイドメニューリリースしたプラグイン&テンプレートの詳細情報や雑記です。FC2ブログ向けの情報が中心ですが、他のブログ向けも扱います。100%JavaScriptを使用します。×このブラウザでは利用できません。×JavaScriptを使用します。右上の×で、消せますよ。右メニューは切り替え方式。AとB、クリックで切り替え。前の記事からの続きで、Lc.ツリーカテゴリーのCSS設定についての説明です。CSSを分かっている人以外には敷居の高い内容ですよ。***この記事では、Lc.ツリーカテゴリーのどの部分に、どのスタイルのclassが割り当てられているか図解します。一部、classではなくidが割り当てられていますけどね。この情報が分かれば、CSSを知っている人なら、スタイルシート設定ができるでしょう。***まず、全体にLC_CATというidが付いています。ツリーカテゴリー全体に適用したい場合は、このidを指定します。****階層目のグループ全体には、level_*というclassが付いています。ある親の下にぶら下がる部分全体です。親をクリックして折りたたまれる部分ですね。***ツリーの親には、parentというclassが付いています。*階層目の親には、parent_*というclassが付いています。*番目に出現した親には、lc_cat_parent_*というidが付いています。これらは、1行の全体に対しての設定です。ここで言う親というのは、グループ化におけるグループ名の行です。aのように指定しましょう。***カテゴリー番号*の子には、lc_cat_no_row_*というidが付いています。これは、1行の全体に対しての設定です。ここで言う子というのは、カテゴリーへのリンクの行です。カテゴリー番号は、カテゴリーURL内で、カテゴリーごとに付く数値です。***ツリーの子には、childというclassが付いています。*階層目の子には、child_*というclassが付いています。これらは、リンク自体に対しての設定です。ように指定しましょう。***ツリーの親には、+や-の記号が付いていますね。この部分には、boxというclassが付いています。スクリプト中のLC_CAT_PARENTBOXがtrueの場合、そちらの設定が優先されます。LC_CAT_PARENTBOXと競合するスタイル設定をしたければ、LC_CAT_PARENTBOXの値をfalseにしましょう。***カテゴリー名には、child_nameというclassが付いています。これは、カテゴリーの名前の部分だけです。***カテゴリーの記事数の部分には、child_countというclassが付いています。これで、記事数を非表示っぽくすることもできます。本当に記事数を消すなら、スクリプト内のLC_CAT_DISPLAYNUMをfalseにしましょう。***カテゴリーに付くマークの部分には、child_starというclassが付いています。アイコン画像を設定してあるカテゴリーの場合、この部分はありません。この設定を使えば、カテゴリーごとに違う色を付けられますね。***親にぶら下がる枝の部分には、branchというclassが付いています。*階層目の枝には、branch_*というclassが付いています。***カテゴリーの段下げ文字には、indentというclassが付いています。*階層目の段下げ文字には、indent_*というclassが付いています。通常、段下げ部分には全角空白があり、文字色等を設定しても無意味ですが・・・。スクリプト中のLC_CAT_INDENTCHRの値を変更すると、全角空白以外に変更できますよ。***今のところ図解は見合わせますが、以下のclassもあります。詳しくは、別の記事をご参照ください。***オプション機能を有効にした場合のみ適用される設定もあります。詳しくは、それぞれの説明記事に説明があるので、ご参照ください。***かなり多くの設定が可能なため、把握しづらいかも知れませんね。ご自分に必要な設定以外は、気にしないことをお勧めします。CSS設定はこだわる人の上級設定であり、必須ではありません。Tweet関連記事RSS広告を「表示しない」に設定しないと。ツリーカテゴリーの記事一覧の詳細設定&CSS。ツリーカテゴリーの記事一覧機能。Lc.ツリーカテゴリーの、CSS設定について(その2)Lc.ツリーカテゴリーの、CSS設定について(その1)デフォルトアイコン設定の説明。Top<<ブログの名前を変えようかと。Lc.ツリーカテゴリーの、CSS設定について(その1)>>この記事に対するコメントいつも利用させてもらってます。[編集]軽いメモですが、答えです。今回は、少し情報を出しておきます。軽いメモですが、これで分からなければ、あきらめましょう。プラグインのHTML編集にて。');↑こういう部分を修正します。src="URL">');↑このように書き換えます。URLの部分に、画像のURLを書きます。画像は、ブログ管理画面のアップロード機能で、アップロードしておきます。今はこれ以上説明する気はありません。私は「自力で手に負えないなら、カスタマイズすべきでない」という考えです。[編集]ありがとうございます。そこをいじるのだとは思ってたんですがどう変えればいいのかわからなくて助かりました>私は「自力で手に負えないなら、カスタマイズすべきでない」という考えです。ごもっともだと思います。[編集]お役に立ったのなら。書いたメモでしたが、お役に立ったのなら幸いです。今後、ツリーカテゴリーがバージョンアップした場合には、対応方法が変わるかも知れません。あしからずご了承ください。【2007.12.23~】バージョンアップにより、対応方法が変わりました。値を変えればOKです。[編集]いつも利用させてもらってます。CSSカスタマイズで疑問があります。自分なりに調べてみたのですが、どう変えればいいのかがわからないため質問しました。├カテゴリ3└カテゴリ4となるのですが、+の部分を画像にし、閉じたときと開いたときで異なる画像を使いたいと思っています。この記事の中に>LC_CAT_PARENTBOXと競合するスタイル設定をしたけれ>ば、LC_CAT_PARENTBOXの値をfalseにしましょう。あり、HTMLの方はfalseにしました。CSS側に画像を以下のように設置したのですが、画像がきません。[編集]+-の画像化は・・・+-の画像化は・・・ちょっと面倒です。自分で手段の分かる人以外は、手出しすべきではないと思いますよ。JavaScriptに詳しければ、そう難しくもない気はしますけど。情報を出しておきます。LC_CAT_PARENTBOXの値をfalseにするのは、正しいです。画像は、CSSの設定ではなくHTMLのスクリプト内で指定する必要があります。変更すべきは、+と-の、「値」「初期値を出力する部分」「切り替える部分」くらいでしょうか。処理の流れは変わらないと思いますが、ちょっとしたロジック改変です。将来的には、バージョンアップで画像に対応する可能性も・・・ないとは言いません。[編集]ありがとうございます。おっしゃることはなんとなくわかるのですが、具体的にどこをどうすればよいというのがサッパリわかりません。スクリプトを勉強して、それから再度挑戦してみます。それでは、今回は親切に回答いただきありがとうございました。[編集]手抜きな方法ですが。比較的簡単に実現できる方法を見つけました。全ての「+」と「-」を、好みの画像出力のimgタグに変換。「nodeValue」と「innerText」を、「innerHTML」に変換。・・・今の最新バージョンなら、これで行けるかと。ツリーカテゴリーの次版では、同じ方法は使えないと思います。簡単になるとは思いますけど。・・・バージョンアップにより、対応方法が変わりました。値をimgタグにすればOKです。[編集]IE以外のCSSの表示についていつも使わせていただいています。多機能で痒いところに手が届くので愛用させていただいてます。しても分からないことがあるのです。black;}というようにCSSを設定しました。IEでは正常に反映されたのですがfirefoxやSafariで確認するとカテゴリー名と記事数の間にborderが登場し、数字を囲っていないようなのです。childをparentに変えた場合は正常に囲んでくれます。他は問題が無いのですが、「.child_count」だけはいくらやっても分からず困っています。すればIE以外でも数字を囲むことができるのか、もしよろしければ教えていただけないでしょうか。IE以外のCSSの表示について情報をありがとうございます。IEやOperaではOK、FirefoxやSafariではNG、というところですね。記事一覧機能がONの場合にのみ発生するようです。ifの前に移動すれば良いのだと思います。(2009.03.14版では、474行目→464行目)次版のリリース時に、ついでに修正するかも知れません。ちなみにこれは、プロが調査しても原因を特定できずに「ブラウザとの相性問題」として放り出しそうな現象です。自力での調査を諦めるのは、結果として正しい選択だったのでしょうね。a」で設定したのですが、変更されません。a」で正常に変更されました。すればツリーリンクの親の色を変更できるでしょうか?ご教授お願いします。Lc.ツリーリンクについて現行のツリーリンクでは、実は少しだけ違います。「#LC_LNK.parent」でどうぞ。お望みの書式になるよう、色々と試してみれば良いかと思います。0pt;}を追加したのですが、親だけでなく子まで間があいてしまいます。(カテゴリーの方では正常に変更されました。0pt;}この設定は、現行版のツリーリンクでは効きません。次版以降で対応する可能性も微妙です。他の方法でトライするしかないでしょうね。[編集]Lc.ツリーリンクについて>ルード@管理人様ご回答ありがとうございます。他の方法等ありましたらご教授お願いします。妥協する・アイコン画像設定により、透明な画像でマージンを作る・ツリーリンクのスクリプトをいじってどうにかするこれ以上はご自分で試行錯誤してください。基本的に、私はサポートをしない方針です。気が向けばそのうち解説するかも知れませんが、可能性は低いかと。[編集]Lc.ツリーリンクについて>ルード@管理人様ご回答ありがとうございます。この方法でいきたいと思います。・承認率も返答率も、低めですよ。・たまに整理で消すことも・・・。・そっけない返事も多いです。TOPこの記事に対するトラックバックトラックバックURL→http://lctreetz.blog69.fc2.com/tb.php/171-2e46244fこの記事にトラックバックする(FC2ブログユーザー)承認率は非常に低いですし、たまに削除もします。当サイトの左上にあるカテゴリの表示はツリー型になっておりますが、これはseesaaブログのデフォルト設定でも、どこぞのテンプレートを使用したわけでもありません。←効果とコスパが優秀な一品。×ここは、雑記的なブログです。重要な情報は、別のブログにて。情報提供は、するつもりですよ。このブログとかで、ね。承認率や返答率は低めです。そっけない返事も多いです。(06/16)ルード@管理人ルード@管理人:「Lc.ツリートラックバック」をリリース。月詠:「Lc.ツリートラックバック」をリリース。(01/26)AmaichiAmaichi:「Lc.ツリーカテゴリー」を更新。(12/12)AmaichiAmaichi:「Lc.ツリーカテゴリー」を更新。(10/21)ルード@管理人ルード@管理人:「Lc.ツリーカテゴリー」を更新。(07/17)まっこりーにまっこりーに:「Lc.ツリーカテゴリー」を更新。(07/15)ルード@管理人ルード@管理人:「Lc.ツリーカテゴリー」に詳細設定を追加。(07/15)まっこりーにまっこりーに:「Lc.ツリーカテゴリー」に詳細設定を追加。(07/14)ルード@管理人ルード@管理人:ツリーカテゴリーにNewマーク。(07/09)動画マニア動画マニア:ツリーカテゴリーにNewマーク。(07/08)ルード@管理人ルード@管理人:「Lc.ツリーカテゴリー」を更新。(06/04)てすとてすと:「Lc.ツリーカテゴリー」を更新。(06/02)ルード@管理人ルード@管理人:「Lc.ツリーカテゴリー」を更新。(05/24)seigajijiseigajiji:「Lc.ツリーカテゴリー」を更新。(05/23)ルード@管理人ルード@管理人:「Lc.ツリーカテゴリー」を更新。(05/14)ヌーそく管理人ヌーそく管理人:「Lc.ツリーカテゴリー」を更新。(05/13)ルード@管理人ルード@管理人:「Lc.ツリーカテゴリー」を更新。(05/13)ヌーそく管理人ヌーそく管理人:「Lc.ツリーカテゴリー」を更新。(05/10)ルード@管理人ルード@管理人:「Lc.ツリーカテゴリー」を更新。(05/06)ヌーそく管理人ヌーそく管理人:「Lc.ツリーカテゴリー」を更新。'ツリーのテスト'です。×このブラウザでは利用できません。×このブラウザでは利用できません。(12/13)「絵板のマナー講座」の雑記:リンクもアンリンクも自由ということで。(12/06)「絵板のマナー講座」の雑記:Newマークと記事一覧を実現。(12/06)Lc-Factory@忍者ブログ:感謝で、忍者ブログのツリーコメント。×ツリーカテゴリープラグイントラックバックユーザータグタグコメントリストコメントネットマナーリンクリストタグリストアイコンタイトル絵板のマナータグクラウド毒吐きネットマナー毒吐きネットマナーPlusFC2ブロググループ化雑記見本絞り込みフォントサイズタイトル表示マナーサイトテンプレートマナー検索ハイライトJavaScriptを使用します。×ツリーカテゴリープラグイントラックバックユーザータグタグコメントリストコメントネットマナーリンクリストタグリストアイコンタイトル絵板のマナータグクラウド毒吐きネットマナー毒吐きネットマナーPlusFC2ブロググループ化雑記見本絞り込みフォントサイズタイトル表示マナーサイトテンプレートマナー検索ハイライトJavaScriptを使用します。◆カテゴリーの上限数?◆FC2ブログがオープンソースで公開?◆コメントは見ますけどね◆設定用ページって使われているんだろうか◆アメブロ版は要らない気がしているので◆質実剛健?◆意外とSeesaa版も◆広告表示が目障りで、すみません。◆ツリーコメントの設定用ページくらいは...◆回答者の方、ありがとうございます。×このブログ、プラグインは多めです。カテゴリーも多いです。テンプレートの特色を見るためです。サンプルも兼ねたブログなので。