2009/10/20

自訂 plurk css 之 老闆看不見 版

上班噗浪很危險,如何在老闆出現的時候,只要移動一下滑鼠,就可以即時隱藏所有畫面呢?試看看下面幾招吧!河道從上到下依序為:


/* 左上方bar */
#top_bar a {opacity:0; filter:alpha(opacity=0);}
#top_bar a:hover{opacity:1; filter:alpha(opacity=1);}

/* 右上方bar */
#top_login a {opacity:0; filter:alpha(opacity=0);}
#top_login a:hover{opacity:1; filter:alpha(opacity=1);}

/* 河道 */
#timeline_holder {opacity:0; filter:alpha(opacity=0);}
#timeline_holder:hover{opacity:1; filter:alpha(opacity=1);}

/* 所有、我的、私人、回應過的plurk */
#filter_tab {opacity:0; filter:alpha(opacity=0);}
#filter_tab:hover{opacity:1; filter:alpha(opacity=1);}

/* search 區 */
#pane_search {opacity:0; filter:alpha(opacity=0);}
#pane_search:hover{opacity:1; filter:alpha(opacity=1);}

/* plurk 區 */
#pane_plurk {opacity:0; filter:alpha(opacity=0);}
#pane_plurk:hover{opacity:1; filter:alpha(opacity=1);}

/* 發新噗區 */
#main_poster {opacity:0; filter:alpha(opacity=0);}
#main_poster:hover{opacity:1; filter:alpha(opacity=1);}

/* 打字輸入區塊 */
textarea {opacity:0; filter:alpha(opacity=0);}
textarea:hover{opacity:1; filter:alpha(opacity=1);}

/* 語系、更多選項 */
#more_options {opacity:0; filter:alpha(opacity=0);}
#more_options :hover{opacity:1; filter:alpha(opacity=1);}

/* 下方噗浪控制面板 */
#plurk-dashboard {opacity:0; filter:alpha(opacity=0);}
#plurk-dashboard:hover{opacity:1; filter:alpha(opacity=1);}

/* 我的狀態 */
#dash-stats {opacity:0; filter:alpha(opacity=0);}
#dash-stats:hover{opacity:1; filter:alpha(opacity=1);}

/* 我的icon */
#profile_pic {opacity:0; filter:alpha(opacity=0);}
#profile_pic:hover{opacity:1; filter:alpha(opacity=1);}

/* 自我介紹 */
#dash-profile {opacity:0; filter:alpha(opacity=0);}
#dash-profile:hover{opacity:1; filter:alpha(opacity=1);}

/* 朋友區 */
#dash-friends {opacity:0; filter:alpha(opacity=0);}
#dash-friends:hover{opacity:1; filter:alpha(opacity=1);}

/* 朋友的icon */
#dash-friends-pics {opacity:0; filter:alpha(opacity=0);}
#dash-friends-pics:hover{opacity:1; filter:alpha(opacity=1);}

/* 粉絲 */
#dash-fans {opacity:0; filter:alpha(opacity=0);}
#dash-fans:hover{opacity:1; filter:alpha(opacity=1);}

/* 最下方的語言、新手上路、常見問答、聯絡我們等 */
#footer {opacity:0; filter:alpha(opacity=0);}
#footer:hover{opacity:1; filter:alpha(opacity=1);}


這樣一來,只有你滑鼠指到的位置,才會有畫面出現,否則就只剩下底圖了。至於底圖怎麼選才能騙過老闆,這裡就不贅述了。


P.S. 以上方法不必全部套用,只要挑需要的部份套用就可以了,祝各位好運!


相關文章:
噗浪的css架構(5/4更新)
CSS Code
plurk_skin1
Plurk - Widget
Plurk瘋,CSS也不簡單
Plurk Secret CSS
Plurk 簡單自訂外觀教學,自動隱藏時間軸中的"尋找您的朋友"搜尋框

1 comment:

##EasyReadMore##

被我監控的 Blog