「遙か。」 Shinobi虚线树形教程

背叛的記憶是琥珀色的微笑。

<<
2025.04.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
>>

[PR]
2025-04-21-Mon 13:56

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

Shinobi虚线树形教程
2020-06-09-Tue 04:27

再次修改|| 修改的为Step1和Step2中的代码,需重新粘贴。另外加了Link处实现图片的代码
其实忍者的树形总体不是太难但有些模块很麻烦,可FC2我从来没弄出来过||
不多废话了..开始
源教程地址: http://shinobibloglab.blog.shinobi.jp/Entry/2/

太长了- -于是点下面↓↓

Step.1
将下列代码粘至html的中

var gTreeOption = new Array;
gTreeOption['sort'] = false;      /* ツリー内の表示順 true:並び替える false:そのまま */
gTreeOption['list'] = '<li>';      /* ツリー用マーク(通常) */
gTreeOption['end']  = '<li class="end">';      /* ツリー用マーク(末端) */
gTreeOption['leef'] = '</li>\n'; /* 各枝の末尾 */
gTreeOption['top']  = '<ul class="tree">\n'; /* ツリー本体の最初 */
gTreeOption['btm']  = '</ul>\n';         /* ツリー本体の最後 */

createTreeList('newentrylist',gTreeOption); // 最新エントリリストのツリー化
createTreeList('entrylist',gTreeOption);    // エントリリストのツリー化
createTreeList('commentlist',gTreeOption);  // 最新コメントリストのツリー化
createTreeList('tblist',gTreeOption);       // 最新トラックバックリストのツリー化
createTreeList('linkslist',gTreeOption);     // リンクリストのツリー化
createTreeList('categorylist',gTreeOption); // カテゴリリストのツリー化
// -->
</script>

Step.2
*注:此为虚线树形的代码,用了普通树形的同学们把那个删掉,用这个
把下列代码放至html的前

var gTreeOption = new Array;
gTreeOption['sort'] = false; /* ツリー内の表示順 true:並び替える false:そのまま */
gTreeOption['list'] = '<li>'; /* ツリー用マーク(通常) */
gTreeOption['end'] = '<li class="end">'; /* ツリー用マーク(末端) */
gTreeOption['leef'] = '</li>\n'; /* 各枝の末尾 */
gTreeOption['top'] = '<ul class="tree">\n'; /* ツリー本体の最初 */
gTreeOption['btm'] = '</ul>\n'; /* ツリー本体の最後 */

createTreeList('newentrylist',gTreeOption); // 最新エントリリストのツリー化
createTreeList('entrylist',gTreeOption); // エントリリストのツリー化
createTreeList('commentlist',gTreeOption); // 最新コメントリストのツリー化
createTreeList('tblist',gTreeOption); // 最新トラックバックリストのツリー化
createTreeList('linkslist',gTreeOption); // リンクリストのツリー化
createTreeList('categorylist',gTreeOption); // カテゴリリストのツリー化
// -->
</script>

Step.3 上传图片
把下面两个图片存下来传至你们的忍者相册里，注意两个图片的名字
1. tree_lst

2.tree_end

Step.4 这步很重要!!
下面代码有两个图片地址(没办法标不红请仔细找)
把图片地址换成你自己上传的上述图片的地址，对好名字(lst在上,end在下)
然后放在CSS代码框的最下面(直接放在最下面就可以了)

Step.5
下面改各个模块的代码,这里提供最近cm、最近记事、分类、链接的虚线树形代码
ps:月别的改了的好像也没什么用所以不做了。有些虚线树形的代码可能和普通树形的一样，ms改了最近cm的都会变虚线树形，反正就全部照着下面粘就好了

1.最近CM
*住：摆脱Comment"無题 "的方法参考Kiraramai的:http://tieba.baidu.com/f?kz=755580656
下面为已经修改过的代码, 不用再修改!!

2.最近記事

3.分类
分类要在设定里写 [分类名]XXX 这种格式，和FC2一样啦

4.链接
这个最麻烦~~把你原来的link模块也就是リンク字样的整个不显示掉(也就是在設定の変更里点不表示)
重新开一个自由区域,里面贴上:
1)单文字链接(效果如我bo里)

