可以任意調整側邊欄位（sidebar）是 TT 1.1 的重要新功能之一，以舊的 skin 升級上去之後，後台的側邊欄位會顯示你的 skin 不支援，可是怎麼讓舊的 skin 支援側邊欄位呢? 很簡單喔！
但前提之下，你要看得懂 Html 語法。
要理解側邊欄位，就要先研究它的結構，打開你 skin 裡的 skin.html，
在 <div id="sidebar"></div> 標籤之間的語法就是你的側邊欄位了。
假設你有兩個側邊欄位（目錄和月曆），語法如下：
也可以這樣
▲ 到後台查看，側邊欄位出現了，將不使用的側邊欄位移到非使用區。
▲ 可以這麼拖曳欄位，你一定要玩玩看。
完成以上動作之後，就像解開封印一般，有關於側邊欄位的 plug-in 你也可以開始使用了。假如你完全不懂 Html 語法的話，只好建議你去下載支援 1.1 的 TatterTools skin 了。
但前提之下，你要看得懂 Html 語法。
要理解側邊欄位，就要先研究它的結構，打開你 skin 裡的 skin.html，
在 <div id="sidebar"></div> 標籤之間的語法就是你的側邊欄位了。
假設你有兩個側邊欄位（目錄和月曆），語法如下：
<div id="sidebar">
<s_sidebar>
<s_sidebar_element>
<!-- 側欄名稱1(例：目錄) -->
側邊欄位1（目錄語法）
</s_sidebar_element>
</s_sidebar>
<s_sidebar>
<s_sidebar_element>
<!-- 側欄名稱2(例：月曆) -->
側邊欄位2 （月曆語法）
</s_sidebar_element>
</s_sidebar>
</div>
<s_sidebar>
<s_sidebar_element>
<!-- 側欄名稱1(例：目錄) -->
側邊欄位1（目錄語法）
</s_sidebar_element>
</s_sidebar>
<s_sidebar>
<s_sidebar_element>
<!-- 側欄名稱2(例：月曆) -->
側邊欄位2 （月曆語法）
</s_sidebar_element>
</s_sidebar>
</div>
也可以這樣
<div id="sidebar">
<s_sidebar>
<s_sidebar_element>
<!-- 側欄名稱1(例：目錄) -->
側邊欄位1（目錄語法）
</s_sidebar_element>
<s_sidebar_element>
<!-- 側欄名稱2(例：月曆) -->
側邊欄位2 （月曆語法）
</s_sidebar_element>
</s_sidebar>
</div>
有更多側邊欄位的話就依此類推，將每個側邊欄位依此規則用標籤包好，再將 skin.html 上傳到 Server，這樣就完工了。<s_sidebar>
<s_sidebar_element>
<!-- 側欄名稱1(例：目錄) -->
側邊欄位1（目錄語法）
</s_sidebar_element>
<s_sidebar_element>
<!-- 側欄名稱2(例：月曆) -->
側邊欄位2 （月曆語法）
</s_sidebar_element>
</s_sidebar>
</div>
▲ 到後台查看，側邊欄位出現了，將不使用的側邊欄位移到非使用區。
▲ 可以這麼拖曳欄位，你一定要玩玩看。
完成以上動作之後，就像解開封印一般，有關於側邊欄位的 plug-in 你也可以開始使用了。假如你完全不懂 Html 語法的話，只好建議你去下載支援 1.1 的 TatterTools skin 了。
| 2006/11/16 16:15 |
Trackback Address :: http://blog.raienet.com/trackback/293
