金羽銀華

原本的按鈕五顏六色十分繽紛，如果要搭配噗版色系的話，勢必需要調整它們的配色，以下一一列出各個按鈕的語法項目：

/*----------------加入朋友粉絲與傳送私訊按鈕----------------*/

.friend_man.private_plurk   /*傳送私人訊息*/
{
    background:# !important;
    border:1px solid #!important;
    color:# !important;
}
.friend_man.add_friend   /*加入朋友*/
{
    background:# !important;
    border:1px solid #!important;
   color:# !important;
}
.friend_man.remove   /*取消朋友*/
{
    background:# !important;
    border:1px solid #!important;
   color:# !important;
}
.friend_man.pending   /*取消追蹤*/
{
    background:# !important;
    border:1px solid #!important;
   color:# !important;
}
.friend_man.add_follow   /*追蹤粉絲*/
{
    background:# !important;
    border:1px solid #!important;
   color:# !important;
}
.friend_man.block  /*封鎖-加入黑名單*/
{
    background:# !important;
    border:1px solid #!important;
   color:# !important;
}

填入想要使用的顏色代碼就可以了。 色碼查詢網站

如果要用同種顏色設定，如都設成白色，則可以寫在一起：

/*所有按鈕寫一起*/
.friend_man.add_follow,
.friend_man.remove,
.friend_man.add_friend,
.friend_man.pending,
.friend_man.private_plurk,
.friend_man.block
{
    background:#FFF !important;    /*背景色*/
    border:1px solid #FFF !important;    /*框線*/
    color:#666666 !important;   /*文字顏色*/
}

要注意的是，按鈕的連結顏色，有可能會因為設定了頁面整體連結或是主控台連結的緣故而失效，這時候可以用另一種寫法，確保它順利呈現：

/*整體按鈕設定*/
a.friend_man
{
    background:#FFF !important;
    border:1px solid #FFF !important;
    color:#666 !important;
    text-decoration:none !important;
    -moz-border-radius:4px;  /*圓角*/
    -khtml-border-radius:4px;
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
    -webkit-border-bottom-right-radius:4px;
    -webkit-border-bottom-left-radius:4px;
}

按鈕的變化除了換顏色與加上圓角外，你也可以將不希望出現的按鈕隱藏起來，如：

.friend_man.add_friend   /*隱藏加入朋友按鈕*/
{
    filter:alpha(opacity=0) !important;
    -moz-opacity:0 !important;
    opacity:0 !important;
    overflow:hidden;
    zoom:1;
}

或是將所有按鈕都隱藏：

/*隱藏所有按鈕*/
a.friend_man
{
    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;
}

想要一併隱藏朋友粉絲區其它圖示與圖片的話，可以參考之前的 這篇文章～