連結收納功能
聖誕紅 ★ 溫暖狂歡季節 Dec 02.2004.
photo by helenna
你家blog有衣櫥太小,衣服總是多露出一角"的困擾嗎?
寫blog久了,MT右邊有用的web link是越來越多,我的sidetitle 下的side list 變得是落落長一大串.丟也不是,放也不是.總是煩惱著我的index.html 的捲軸要轉好幾圈才能繞完..
很想做一個"伸縮抽屜式" 選單.需要時,click 一下,咻~~!馬上找到我想要的東西.不用時,再click 一下,咻~!馬上關起,方便的很.頁面也比較整齊俐落點..
詢問blog大師 Chiron ,有沒有解決的辦法..? gentle-like chiron百忙之中,仍抽空回答我的問題 :
系統:MT 2.661
關於你要的 CODE 是 JAVASCRIPT 加上一點點 CSS 的標籤
1.將下面這段 CODE 複製到你的網頁(要複製到 template喔,以確定每一頁都會出現) <SCRIPT language=JavaScript> <!-- function showmenu(id) { var menu = document.getElementById(id) if(menu.style.display == 'none') { menu.style.display = 'block' } else { menu.style.display = 'none' } return false; } //--> </SCRIPT>
2. 把你想要分類的類別,例如你的第一個類別是『hi,our babies』把這個類別的名稱前後加上這樣的標籤:原本的標籤 <DIV class=sidetitle>【Hi,our babies】</DIV> 改為這樣:
<DIV class=sidetitle> <a href="javascript:void(0);" onclick="showmenu('hiourbabie')"> 【Hi,our babies】</a> </DIV> <span ID="himybabie" style="display:none">
3. 在這個類別的最後一個連結尾巴,加上一個</span>
4.重建模板.
經過大師 Chiron的幫忙,helenna加以變化一下,再做點美工,ㄟ~.順利裝好我的類別sidetitle 抽屜囉. 就小小改版一下..當慶祝12耶誕歡樂月...
Chiron的blog 真的好漂亮喔.尤其欣賞他的美工功力了得.這~~!根本是pro級的嘛~~

Posted by helenna at
樂多Roodo! │04:01
│
回應(8)
│
引用(0)
│
Blog練功房
引用URL
http://cgi.blog.roodo.com/trackback/1673419
可以囉^_^
妳真是冰雪聰明啊
還是用IE看網頁比較漂亮些
dear mark,
因為我沒有安裝firefox...不知道我這張臉長的如何?
在家試過mozilla v1.6 基本上還ok啦
我想...maybe我應該在首頁加上"幾個警語"
"本站建議使用IE瀏覽器會有較好閱覽的效果." ^^#"
(ps.redeye學長說他是用阿帕契掛站..應該還ok啦..
你是否可以告訴我你的火狐是第幾代??..不麻煩的話...update最新版看看可不可以改善..?)
妳的臉.....無庸置疑...當然漂亮囉^^
火狐中文繁體正式版1.0....不過還是覺得用IE比較不會出太多狀況,FireFox雖快但支援還是不夠
dear mark,
沒辦法啦....microsoft一副老大臉..當然有些東西就是不肯放出來(就是偷藏一手啦)...那請你委屈一點...用IE閱覽會比較舒服啦....
^^
我就是因為懶得整理
所以我的blog就沒有列入好友連結
很高興我在妳的連結當中
dear 無忌哥哥,
沒關係啦...有空常來坐坐聊聊543..也是可以的啦
謝謝分享呢^-^
dear 娜,
我們都要感謝chiron的分享啦!!