Lc-Factory/雑記ツリーカテゴリーでフォルダ表示？







Lc-Factory/雑記	サイドメニュー
リリースしたプラグイン＆テンプレートの詳細情報や雑記です。FC2ブログ向けの情報が中心ですが、他のブログ向けも扱います。（by ルード＠管理人）

Lc.ズームバー v2

ズーム： 100% → 100%

広告(125x125バナー)	×

Lc.ツリーカテゴリー

★プラグイン (62)

┣ ★プラグイン　新規リリース (6)

┣ ★プラグイン　ツリー系更新 (38)

┣ ★プラグイン　マナー系更新 (13)

┗ ★プラグイン　その他更新 (5)

★メイン情報　リリース情報　.テンプレート (10)

┣ ★.テンプレート　新規テンプレ (2)

┗ ★.テンプレート　テンプレ更新 (8)

★ご利用情報　利用条件？ (8)

★メイン情報　ご利用情報　.プラグイン (47)

┣ ★.プラグイン　仕様説明 (9)

┣ ★.プラグイン　お勧めな点 (8)

┣ ★.プラグイン　カスタマイズ (14)

┗ ★.プラグイン　ご利用のヒント (16)

★メイン情報　ご利用情報　.テンプレート (13)

┣ ★.テンプレート　お勧めな点 (6)

┣ ★.テンプレート　カスタマイズ (2)

┗ ★.テンプレート　ご利用のヒント (5)

★予告的なこと　リリース予告 (22)

★予告的なこと　リリース検討 (50)

★予告的なこと　リリース進捗 (10)

★スタンスのこと (17)

★返答とか (0)

★この場所のこと (21)

★この場所の変更 (12)

★基礎知識？ (6)

★.なんとなく　システムトラブル (17)

★未分類 (0)

Script by Lc-Factory
(詳細:Lc-Factory/雑記)

ブログ全記事表示	×
全ての記事を表示する

ブログ内検索	×

奥ゆかしい広告	×
エックスサーバー高速・安定の割に低料金

FC2カウンター	×

お勧めマナーサイトS	×
このブラウザでは利用できません。<br> <a target="_target" href="http://lctree.blog26.fc2.com/blog-entry-84.html">Script by </a><a target="_target" href="http://lctree.blog26.fc2.com/">Lc-Factory</a>

Lc.ワードハイライト	×

RSSフィード	×
最新記事のRSS 最新コメントのRSS テンプレート更新のRSS ツリー系更新のRSS マナー系更新のRSS その他更新のRSS

Ｍｅｍｏ	×
このブログの右のメニューは、右上の×で、消せますよ。右メニューは切り替え方式。ＡとＢ、クリックで切り替え。

Lc.ツリータグリスト	×

● ツリーカテゴリーでフォルダ表示？

【2010/08/14 03:07】 .プラグイン　カスタマイズ
ツリーカテゴリーのツリーを開閉するフォルダアイコンで表示する方法を解説しておきます。
昔のバージョンから可能だったんですけど、なかなか気づかない人が多いかなということで、解説しておくのも良いかなと思いまして。

.
＊＊＊フォルダ表示は綺麗かな＊＊＊

このブログのツリーカテゴリーも、フォルダのアイコン画像を使った表示にしてみました。
フォルダ画像を使って表示すると、なんだか綺麗です。
見た目がパッとしますし、エクスプローラのフォルダっぽく開閉できることが分かりやすいですね。

もちろん、シンプルをお好みの方はデフォルトのままで良いでしょう。
フォルダ表示をお望みの方だけが設定すれば良いのですよ。

＊＊＊設定方法？＊＊＊

プラグインソース内の変数値を書き換えましょう。
書き換えるのは、それぞれの行の「=」の後だけです。
間違えると壊れますので、慎重にどうぞ。

LC_CAT_PARENTBOX = false; //親の＋などをボックス表示

まず、LC_CAT_PARENTBOXのtrueをfalseにします。
しなくても使えますけど、画像が線で囲まれますので美しくないかなと思います。

LC_CAT_BOX_CLOSED = '<img src="閉じた画像のURL" border="0" style="margin-right:2pt;">';
LC_CAT_BOX_OPENED = '<img src="開いた画像のURL" border="0" style="margin-right:2pt;">';