2)图片链接(就是link处实现图片啦)

*注:大体来说和FC2一样啦,但应该是忍者本身限制不能在原来的地方实现所以要重开一个地方
链接可以随意增加，效果如右边

忍者博客的虚线树形好像只能显示1条，做不到两条
应该是本身的缘故，我也没精力研究了。但这样也好看多了~

有问题可以留言
应该没有错吧||若觉得代码不对可以去原地址去粘

不知忍者何时会又换代码= = 所以觉得不放心的可以去原教程地址粘
步骤按照我写的这个

[Life]Dairy Trackback() Comment(33)

この記事にコメントする

無題

举手！
分类和最近记事的代码一样- -

元西 URL 2010-06-09-Wed 14:10 編集

無題

诶对也= =||..修改好了..

Evey 2010-06-09-Wed 14:18 編集

感恩QVQ

剛圍觀聖戰回來。各種內幕=,=好難過，能不能有一次單純的聖戰？
以及忍者的圖片似乎經常…看不到呢…只好用別的了
再次感謝;w;辛苦了！

無識 URL 2010-06-10-Thu 03:15 編集

無題

呵呵= =||谢谢~
看不到的话我贴吧里也有发..可以在那下
忍者缩图也是很麻烦呢..所以贴图用外联相册好点~

Evey 2010-06-10-Thu 03:21 編集

無題

请问……粘至html的<head></head>中的代码是只贴进去呢还是要把原先<head></head>中的代码先删掉？

ocha 2010-06-13-Sun 23:46 編集

無題

啊啊还有……图片传到外链相册也可以……吧？（抱歉这人代码白痴

ocha 2010-06-13-Sun 23:48 編集

無題

=口=不用删掉的..
用外联相册是因为忍者会缩图才用的嘛..
然后再贴进来

Evey 2010-06-14-Mon 00:02 編集

無題

