打造一個自己專屬的噗版,從瞭解噗浪各部份的語法開始,然後動手修改嘗試,通常,安裝了喜歡的噗版樣式,還是會有局部想要修正、調整,以符合自己最適用的樣貌,這時候,換背景圖,加透明度設定,就是最常見的「變身」手法囉~
[純色系的噗版]
grass shower
安裝網址: http://www.plurk.com/installDesign/5143441-2fed0b71d6
[更換背景圖、加上透明度設定後的噗版]
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
留言列表