2011/01/15 更新簡易版 點此直接換置

換好之後一樣到"自訂外觀" 找第一行的 body{background: url(http://........jpg); border:hidden; margin: 0;}
把圖片網址放在url() 中間就行了 

加贈 plurk的Outlook偽裝


 

 

最近遇到不少人想把整個噗浪的東西都用不見脫光光,只保留一張底圖

所以我就把主要的噗浪區塊列出來,找出你想要用成透明或是想要拿掉的部分,

複製那一段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}

 

相關主題:


 

    全站熱搜

    CHIBC-暗月之鏡 發表在 痞客邦 留言(54) 人氣()