分享│樹狀分類產生器 @ Je t'aime

大家有看到本站的左邊側欄多了一個樹狀分類嗎?我使用的是一個比較複雜的設置
不過大家不用擔心啦，我已經找到一個很簡單的「樹狀分類產生器」給寶貝們了
該網站都是中文的我就不用多說怎樣使用，只要輸入你想要的分類跟url就ok囉xD

為啥我現在用的那個是比較複雜呢..?這是因為先要下載檔案後自行修改入面的js Script File
修改小圖示之後再把圖片跟檔案上傳到自己的空間，最後還要修改一下使用的CSS後方可完成的

好吧不多說廢話了，現在就分享這個「樹狀分類產生器」請先看看下圖的示範是啥樣子再決定吧！
樹狀分類產生器_4

樣子還ok的嗯嗯...那..要怎樣做呢?只要建立自己喜歡的「分類名稱」與「分類連結」
步驟非常簡單，你還可以按「預覽」來看看會變成怎樣，看以下圖片就會知道了。

首先進入：http://finalevil.info/learn/TreeGenerator.htm

樹狀分類產生器_1
樹狀分類產生器_2
樹狀分類產生器_3

溫馨提示：
當你把語法放到自己的blog後會發覺文字很大嗎?
大家不用擔心的，只要修改以下紅色的font-size就可以了。

ul.mktree li { list-style: none; }ul.mktree, ul.mktree ul , ul.mktree li { margin-left:10px; padding:0px; }ul.mktree li .bullet { padding-left: 15px; }ul.mktree li.liOpen .bullet { cursor: pointer; background: url(http://finalevillee.googlepages.com/minus.gif) center left no-repeat; }ul.mktree li.liClosed .bullet { cursor: pointer; background: url(http://finalevillee.googlepages.com/plus.gif) center left no-repeat; }ul.mktree li.liBullet .bullet { cursor: default; background: url(http://finalevillee.googlepages.com/bullet.gif) center left no-repeat; }ul.mktree li.liOpen ul { display: block; }ul.mktree li.liClosed ul { display: none; }ul.mktree li { font-size: 12pt; }ul.mktree li ul li { font-size: 10pt; }ul.mktree li ul li ul li { font-size: 8pt; }ul.mktree li ul li ul li ul li { font-size: 6pt; }

Bookmark: