つれづれなるままに…
筆の替わりに大好きなiBookに向かって好きなこと、書いてます。
<<
Apr 2024
| 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
>>
2007.02.01 Thu
テンプレカスタマイズ
2月だし、St. Valentinとゆー名前にしてみたものの。
あんまりバレンタインっぽくない…。
フランス語で、サン・ヴァランタン。
最近ちょっぴりフランス語に興味を持ったのは、
絶対のだめのせいだ。(笑)
2006.11.26 Sun
テンプレカスタマイズ[実践編*2]
□エントリーリストのツリー化
JUGEMカスタマイズ講座
ツリー化スクリプト ver 2
このスクリプトはもともとJUGEM用なので、
createTreeList('linklist',gTreeOption); // リンクリストのツリー化
は削除。
2006.11.26 Sun
テンプレカスタマイズ[実践編*1]
□ナビゲーションの折り畳み
JUGEMカスタマイズ講座
ナビゲーションの折り畳み
1)独自タグにidを追加する。
*リストタイトルのid属性は「〜name」、
リスト本体のid属性は「〜list」
2)スクリプトの設置。
htmlテンプレートの</body>の直前に挿入
3)初期表示設定。
FoldNavigation('リスト名','初期表示',アイテム数表示);
リスト名:それぞれのリストを指定する部分。
初期表示:デフォルトの表示状態。off→閉じた状態 on→開いた状態
アイテム数表示:リストタイトルの横にアイテム数を表示するかどうか。
true→表示 false→非表示
more↓
開閉マークを画像にするには…
1)画像のURLを書く
var openMark = '▽'; /* 閉じている場合に開くためのマーク */
var closeMark = '△'; /* 開いている場合に閉じるためのマーク */
を
var openMark = '
<img src="画像のURL" width="画像のサイズ" height="画像のサイズ" border="0" alt="OPEN" />
'; /* 閉じている場合に開くためのマーク */
var closeMark = '
<img src="画像のURL" width="画像のサイズ" height="画像のサイズ" border="0" alt="CLOSE" />
'; /* 開いている場合に閉じるためのマーク */
に。
2)スクリプトの書き換え
スクリプト下から10行目付近にある
if (objMarks[i].className == 'foldmark') {
objMarks[i].firstChild.nodeValue = (dispMode == 'none') ? closeMark : openMark;
}
を
if (objMarks[i].className == 'foldmark') {
objMarks[i].
innerHTML
= (dispMode == 'none') ? closeMark : openMark;
}
に書き換える。
*
firstChild.nodeValue
までを
innerHTML
に書き換えること!
↑closed
<<
3/3
PROFILE
mika@かんりにん
*script by KT*
CATEGORIES
DAYS
(17)
MUSIC
(2)
BLOG
(4)
ARCHIVES
Jul 2007
(1)
Jun 2007
(1)
May 2007
(5)
Apr 2007
(4)
Mar 2007
(3)
Feb 2007
(7)
Nov 2006
(2)
LATEST ENTRIES
20070723
(07.23)
20070607
(06.07)
20070525
(05.25)
テンプレカスタマイズとか
(05.21)
20070515
(05.15)
LINKS
素材
+ほっと*みるく+
cute*e
M-SPIRAL
JavaScript
+こぼうずたいむ+
カスタマイズ
JUGEMカスタマイズ講座
THANK YOU
SEARCH THIS SITE
Powered by
Serene Bach 2.09R