金羽銀華

問/Q：
請問是否可以按照自己的喜好，
將個人資料的部份分成一塊一塊的呢？
我比較喜歡圓角的區塊：）
請問有辦法嗎？

答/A：

噗浪預設的主控台背景：

以下列出幾種基本的背景變化方式和所使用的語法，請選擇自己喜好的來試著調整看看 ^ ^

/*-------------------------------/ 1 / 換底色 --------------------------*/

div#plurk-dashboard
{
    background:#111;
}

/*-------------------------------/ 2 / 放圖片 --------------------------*/

div#plurk-dashboard
{
    background:url(http://圖片網址) center center no-repeat;  /*水平置中對齊 垂直置中對齊 不重複排列*/
}

/*-------------------------------/ 3 / 分區顯示 --------------------------*/

div#plurk-dashboard
{
    background:none;  /*拿掉原本底色*/
    border:0;  /*拿掉框線*/
}

div.dash-segment .segment-content  /*各區*/
{
    background:#111; /*底色*/
    padding:12px;   /*內間距*/
    margin:3px;   /*外邊界*/
}

/*-------------------------------/ 4 / 分區顯示加圓角 --------------------------*/

div#plurk-dashboard
{
    background:none;  /*拿掉原本底色*/
    border:0;  /*拿掉框線*/
}

div.dash-segment .segment-content  /*各區*/
{
    background:#111; /*底色*/
    padding:12px;   /*內間距*/
    margin:3px;   /*外邊界*/
    -moz-border-radius:22px;  /*圓角*/
    -khtml-border-radius:22px;
    -webkit-border-top-left-radius:22px;
    -webkit-border-top-right-radius:22px;
    -webkit-border-bottom-right-radius:22px;
    -webkit-border-bottom-left-radius:22px;
}

/*-------------------------------/ 5 / 各資料區塊 --------------------------*/

div#plurk-dashboard
{
    background:none;  /*拿掉原本底色*/
    border:0;  /*拿掉框線*/
}

#dash-profile,  /*個人基本資料*/
#dash-additional-info,   /*關於我自己描述*/
#dash-stats,  /*統計*/
#dash-friends ,   /*朋友*/
#dash-fans   /*粉絲*/
{
    background:#111; /*底色*/
    padding:12px;   /*內間距*/
    margin:3px;   /*外邊界*/
}

/*-------------------------------/ 6 / 各資料區塊加圓角 --------------------------*/

div#plurk-dashboard
{
    background:none;  /*拿掉原本底色*/
    border:0;  /*拿掉框線*/
}

#dash-profile,
#dash-additional-info,
#dash-stats,
#dash-friends ,
#dash-fans
{
    background:#111; /*底色*/
    padding:12px;   /*內間距*/
    margin:3px;   /*外邊界*/
    -moz-border-radius:22px;  /*圓角*/
    -khtml-border-radius:22px;
    -webkit-border-top-left-radius:22px;
    -webkit-border-top-right-radius:22px;
    -webkit-border-bottom-right-radius:22px;
    -webkit-border-bottom-left-radius:22px;
}

/*-------------------------------/ 7 / 分區加單資料區塊 --------------------------*/

div#plurk-dashboard
{
    background:none;  /*拿掉原本底色*/
    border:0;  /*拿掉框線*/
}

div.dash-segment .segment-content  /*各區*/
{
    background:#111; /*底色*/
    padding:12px;   /*內間距*/
    margin:3px;   /*外邊界*/
    -moz-border-radius:22px;  /*圓角*/
    -khtml-border-radius:22px;
    -webkit-border-top-left-radius:22px;
    -webkit-border-top-right-radius:22px;
    -webkit-border-bottom-right-radius:22px;
    -webkit-border-bottom-left-radius:22px;
}
#dash-additional-info  /*關於我自己描述*/
{
    background:#333; /*底色*/
    padding:12px;   /*內間距*/
    margin:3px;   /*外邊界*/
    -moz-border-radius:22px;  /*圓角*/
    -khtml-border-radius:22px;
    -webkit-border-top-left-radius:22px;
    -webkit-border-top-right-radius:22px;
    -webkit-border-bottom-right-radius:22px;
    -webkit-border-bottom-left-radius:22px;
}

/*-------------------------------/ 8 / 分區加各資料區塊 --------------------------*/

div#plurk-dashboard  /*主控台全區*/
{
    background:none;  /*拿掉原本底色*/
    border:0;  /*拿掉框線*/
}

div.dash-segment .segment-content  /*各區*/
{
    background:#111; /*底色*/
    padding:12px;   /*內間距*/
    margin:3px;   /*外邊界*/
    -moz-border-radius:22px;  /*圓角*/
    -khtml-border-radius:22px;
    -webkit-border-top-left-radius:22px;
    -webkit-border-top-right-radius:22px;
    -webkit-border-bottom-right-radius:22px;
    -webkit-border-bottom-left-radius:22px;
}
#dash-profile  /*個人基本資料*/
{
    background:#333; /*底色*/
    padding:12px;   /*內間距*/
    margin:3px;   /*外邊界*/
    -moz-border-radius:22px;  /*圓角*/
    -khtml-border-radius:22px;
    -webkit-border-top-left-radius:22px;
    -webkit-border-top-right-radius:22px;
    -webkit-border-bottom-right-radius:22px;
    -webkit-border-bottom-left-radius:22px;
}
#dash-additional-info   /*關於我自己描述*/
{
    background:#333; /*底色*/
    padding:12px;   /*內間距*/
    margin:3px;   /*外邊界*/
    -moz-border-radius:22px;  /*圓角*/
    -khtml-border-radius:22px;
    -webkit-border-top-left-radius:22px;
    -webkit-border-top-right-radius:22px;
    -webkit-border-bottom-right-radius:22px;
    -webkit-border-bottom-left-radius:22px;
}
#dash-stats  /*統計*/
{
    background:#666; /*底色*/
    padding:12px;   /*內間距*/
    margin:3px;   /*外邊界*/
    -moz-border-radius:22px;  /*圓角*/
    -khtml-border-radius:22px;
    -webkit-border-top-left-radius:22px;
    -webkit-border-top-right-radius:22px;
    -webkit-border-bottom-right-radius:22px;
    -webkit-border-bottom-left-radius:22px;
}
#dash-friends   /*朋友*/
{
    background:#39c; /*底色*/
    padding:12px;   /*內間距*/
    margin:3px;   /*外邊界*/
    -moz-border-radius:22px;  /*圓角*/
    -khtml-border-radius:22px;
    -webkit-border-top-left-radius:22px;
    -webkit-border-top-right-radius:22px;
    -webkit-border-bottom-right-radius:22px;
    -webkit-border-bottom-left-radius:22px;
}
#dash-fans   /*粉絲*/
{
    background:#c00; /*底色*/
    padding:12px;   /*內間距*/
    margin:3px;   /*外邊界*/
    -moz-border-radius:22px;  /*圓角*/
    -khtml-border-radius:22px;
    -webkit-border-top-left-radius:22px;
    -webkit-border-top-right-radius:22px;
    -webkit-border-bottom-right-radius:22px;
    -webkit-border-bottom-left-radius:22px;
}

八種基本的組合方式，就可以變化出多彩多姿的個人化背景囉～

進一步請參考 常用CSS清單 來調整背景、框線、圓角、文字等各項CSS設定喔 ^W^

顏色的色碼表(#)可以參考 colorschemer 這個網站

如果已經有套用現成的佈景主題，想改變它的呈顯方式，請找出相關的項目，再放入想要的設定就可以囉～