2007年1月26日
Serene Bach で異なるツリー化カスタマイズを同時に利用する
Serene Bach のツリー化カスタマイズとして当サイトで紹介している
がありますが、この 2 つを同時に適用すると「ツリーが正常に表示されません」というご質問を頂きました。
原因は 2. のツリーの記事タイトルに ul 要素ではなく、li 要素が使用されているので、それ専用の CSS を設定しているのですが、その設定が 1. の CSS の class 属性名とバッティングしているためです。
解消するひとつの方法として、1. で利用している maketree.js および CSS を修正する方法を紹介します。
１．maketree.js の修正
ご自身で使用されている maketree.js をサーバからダウンロードします。そのファイルを任意のエディタで開き、下記の赤色部分（tree）を検索して、すべて「tree2」に修正してください。計6ヶ所あります。
修正前
nodes[i].setAttribute('class', 'tree');修正後
nodes[i].setAttribute('class', 'tree2');修正したら保存して、元のディレクトリにアップロードしてください。
２．CSS 修正
「サイドメニューのツリー化スクリプト for Serene Bach」の記事にある CSS を設定していると思いますので、このセレクタ名 tree を全て tree2 に変更します。
ul.tree2 {
：
ul.tree2 ul {
：
ul.tree2 li {
：
ul.tree2 li.end {
：以上です。
Comments [5]
| Trackbacks [0]
