2011/01/15 更新簡易版 點此直接換置
換好之後一樣到"自訂外觀" 找第一行的 body{background: url(http://........jpg); border:hidden; margin: 0;}
把圖片網址放在url() 中間就行了
最近遇到不少人想把整個噗浪的東西都用不見脫光光，只保留一張底圖
所以我就把主要的噗浪區塊列出來，找出你想要用成透明或是想要拿掉的部分，
複製那一段CSS語法貼到同一個項目的{}裡面
如果找不到項目(長這樣的東西#plurk-dashboard {} )，就直接連項目一起貼進去
然後選一張夠大的背景圖片，換掉網址就好了，想怎麼調整底圖和透明度就隨你高興囉~
下面全都是50%半透明，要完全消失的請把數字改成0
如果真的不會的話，把圖片網址貼到下面反紅的url後面( )中
然後從反紅那行開始全文複製貼到你的自訂樣式裡也可以啦....
* =透明,反正不要的東西都加上這兩行，別把說明也貼進去了....
[opacity:1不透明，0是看不見, 0.1是10%]
[filter: alpha數字越小越透明]
opacity: 0; filter: alpha(opacity=50);
=== */
/* =背景換底圖圖片取代就行了
url(http://......)
=== */
/* ====↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓下面這行開始↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ === */
body{background: url(http://........jpg); border:hidden; margin: 0;}
/* ==直接下半部全透明CSS語法=== */
#plurk-dashboard, #plurk_form ,#toggle_tab , div#footer {opacity: 0.3; filter: alpha(opacity=30);}
/* =噗半透明CSS語法= */
.plurk{opacity: 0.50;filter: alpha(opacity=50);}
/* =plurk LOGO和生物透明CSS語法= */
#dynamic_logo, .cmp_plurk{opacity: 0.1;filter: alpha(opacity=0);}
#creature{opacity: 0.1;filter: alpha(opacity=10);}
/* =下面這些的邊框要透明的話多加上邊線透明CSS語法，
border:hidden;
===== */
/* =河道透明CSS語法== */
#timeline_holder {background:none; border:none;}
/* =河道左邊BAR透明CSS語法== */
.day_bg .div_inner{background: none;border:hidden;}
/* =時間軸背景透明CSS語法== */
#bottom_line {background:none; border:none;}
#timeline_bg {opacity: 0;filter: alpha(opacity=0);}
/* ===下方區塊隱藏效果=== */
div#dashboard_holder, ul#filter_tab{filter:alpha(opacity=0)!important ;opacity:0!important;}
div#dashboard_holder:hover ,ul#filter_tab:hover{filter:alpha(opacity=100) !important;opacity:1 !important;}
/* =附送字體的顏色調整
color後面的就是色碼#加上6個數字或英文，這裡可以查→色碼查詢
想要改連結的顏色就多加上 a{}
想改滑過去的顏色就多加個 a:hover {}
==== */
/* =資料區顏色及字型大小==== */
#karma{color: #999999;}
/* =資料區顏色及字型大小==== */
#dash-stats, #dash-stats h2, #dash-stats a, #dash-stats table tr td, #top_login a, .segment-content {color: #999999;}
/* =登入區顏色及字型大小、位置調整==== */
#top_login, #top_bar a, #edit_link a, .count { color:#737cff;padding-right:50px;padding-top:10px;}
/* ====↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑到上面就好↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ === */
順便再度大推GOOGLE 的chrome瀏覽器~ (Chrome下載)
他有個功能，就是只要在網頁上反白選取一個區塊，再按右鍵就會看到" 檢查元素"
然後就會跳出這個頁面的CSS, 當你在CSS的行間轉換選取時, 頁面上相同的區塊也會反白顯示
你在右邊就可以看到項目的名字了
補充，拉高回文對話框
.plurk_box .list {height:400px;}
/* ===個人介紹及資料區背景透明CSS語法=== */
div#plurk-dashboard , div#footer
{filter:alpha(opacity=0)!important ;opacity:0!important;background:none; border:none}
相關主題:
留言列表
好康分享 (3)