雖然之前已經發文說明過相關內容,但因為還是陸續有詢問,所以這次用更簡單的方式列出語法,方便大家取用與學習。

以「White ColorS」噗版為例:

原本的噗版:

White ColorS

安裝網址: www.plurk.com/installDesign/5807705-2f204e3954

 

1. 換背景 (背景桌布圖源:san-x

改背景.png

方式:

將想要使用的背景圖,上傳到像是 imgur.com 等圖片分享網站,然後將直接連結(Direct link)的網址貼入uri( )括弧中:

body, html
{
background:url(這邊放圖片網址) left top no-repeat;
}

然後再把時間軸的背景拿掉:

#timeline_holder
{
background:none !important;
border:0 !important;
}

按「儲存並更新」就可以了。

 

2. 換顏色

換顏色.png

將語法中想要替換的顏色代碼(如:#666 灰色)找出來,然後用想取代的顏色代碼(例:#936158 棕色)一一置換就可以了。

更便利的方式,就是將自訂語法欄位中所有內容複製貼上至文件檔案,然後用「尋找-取代」的功能一次替換。

色碼查詢網站:http://www.colorschemer.com/online.html

 

3. 隱藏物件

(1) 隱藏時間軸:將橫條的時間軸與日期時間隱沒~

/*隱藏時間軸線顯示*/
#timeline_bg .day_bg .div_inner, /*底*/
#bottom_line
{
background:none !important;
border:0 !important;
}

.bottom_start, .bottom_end /*時*/
{
font-size:0px;
height:0;
width:0;
overflow:hidden;
filter:alpha(opacity=0); opacity:0; zoom:1;
}

若要留下日期,只隱藏時間,加上下段語法:

.day_start .bottom_start, .day_start .div_start  /*日*/
{
color:#333 !important;
font-size:12px !important;
width:auto;
height:auto;
filter:alpha(opacity=100) !important; opacity:1 !important; zoom:1;
}

(2) 隱藏主控台:將所有資訊隱藏起來,包括加入好友粉絲與發私噗按鈕

/*完全隱藏主控台全區*/
div#plurk-dashboard
{
filter:alpha(opacity=0) !important; -moz-opacity:0 !important; opacity:0 !important;
height:0 !important; width:0 !important;
padding:0 !important; margin:0 !important;
font-size:0px !important; text-indent:-9999px;
overflow:hidden; zoom:1;
}

隱藏頁尾與自介、統計、朋友、粉絲各區,滑鼠移過去後再分別顯現:

div.dash-segment, /*各區*/
#footer /*頁尾*/
{filter:alpha(opacity=0) !important; opacity:0 !important; zoom:1;}

div.dash-segment:hover,
#footer:hover
{filter:alpha(opacity=100) !important; opacity:1 !important; zoom:1;}

 

(3) 隱藏往前往後的圖示:設透明度0隱藏起來,滑鼠移過去再出現

/*隱藏往前往後圖示*/
.cmp_arrow_right, /*往右*/
.cmp_back_to_today /*移至最前*/
{
filter: alpha(opacity=0); opacity: 0; zoom:1;
}

/*滑鼠移至效果*/
div.cmp_arrow_right:hover,
div.cmp_back_to_today:hover
{
filter: alpha(opacity=100); opacity:1; zoom:1;
}

 

(4) 隱藏發噗區:將發噗區先隱藏起來,要輸入的時候再出現

/*發噗區透明度變化*/
div#plurk_form
{filter:alpha(opacity=0) !important; opacity:0 !important; zoom:1;}
div#plurk_form:hover
{filter:alpha(opacity=100) !important; opacity:1 !important; zoom:1;}


/*plurk-搜尋標籤透明度變化*/
#toggle_tab li
{filter:alpha(opacity=0) !important;opacity:0 !important; zoom:1;}
#toggle_tab li:hover
{filter:alpha(opacity=100) !important;opacity:1 !important; zoom:1;}

 

(5) 隱藏所有訊息標籤列:所有訊息、我發表的訊息、私人訊息、回應過的訊息跟喜歡的訊息標籤

/*所有訊息標籤透明度變化*/
#filter_tab
{filter:alpha(opacity=0) !important;opacity:0 !important; zoom:1;}
#filter_tab:hover
{filter:alpha(opacity=100) !important;opacity:1 !important; zoom:1;}

 

以上語法可以一一嘗試看看,調整你需要的效果,搭配使用。

White ColorS示範.png

arrow
arrow
    全站熱搜

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