Top > CMS・ブログ > Serene Bach > カスタマイズ > ツリー化 > 2007年1月
2007年1月26日

Serene Bach で異なるツリー化カスタマイズを同時に利用する

January 26,2007 12:10 AM
Tag:[, , ]
Permalink

Serene Bach のツリー化カスタマイズとして当サイトで紹介している

  1. サイドメニューのツリー化スクリプト for Serene Bach
  2. JavaScript 不要なサイドメニューのツリー化 for Serene Bach

がありますが、この 2 つを同時に適用すると「ツリーが正常に表示されません」というご質問を頂きました。

原因は 2. のツリーの記事タイトルに ul 要素ではなく、li 要素が使用されているので、それ専用の CSS を設定しているのですが、その設定が 1. の CSS の class 属性名とバッティングしているためです。

解消するひとつの方法として、1. で利用している maketree.js および CSS を修正する方法を紹介します。

1.maketree.js の修正

ご自身で使用されている maketree.js をサーバからダウンロードします。そのファイルを任意のエディタで開き、下記の赤色部分(tree)を検索して、すべて「tree2」に修正してください。計6ヶ所あります。

修正前

nodes[i].setAttribute('class', 'tree');

修正後

nodes[i].setAttribute('class', 'tree2');

修正したら保存して、元のディレクトリにアップロードしてください。

2.CSS 修正

サイドメニューのツリー化スクリプト for Serene Bach」の記事にある CSS を設定していると思いますので、このセレクタ名 tree を全て tree2 に変更します。

ul.tree2 {
  :
ul.tree2 ul {
  :
ul.tree2 li {
  :
ul.tree2 li.end {
  :

以上です。

Comments [5] | Trackbacks [0]
Now loading...
ギターに入った猫
掲載広告募集
Styles
Font Size
Default
For defective color vision
Gray Scale
RGB Color
Search this site

このブログをメールで購読する by:FeedBurner


AMN
Categories
Monthly Archives
2017年
2016年
2015年
2014年
2013年
2012年
2011年
2010年
2009年
2008年
2007年
2006年
2005年
2004年
2003年
BlogPeople
Syndicate this site
FeedBurner(RSS1.0/RSS2.0/Atom)
Counter
これまでのアクセス
Powered by
Movable Type 6.0.3