修改到分類后設置刷新還是無能Orz。然後就發現其實可以只修改鏈接的嘛XD。
謝謝啦~順便問下，鏈接能實現樹形+logo咩？(電郵聯繫可。

Lethe URL 2010-06-17-Thu 11:29 編集

無題

呃不会啊..照着上面给的粘是可以做出来
不知道你哪一步错了??
link变logo的话我以前都没有试过(fc2也无)..
之后我看看吧能不能弄出来

Evey 2010-06-17-Thu 13:23 編集

啊我是前两天那还是弄不出来的废柴（拍。
又重头做了一遍还是不行|||
唔，请问step1中是把代码黏在<head>的后面还是</head>的前面呢？
顺便昨天说的那个代码，这个行咩？
<a href="博客链接地址">
[分类名]博客名字<img src="logo图片地址" ></a></li>

Lethe 2010-06-20-Sun 00:37 編集

無題

呃、那是基本代码啊
放在<head> </head>的中间
也就是<head>的后面</head>的前面= =||
Link显示图片照你说的代码试了下是可以实现的..嗯就把名字换成图片就可以了

Evey 2010-06-20-Sun 14:33 編集

無題

啊哈哈死蠢又来了（揍

唔……代码中<head></head>之间有一大坨东西所以要放哪TAT（点手指
以及，Step.4里“ 然后放在CSS代码框的最下面(直接放在最下面就可以了) ”的CSS代码框是html代码框下面那个框吧？
顺便，不懂为什么我的tree_lst.gif传到后台后预览中是黑色的一条东西……应该没什么关系吧啊哈哈（扭头

Lethe 2010-06-24-Thu 13:52 編集

無題

.........
你去学学基本代码吧
<head></head>中间的东西..不用管它的啊
直接把代码放在里面就行了，只要是在<head></head>里面
CSS代码框是html下面的
tree_lst，那本来就是一条虚线
请让我抓下狂谢谢

Evey 2010-06-24-Thu 14:58 編集

無題

试了N次还是虚线不能
换别的版子也不能
每一步都看着教程做的TT-TT
残念了……

元西 URL 2010-06-28-Mon 13:45 編集

無題

呃、为何如此=A=
再检查检查~

Evey 2010-06-28-Mon 19:25 編集

無題

修改完毕||对不起mina桑=口=...

Evey 2010-07-03-Sat 23:54 編集

無題

终于成功了~~~
抹泪感谢之=3=

元西 URL 2010-07-04-Sun 03:16 編集

無題

博主好我是死蠢（揍
嗯，一切都很正常除了我最在意的链接……自由区域应该是指重新开一个リンク区块然后修改html还是开一个自定义html的区块修改？话说以上我都试过了都无法显示树形TAT。
其他很完美❤~谢谢啦XD

Lethe URL 2010-07-06-Tue 00:29 編集

無題

就是重开一个自由区域..什么java之类的
和FC2一样啦然后修改html把代码粘进去照着写就行了

Evey 2010-07-06-Tue 00:54 編集

無題

死蠢表示仍然不行（拖出去打
可是楼上的元西君是可以的呢(望
咱甚至把整个リンク插件删掉了还清空原来リンク设置里的链接TAT。
于是也不知道哪出错了，嘛，反正友链目前也懒得黏除了死党之外的地址，虚线树形很美不想换了=3=。大不了直接链接就好了XD~再次谢谢博主~

Lethe URL 2010-07-07-Wed 02:52 編集

無題

为什么就你那个老是实现不了= =
你注意看粘贴代码时有没有粘错..编辑时有没有删掉什么
只要一个字符错了就有可能导致整个显示不了

Evey 2010-07-07-Wed 03:08 編集

無題

請問，爲什麽分類的虛線樹形總是無法使用呢？

TEI URL 2010-07-12-Mon 11:18 編集

無題

...
分类要在设定里写 [分类名]XXX 的格式
还要注意代码不要粘错

Evey 2010-07-12-Mon 11:26 編集

無題

顺便问一句：BO主亲，你的模板是自己做的0.0

DC 2010-07-15-Thu 23:28 編集

無題

回DC：是忍者的basic模板，我自己改了下

Evey 2010-07-16-Fri 15:58 編集

無題

CSS代码框是……哪个？HTML编辑下面的那个框？

lenhy 2010-09-17-Fri 20:32 編集

無題

回lenhy>>>
是的^ ^

Evey 2010-09-18-Sat 22:06 編集

無題

请教一下，分类哪里老是不能显示树形，已经按照上面的做了，其它都可以就那一块不行Orz
另外，想修改模板右侧字体大小的话是HTML哪一部分？

Rain URL 2010-10-07-Thu 22:49 編集

無題

嗯～已经OK了！
就漏了那个“未分类”没有在前面加[分类名]XXX就不行Orz

Rain 2010-10-07-Thu 23:43 編集

無題

TO Rain>>>
是的..一定要加[分類名]
這個和FC2是一樣的

Evey 2010-10-10-Sun 01:04 編集

0 0

求問~step3裏面的圖片鏈接失效了囧。。不知道是神馬圖片，有點暈，圖片類型素啥。。

肆 2010-12-04-Sat 01:04 編集

><~

网络抽风~看到图片了XDD~搞定顺求问下怎么改[分类名字]XXX中分类字体的颜色粗细~><~是在模板里改还是在各个模板的代码里改~~谢谢><~

肆 2010-12-04-Sat 02:26 編集

無題

分類字體我沒有改過，應該是每個模板不同吧，我用的這個顯示就是這樣
你可以試試這樣改看行不行<b><font color="red" size="5">要寫的字</font></b>

Evey 2010-12-04-Sat 21:59 編集

この記事へのトラックバック

TrackbackURL：

| top | next |
| 9 | 44 | 43 | 42 | 41 | 40 |

Profile

プロフィール

ＨＮ：

Evey.Y

性別：

非公開

自己紹介：

*偏執狂
*密集恐懼者

*本命:
Blood+,デュラララ!!,空之境界
素顔の君をあいしてる

*嗜趣:
Yuki Kajiura,Emilie Simon
貝阿多莉切,弗朗西斯
Classical,Gothic,Rock

*CV:
石田彰,矢島晶子

*住人:
真由-Mayu Volks-Sara(SD10 G)
尤里-Yury DollZone-XI(KoTenshi)
卡布-Guu Volks-Yuki(Yotenshi)

人形/ACG/Music/摄影/COS/吐槽
Logo↓

圍脖

Name
Title
Color
E-Mail
URL
Comment
Password