阿杰老師的部落格實驗室

文章引用

http://plog.hlps.tcc.edu.tw/plog/post/2/564

在 James 的網誌上，看到他的文章彙整及文章分類是以收折的方式來顯示，覺得蠻不錯的。

留言給 James 問一問修改的方式，在James的熱情幫忙下，總算完成了這樣的修改。

底下就來看看怎麼做的。

一、上傳檔案

• 將showhide.js檔案上傳到你的模版上
  
  • showhide.js
• 將下面兩個plus.gif 及minus.gif 圖檔上傳到你的模版中的 img 目錄下（若你的模版裡沒有這目錄或是其他名稱，你可以自行修改等一下後面的panel.template程式碼裡的 img ）
  
  • 

二、修改header.template

將底下的程式碼，加在header.template 檔案的 之間

三、修改panel.template

將底下的程式碼加在panel.template（也可能是 footer.template or links.template）的適當位置上

getTemplateFile(">xsrc

{foreach from=$archives item=month}

xhref [{$month->getNumArticles()}]
{/foreach}

getTemplateFile(">xsrc

{foreach from=$articlecategories item=articleCategory}

xhref="{$url->categoryRssLink($articleCategory)}">xsrc="{$url->getUrl("/imgs/rss_logo_small.gif")}" style="border:0px;" alt="RSS 0.90" align="middle" />
xhref="{$url->categoryLink($articleCategory)}">{$articleCategory->getName()} [{$articleCategory->getNumArticles()}]
{/foreach}

="{$url->getTemplateFile("img/plus.gif")}" style="border:0px;" class=click alt="展開" align="absmiddle">
{$locale->tr("archives")}="{$month->getUrl()}">{$month->getName()}="{$url->getTemplateFile("img/plus.gif")}" style="border:0px;" class=click alt="展開" align="absmiddle"> {$locale->tr("categories")}

上面的程式碼，是我加在阿欣部落的panel.template裡的程式碼。

在目前這個「華龍國小LifeType學習網」網誌的style.css裡，因為還有區塊背景圖片的關係，所以程式碼有些許不同。

getTemplateFile(">xsrc="{$url->getTemplateFile("img/plus.gif")}" style="border:0px;" class=click alt="展開" align="absmiddle">
{$locale->tr("archives")}

{foreach from=$archives item=month}

xhref="{$month->getUrl()}">{$month->getName()}
[{$month->getNumArticles()}]

{/foreach}

getTemplateFile(">xsrc="{$url->getTemplateFile("img/plus.gif")}" style="border:0px;" class=click alt="展開" align="absmiddle"> {$locale->tr("categories")}

{foreach from=$articlecategories item=articleCategory}

xhref="{$url->categoryRssLink($articleCategory)}">xsrc="{$url->getUrl("/imgs/rss_logo_small.gif")}" style="border:0px;" alt="RSS 0.90" align="middle" />="{$url->categoryLink($articleCategory)}">{$articleCategory->getName()}
xhref [{$articleCategory->getNumArticles()}]

{/foreach}

另外我還在「華龍國小LifeType學習網」的style.css裡另外多了段

#sidebar h3 {margin: 0;padding: 0;font-size: 0.85em;

以配合整個版面及文字的美觀。

總之，上面的程式碼，可能還必須依照您的模版來做些許調整。

就這樣三個步驟，還行吧！簡單吧！去試試看囉！

ps:上面程式碼裡的 xhref 及xsrc 請自行修改成 href 及 src
（不知名原因，我改不掉）