close

打造一個自己專屬的噗版,從瞭解噗浪各部份的語法開始,然後動手修改嘗試,通常,安裝了喜歡的噗版樣式,還是會有局部想要修正、調整,以符合自己最適用的樣貌,這時候,換背景圖,加透明度設定,就是最常見的「變身」手法囉~

[純色系的噗版]

grass shower

grass shower

安裝網址: http://www.plurk.com/installDesign/5143441-2fed0b71d6

 

[更換背景圖、加上透明度設定後的噗版]

shinning tail

shinning tail 

安裝網址: http://www.plurk.com/installDesign/5143441-97c5078c33

 

使用到的語法和步驟說明如下:

1. 安裝 grass shower 佈景

2. 換背景圖,貼上圖片網址和語法

/*主背景--------------------------------------*/
body, html{
background:#222200 url(http://farm5.static.flickr.com/4011/4585865052_4f8747654d_o.jpg) left top no-repeat;
font-size: 11px; font-family:Verdana;
}

3. 將時間軸的背景底色拿掉

/*時間軸--------------------------------------*/
#timeline_holder {
background:none;  (將此處語法設 none)
border:none; }

4. 時間軸底部分隔線設透明度

/*時間分隔線*/
#bottom_line {
filter:alpha(opacity=50) ; -moz-opacity:0.5; opacity: 0.5; zoom:1;
}

5. "所有的plurk" 使用中標籤設透明度

/*所有的plurk標籤--------------------------------------*/

#filter_tab a.filter_selected {
filter:alpha(opacity=50) ; -moz-opacity:0.5; opacity: 0.5; zoom:1;
  (此處透明度跟時間分隔線設同樣數值,一致性較佳)
}

6. 主控台背景設透明度 (加上整段語法)

/*主控台--------------------------------------*/

div#plurk-dashboard {
filter:alpha(opacity=80) !important;
-moz-opacity:0.8!important;
opacity: 0.8!important;
zoom:1;
}

到此就能有不同的整體外觀和風貌囉! 接下來,就是依據不同背景圖的深淺色調等,調整一些小細節了。

安裝你喜歡的佈景樣式,選一張想用的底圖,動手試試吧~ 打造噗浪佈景,也是玩噗不可或缺的樂趣之一呢~ ^ ^

 

噗浪版型下載區 (design by Be Myself Inc. M6):http://www.flickr.com/groups/plurkcss

 

在嘗試修改樣式的過程中,如果有任何問題,歡迎發私噗給我,或是在此部落格留言,我會盡力幫大家解答喔 XD

我的噗浪:http://www.plurk.com/66660000

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 M6 的頭像
    M6

    金羽銀華

    M6 發表在 痞客邦 留言(30) 人氣()