Sponsored Link
プロフィール
管理人:マコ♂ (♂デスyo)
H/PからMTに切り替え、日々の葛藤をお送りしておりま~す
趣味: 車、音楽、マリンスポーツ、ウインタースポーツ、ぱそこん?

当ページはリンクフリーです(^^;

カレンダー


掲示板
           
  • Y乃助 掲示板
  • 最近のエントリー
               
    過去記事
              
  • 現在のPC環境
  •           
  • 2004 PC環境
  •           
  • 2004 PC変貌編
  •           
  • 2004時 熱処理編
  •           
  • 2004時 PC記事
  •           
  • 2004時 カーラック施工記事
  •           
  • 2004時 車内清掃記事
  •           

    « サイズ変更 | メイン | ヘッダー定義 »

    カテゴリーツリー化

    2007年06月16日

    カテゴリーが寂しい…
    みなさん ツリー式だし…(イイナ ツンツン♡ ( ^▽^)σ)~O~)アハハ;;

    当初、アキラメそうになったのだが、kishi-r.comさんの記事  Movable Typeのカテゴリをツリー化してみる を読み、ファイトな気持ちとなる(^^;

    ようは、カテゴリー定義をばっさり変える!

    で、失敗した場合は戻す!くらいの覚悟でトライ開始

    1.

    <MTSubCategories>
    <MTSubCatIsFirst><ul class="tree"></MTSubCatIsFirst>
    <MTIfNonZero tag="MTCategoryCount">
    <li class="tree<MTSubCatIsLast>_end</MTSubCatIsLast>">
    <a href="<$MTCategoryArchiveLink$>" title="
    <$MTCategoryDescription$>"><MTCategoryLabel></a>
    [<$MTCategoryCount$>]
    <MTElse>
    <li class="tree<MTSubCatIsLast>_end</MTSubCatIsLast>">
    <MTCategoryLabel>
    </MTElse>
    </MTIfNonZero>
    <MTSubCatsRecurse max_depth="3">
    </li>
    <MTSubCatIsLast></ul></MTSubCatIsLast>
    </MTSubCategories>

    をスタイルシートを除く、各シートに切り替え。

    2.

    ul.tree {
    margin: 0!important;
    padding: 0!important;
    font-size: 12px;
    list-style: none!important;
    }
    ul.tree ul {
    margin: 0!important;
    padding: 0!important;
    }
    ul.tree li {
    margin: 0!important;
    padding: 0 0 0 16px!important;
    background-image: url(http://makotoda.s53.xrea.com/tree_lst_solid.gif);
    background-repeat: no-repeat!important;
    list-style: none!important;
    }
    ul.tree li.tree_end {
    background-image: url(http://makotoda.s53.xrea.com/tree_end_solid.gif);
    list-style: none;
    }

    をスタイルシートに挿入

    尚この線は、小粋空間さんの JavaScript 不要なサイドメニューのツリー化 for Movable Type(MTCollate編)から、「ツリー画像のダウンロード」より有難くお借りしました。

    これをファイルアップロードしたものが、上記定義になる

    すると… 見事ツリー化成功デス!

    トラックバック (0)

    このエントリーのトラックバックURL:

    コメント (2)
    » 投稿者: kishi-r

    やっぱ最初はカテゴリをツリー化したいとか

    考えちゃいますよね♪

    参考になって良かったです。

    » 投稿者: マコ♂

    kishi-r さん

    はじめまして!TBを送ってしまって恐縮です

    最初はホントにアキラメそうになったのですが、記事を丸写し(爆)したら、見事にツリー化しました。

    とてもワカリヤスイ記事で、MT初心者には助かりました。

    これからもどうぞ宜しくお付き合いを!

    コメントを投稿

    カテゴリー

    open all | close all

    最近のコメント
    Fedora 7 とりあえず導入
      └ マコ♂(7/12)
      └ けんけん(7/13)
      └ マコ♂(7/13)
      └ けんけん(8/ 2)
      └ マコ♂(8/ 3)
    Googleサイトマップ 保留状態
      └ まぼ(7/31)
      └ マコ♂(8/ 2)
    IE7 無応答 切り分け解析
      └ (7/18)
      └ マコ♂(7/18)
    Fedora 7 少しいじった後の感想
      └ けんけん(7/11)
      └ マコ♂(7/11)
      └ けんけん(7/11)
      └ マコ♂(7/12)
      └ けんけん(7/12)
    ブログ歴 二ヶ月
      └ あなろぐ(6/28)
      └ マコ♂(6/28)
    Tag cloud
    リンク
    feeds