[ plurk css ] 語助詞 @ 金羽銀華

語助詞是玩噗用來表達心情的好設計，但它的顏色或許不符合我們的心情狀態，或是不適合搭配噗版樣式，這時可以用自訂CSS的方式來調整它。

之前有噗友詢問過語助詞的設計，但噗浪對於語助詞的部份有再小改版過，把原本放在分享裡面，
像是分享照片、影音等的功能拿出來，移至發噗框的下方了，所以之前語助詞的語法又需要更新囉～

因應噗友的詢問，將相關的語法項目整理列出，歡迎個人噗友修改自用，記得標注引用出處喔～

（完整版權說明請見部落格頁首公告區，需要詢問的話歡迎私噗給我 ^ ^ @66660000）

問/Q：

我要把語助詞原來的背景顏色換成框線和字的顏色，然後背景是白色的，字體和4個框線同顏色就好，
還想要在按發噗區左邊的語助詞時，顯示出來的框線顏色也和我設定的一樣，請問有辦法做到嗎？

答/A：

可以，語助詞相關的語法項目整理如下，並列出你需要的CSS寫法囉，請參考使用 ^ ^

/*----------------------------------語助詞----------------------------------*/

.qualifier, .m_qualifier, .r_qualifier, /*所有*/
div.bigplurk .r_qualifier /*單噗頁面上下則*/
{
   background:none !important; /*將外觀的背景去除*/
   border:0 !important; /*去掉所有框線*/
   vertical-align:middle !important;
}

.qualifier {font-size:12px !important;}   /*浪上*/
.m_qualifier {font-size:15px !important;}   /*發噗區*/
.mini_form .m_qualifier {font-size:11px !important;} /*浪上每則噗發噗區*/
#reply_box .m_qualifier {font-size:15px !important;}   /*單一噗浪發噗區*/
.r_qualifier {font-size:12px !important;} /*單噗頁面字*/
.content .r_qualifier {font-size:15px !important;} /*單噗主噗區*/

/*--------------------------------------------------------------語助詞各欄位*/

.qual_menu .q_freestyle,
.q_freestyle,
td .q_freestyle   /*自由發揮*/
{
   background:#FFF !important;
   color:#999 !important;
   border:1px solid #777 !important;
}
.qual_menu .q_loves,
.q_loves,
td .q_loves   /*愛*/
{
   background:#FFF !important;
   color:#B20C0C !important;
   border:1px solid #B20C0C !important;
}
.qual_menu .q_likes,
.q_likes,
td .q_likes   /*喜歡*/
{
   background:#FFF !important;
   color:#CB2728 !important;
   border:1px solid #CB2728 !important;
}
.qual_menu .q_shares,
.q_shares,
td .q_shares   /*分享*/
{
   background:#FFF !important;
   color:#A74949 !important;
   border:1px solid #A74949 !important;
}
.qual_menu .q_gives,
.q_gives,
td .q_gives    /*給*/
{
   background:#FFF !important;
   color:#620E0E !important;
   border:1px solid #620E0E !important;
}
.qual_menu .q_hates,
.q_hates,
td .q_hates    /*討厭*/
{
   background:#FFF !important;
   color:#111 !important;
   border:1px solid #111 !important;
}
.qual_menu .q_wants,
.q_wants,
td .q_wants    /*想要*/
{
   background:#FFF !important;
   color:#8DB241 !important;
   border:1px solid #8DB241 !important;
}
.qual_menu .q_wishes,
.q_wishes,
td .q_wishes   /*期待*/
{
   background:#FFF !important;
   color:#5BB017 !important;
   border:1px solid #5BB017 !important;
}
.qual_menu .q_needs,
.q_needs,
td .q_needs    /*需要*/
{
   background:#FFF !important;
   color:#7A9A37 !important;
   border:1px solid #7A9A37 !important;
}
.qual_menu .q_will,
.q_will,
td .q_will   /*打算*/
{
   background:#FFF !important;
   color:#B46DB9 !important;
   border:1px solid #B46DB9 !important;
}
.qual_menu .q_hopes,
.q_hopes,
td .q_hopes   /*希望*/
{
   background:#FFF !important;
   color:#e05be9 !important;
   border:1px solid #e05be9 !important;
}
.qual_menu .q_asks,
.q_asks,
td .q_asks   /*問*/
{
   background:#FFF !important;
   color:#8361bc !important;
   border:1px solid #8361bc !important;
}
.qual_menu .q_has,
.q_has,
td .q_has    /*已經*/
{
   background:#FFF !important;
   color:#777 !important;
   border:1px solid #777 !important;
}
.qual_menu .q_was,
.q_was,
td .q_was   /*曾經*/
{
   background:#FFF !important;
   color:#525252 !important;
   border:1px solid #525252 !important;
}
.qual_menu .q_wonders,
.q_wonders,
td .q_wonders   /*好奇*/
{
   background:#FFF !important;
   color:#2e4e9e !important;
   border:1px solid #2e4e9e !important;
}
.qual_menu .q_feels,
.q_feels,
td .q_feels   /*覺得*/
{
   background:#FFF !important;
   color:#2D83BE !important;
   border:1px solid #2D83BE !important;
}
.qual_menu .q_thinks,
.q_thinks,
td .q_thinks   /*想*/
{
   background:#FFF !important;
   color:#689CC1 !important;
   border:1px solid #689CC1 !important;
}
.qual_menu .q_says,
.q_says,
td .q_says   /*說*/
{
   background:#FFF !important;
   color:#E2560B !important;
   border:1px solid #E2560B !important;
}
.qual_menu .q_is,
.q_is,
td .q_is    /*正在*/
{
   background:#FFF !important;
   color:#E57C43 !important;
   border:1px solid #E57C43 !important;
}

/*-------------------------------------------------------發噗區語助詞表格欄位*/

.AmiMenu /*外框底*/
{
   background:#FFF !important;
   border:none !important;
}

.qual_menu td /*選單表格*/
{
   text-align:center !important;
   font-size:12px;
}

.qual_menu .on   /*滑鼠移至效果*/
{
   background:#333 !important;
   color:#FFF !important;
   border:1px solid #333 !important;
}