[ plurk css ] 加入朋友粉絲、傳送私人訊息與黑名單按鈕 @ 金羽銀華

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

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

.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;
}

整體按鈕設定.png

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

.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;
}

隱藏按鈕.png