金羽銀華

十月初，噗浪有改過了發噗欄位的對齊方式，變成一律靠上，造成部份噗版的表情符號無法使用， 

所以我有發了兩則噗。請見   噗一  噗二  

最近又有噗友在詢問相關問題，故一併整理一些最近新發現的語法，分享給噗友 ^^

Q1. 噗浪表情符號不見了？

Q2. 如何讓發噗區置中對齊？

Q3. 如何更換噗浪的表情符號？

語法如下：

/*更換 微笑表情選圖***/
.smily_holder img  /*隱藏笑臉符號*/
{
filter:alpha(opacity=0) !important;
-moz-opacity:0 !important;
opacity:0 !important;
zoom:1;
}
.smily_holder  /*放上替代圖片*/
{
background:url(http://圖片網址放在這) center center no-repeat;
padding-right:24px;
padding-left:0 !important;
margin:0 !important;
width:24px !important;
}

寬度和間距尺寸要隨圖片大小做適當調整喔！

然後，每則噗打開後最下方，語助詞的下拉箭頭圖示，如果覺得跟佈景不搭的話，可以將它隱藏起來：

/*隱藏 語助詞旁的箭頭符號***/
.dd_img img[src="http://statics.plurk.com/123918e3c72ef7b92780fffc44085dfb.gif"]
{
overflow:hidden;
height:0px;
width:0px;
}

Q4. 如何隱藏朋友區和粉絲區，只留加入鍵？

/*隱藏朋友粉絲圖和標題***/
div#dash-friends-pics, div#dash-fans-pics, #dash-fans h2, #dash-friends h2
{
filter:alpha(opacity=0) !important;opacity: 0 !important;zoom:1;
height:0px;overflow:hidden;
}

如果希望整區隱藏，連加入鍵都不要的話，請用以下的語法：

/*完全隱藏朋友粉絲區***/
#dash-friends, #dash-fans
{
filter:alpha(opacity=0) !important;
-moz-opacity:0 !important;
opacity: 0 !important;
height:0 !important;
width:0 !important;
overflow:hidden;
zoom:1;
}

Q5. 新噗和新回覆跳出來的時候，會有很突兀的黃色底，有辦法改嗎？

可以，語法：

/*新回應的底色 動態*/
.plurk_box td .shade_6, td .shade_6 {background-color:#FFF !important;}
.plurk_box td .shade_5, td .shade_5 {background-color:#FFF !important;}
.plurk_box td .shade_4, td .shade_4 {background-color:#FFF !important;}
.plurk_box td .shade_3, td .shade_3 {background-color:#FFF !important;}
.plurk_box td .shade_2, td .shade_2 {background-color:#FFF !important;}
.plurk_box td .shade_1, td .shade_1 {background-color:#FFF !important;}

由於噗浪是用動態方式去設定的，所以希望黃色底全部不見，就把底色都改為白色就好囉！
也可以自行做出符合噗版整體色系的顏色變化效果。從1~6，設灰階深淺不一，就不錯看喔～ ^^

Q6. 如何隱藏河道上的白色分割線（不是換日線）？

/*隱藏特定時間軸主題的時間直線***/
.block_bg .div_one_line
{
filter:alpha(opacity=0) !important;
-moz-opacity:0 !important;
opacity:0 !important;
height:0 !important;
width:0 !important;
overflow:hidden;
zoom:1;
}
.small_timeline .block_bg .div_one_line
{
filter:alpha(opacity=0) !important;
-moz-opacity:0 !important;
opacity:0 !important;
height:0 !important;
width:0 !important;
overflow:hidden;
zoom:1;
}

Q7. 可以讓噗浪生物消失，換成自己的圖片嗎？

/*更換 噗浪生物***/
#dynamic_logo
{
margin-top:0;
top:60px;
height:106px;
background:url(http://這邊放圖片網址) 140px 0 no-repeat;
}
#dynamic_logo img {filter:alpha(opacity=0);opacity:0;zoom:1;}

間距和高度數值記得要配合圖片大小調整喔。

還有噗友詢問如何隱藏已經消音的噗，以及其他細部CSS調整的問題，如果有發現解決方式，會再更新上來分享給大家～ ^ ^

Q8. 有沒有按下消音後即可隱藏噗文的語法？

找到囉～

/*隱藏已經消音的噗***/
.muted
{
filter:alpha(opacity=0);opacity:0;
height:0 !important;
width:0 !important;
overflow:hidden;
zoom:1;
}

加上語法後，按下消音，該噗就會直接「消失不見」～ＸＤ

若希望保留透明度，以便以後"解除消音"，將透明度 0 0 改成 20 0.2 就可以了
然後要拿掉height與width還有overflow的設定，就會恢復顯現了

Q9. 我想要語助詞全部選項的背景都是透明的，字體顏色也自設，可以給我正確的CSS嗎？

剛有噗友發問相關問題，之前也有噗友留言問過語助詞這部份如何自訂CSS，所以今天特別花了點時間研究，發現因為噗浪預設的寫法有很多層，導致不容易找到能正確發揮效用的語法，經過整理後，相關的語法如下：

/*+語助詞視窗主題---------------------------------------------------*/

/*所有外觀***/
.qualifier, .m_qualifier, .r_qualifier
{
background:none !important;  /*將外觀的背景去除*/
border:0 !important;
}
.qualifier {font-size:12px !important;}  /*浪上字*/
.m_qualifier {font-size:13px !important;}  /*主控台字*/
.r_qualifier {font-size:13px !important;}  /*單噗頁面字*/

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

 /*主控台視窗***/
.qual_menu {font-size:15px !important;}  /*視窗內字*/
.qual_menu .on {background:#444 !important;color:#fff !important;}  /*滑鼠移至效果*/
.qual_menu td  /*選單表格*/
{
background:none !important;  /*將打開後視窗的背景去除*/
border:none!important;
text-align:center !important;
}
.AmiMenu /*外框底*/
{
background:none !important;
border:none!important;
}

/*分享欄位表格***/
.share_menu  /*主控台欄位*/
{
background:none !important;
border:none !important;
border-left:none !important;
font-size:14px!important;
color:#A74949 !important;
}
.mini_menu .share_menu  /*浪上欄位*/
{
background:none !important;
border:none !important;
font-size:12px;
color:#A74949 !important;
}
.qual_menu .q_shares {border:none !important;}  /*主控台欄位框*/
.mini_menu .q_shares {border:none !important;}  /*浪上欄位框*/
.share_menu .on {background:#777 !important;color:#ccc !important;} /*滑鼠移至效果*/
.q_video,.q_link {border-left:0px solid #000 !important;}  /*連結*/

請大家試試看，將所有的「心情」按照自己的喜好上色吧～ ^W^