そして、LC_CAT_BOX_CLOSEDとLC_CAT_BOX_OPENEDの行を、上記のように書き換えます。
閉じた画像のURLと開いた画像のURLの部分には、画像のURLを指定してください。
お求めの大きさに合わせ、widthやheightを指定しても良いかと思います。

＊＊＊画像も配布しておきます＊＊＊

要るかどうかは分かりませんが、ツリー用のフォルダアイコン画像を配布しておきます。
ダウンロードした画像をブログ管理画面からアップロードしてご利用ください。
アップロードした画像のURLを上記の設定で指定すれば、ツリーカテゴリーをフォルダ表示にできるということです。

←24x12

←24x14

←26x16

←26x16

0.1KB～0.2KBという、極端に小さなファイルサイズにしてあります。
これなら低速回線の方にも優しいですよ。

このフォルダ画像は、加工も再配布もご自由にどうぞ。
色を変えるとか、＋や－を消すなど、ご自由に加工すればブログの個性を演出できるかも。
フォルダ以外の画像を使うのも個性的で良いとは思いますが、開閉できることが伝わらない画像だと訪問者さんに不親切かも知れませんね。

＊＊＊他のツリー系も＊＊＊

ツリーリンクなど、他のツリー系プラグインも、ほぼ設定を適用できるのだと思います。
変数名が少し違うだけで、あとは同じだと思いますけどね。

ツリーリンク、ツリーコメント、ツリートラックバックあたりは、変数名がちょっと違うだけかと。
他がどうだったかは、覚えてないです。

＊＊＊アイコン設定とは違います＊＊＊

今回の記事で説明しているのは、開閉に応じてフォルダアイコンを変えたい場合の設定です。
＋や－を別の何かに置き換えるものです。
アイコン設定機能と似ていますが、ちょっと違います。

CSSに詳しい方ならツリーの階層に応じて画像を変えるとかも可能だと思います。興味のある方は挑戦してみるのも良いでしょう。

関連記事

| TRACKBACK(0) | COMMENT(0)

△Page Top

<<テンプレート「lc-ex3col-blue」を更新。 | BLOG TOP | RSS広告を「表示しない」に設定しないと。>>

この記事に対するコメント

△Page Top

この記事に対するコメントの投稿（歓迎ですが、承認率は低めです）

△Page Top

BLOG TOP

この記事に対するトラックバック

トラックバックURL
→http://lctreetz.blog69.fc2.com/tb.php/375-138c9840
この記事にトラックバックする(FC2ブログユーザー)
承認率は非常に低いですし、たまに削除もします。ご容赦ください。

△Page Top

【PR】蚊で眠れないならおすだけベープクリスタ　←効果とコスパが優秀な一品。

サイドメニュー

メニューＡ　メニューＢ

お知らせ	×
ここは、雑記的なブログです。重要な情報は、別のブログにて。

ちょっと目立つ広告	×
マウスコンピューター全体的に割安価格のパソコン通販 DMM mobile スマホの月額料金を大幅に安く楽天市場見るだけでも楽しいですね

情報提供・・・	×
保証もサポートもしない方針ですが、情報提供は、するつもりですよ。このブログとかで、ね。質問等は歓迎していますが、承認率や返答率は低めです。そっけない返事も多いです。

カレンダー

Lc.ツリーコメント

ルード:需要があるようですね (08/06)

ルード＠管理人:質問サイトでの質問も？ (10/18)

はんのすず:質問サイトでの質問も？ (06/16)

ルード＠管理人:「Lc.ツリートラックバック」をリリース。 (02/01)

月詠:「Lc.ツリートラックバック」をリリース。 (01/26)

ルード＠管理人:Lc.ツリーカテゴリーの、CSS設定について（その１） (01/17)

774:Lc.ツリーカテゴリーの、CSS設定について（その１） (01/11)

ルード＠管理人:「Lc.ツリーカテゴリー」を更新。 (07/17)

まっこりーに:「Lc.ツリーカテゴリー」を更新。 (07/15)

ルード＠管理人:「Lc.ツリーカテゴリー」に詳細設定を追加。 (07/15)

まっこりーに:「Lc.ツリーカテゴリー」に詳細設定を追加。 (07/14)

ルード＠管理人:ツリーカテゴリーにNewマーク。 (07/09)

動画マニア:ツリーカテゴリーにNewマーク。 (07/08)

ルード＠管理人:「Lc.ツリーカテゴリー」を更新。 (06/04)

ルード＠管理人:「Lc.ツリーカテゴリー」を更新。 (05/24)

seigajiji:「Lc.ツリーカテゴリー」を更新。 (05/23)

ルード＠管理人:「Lc.ツリーカテゴリー」を更新。 (05/14)

ヌーそく管理人:「Lc.ツリーカテゴリー」を更新。 (05/13)

ルード＠管理人:「Lc.ツリーカテゴリー」を更新。 (05/13)

ヌーそく管理人:「Lc.ツリーカテゴリー」を更新。 (05/10)

ルード＠管理人:「Lc.ツリーカテゴリー」を更新。 (05/06)

ヌーそく管理人:「Lc.ツリーカテゴリー」を更新。 (05/01)

Script by Lc-Factory
(詳細:Lc-Factory/雑記のここ)

Lc.ツリーリンク

*お役立ちサイト　Lc-Factory＠忍者ブログ

*ネットマナー　絵板のマナー講座

*ネットマナー　毒吐きネットマナーPlus

*ネットマナー　お絵描き掲示板を楽しむために♪

*ネットマナー　絵板ネットマナーLite

*ネットマナー　平和的ネットマナー

*ネットマナー　絵板のマナー講座の別館

*ネットマナー　.ふりがな　絵板のマナー講座

*お役立ちサイト　お絵かき練習板(@PAINT)

*お役立ちサイト　お絵かき練習板(OekakiBBS)

*.マナー系付属　リンク集

*お役立ちサイト　絵板が使えない場合に

*.'実験'です　'ツリーのテスト'です。

*.'実験'です　テスト　ツリーのテスト

*.'実験'です　テスト　これもテストです

*.'実験'です　テスト　.More Test　ツリーでテスト

*.'実験'です　テスト　.More Test　テストですね！

*.'実験'です　テスト　まだテスト　ツリーテスト！

*.'実験'です　テスト　ツリーテストリンク！

*.'実験'です　テスト　.More Test　.test　.Deep!　TreeをTest!

*.'実験'です　テスト　.More Test　.test　.Deep!　ツリーのテスト

*.'実験'です　テスト　.More Test　.test　.Deep!　more!　Test!!!

*.'実験'です　テスト　.More Test　.test　.Deep!　ツリー！

*.'実験'です　テスト　まだテスト　.test　ツリーテスト！

*.'実験'です　テスト　まだテスト　.TEST　.Test　ツリーTest

*.'実験'です　テスト　まだテスト　.TEST　ツリー!!

*.'実験'です　テスト　まだテスト　.TEST　ツリー動作確認！

*.'実験'です　テスト　まだテスト　.TEST　.Test　Test of Tree

*.'実験'です　テスト　.More Test　.test　.Deep!　more!　manner

*.'実験'です　テスト　.More Test　.test　.Deep!　more!　.twitter　forest

*.'実験'です　テスト　.More Test　.test　.Deep!　more!　.twitter　fact

*ネットマナー　.ふりがな　毒吐きネットマナーPlus

*ネットマナー　.ふりがな　お絵描き掲示板を楽しむために♪

*ネットマナー　.ふりがな　平和的ネットマナー

*ネットマナー　.ふりがな　絵板ネットマナーLite

Script by Lc-Factory
(詳細:Lc-Factory/雑記)

絵板のマナー利用者編	×
このブラウザでは利用できません。<br> <a target="_target" href="http://lctree.blog26.fc2.com/blog-entry-75.html">Script by </a><a target="_target" href="http://lctree.blog26.fc2.com/">Lc-Factory</a>

お勧めマナーサイト	×
このブラウザでは利用できません。<br> <a target="_target" href="http://lctree.blog26.fc2.com/blog-entry-81.html">Script by </a><a target="_target" href="http://lctree.blog26.fc2.com/">Lc-Factory</a>