金羽銀華

在發噗區下方的圖示改變了，功能也有調整，原本在發噗按鈕旁的表情符號也移到了這：

從左至右分別是：分享資訊（圖片、連結、影片、視訊），選擇表情符號，同步更新（fb、twitter、新浪微博），私人訊息及隱私選項。

浪上的噗打開回應列表下方的發噗區，則只會有分享資訊與選擇表情等兩個選項：

噗浪這次改款，發噗區預設的圖示尺寸用26x26似乎大了些...... 而且五顏六色的圖樣，也跟目前套用的噗版不合，所以，就用css來更換它吧！

使用16x16黑白系列的圖示：

打開噗後回應區也換上：

css語法：

/*更換分享與表情選項圖片*/
.cmp_media_off, .cmp_media_on,  /*分享*/
.cmp_media_mini_off, .cmp_media_mini_on  /*浪上回應區分享小圖*/
{
    background:url(http://i614.photobucket.com/albums/tt230/m66660000/_minicons/picture.png) no-repeat scroll top left;
    width: 16px; height: 16px;
}
.cmp_emoticon_off, .cmp_emoticon_on,  /*表情*/
.cmp_emoticon_mini_off, .cmp_emoticon_mini_on  /*浪上回應區表情小圖*/
{
    background:url(http://i614.photobucket.com/albums/tt230/m66660000/_minicons/smiley.png) no-repeat scroll top left;
    width: 16px; height: 16px;
    margin-top: 4px !important;
} 這部份請替換成下方/*換表情圖示*/ 的語法內容
.cmp_sync_off, .cmp_sync_on   /*同步*/
{
    background:url(http://i614.photobucket.com/albums/tt230/m66660000/_minicons/sharethis.png) no-repeat scroll top left;
    width: 16px; height: 16px;
    margin-top: 4px !important;
}
.cmp_privacy_off, .cmp_privacy_on   /*隱私*/
{
    background:url(http://i614.photobucket.com/albums/tt230/m66660000/_minicons/shopping-bag.png) no-repeat scroll top left;
    width: 16px; height: 16px;
}

2011-11-18 完整新語法：（因應噗友需求，如果不知道如何改，請直接使用這整段新語法ㄛ）

/*分享與表情選項圖片*/
.cmp_media_off, .cmp_media_on,
.cmp_media_mini_off, .cmp_media_mini_on
{
    background:url(http://i614.photobucket.com/albums/tt230/m66660000/_minicons/picture.png) no-repeat scroll top left;
    width: 16px; height: 16px;
}
img[src="http://static.plurk.com/static/icons/emoticon_off.png"],
img[src="http://static.plurk.com/static/icons/emoticon_on.png"],
img[src="http://static.plurk.com/static/icons/emoticon_mini_off.png"],
img[src="http://static.plurk.com/static/icons/emoticon_mini_on.png"]
{
    filter:alpha(opacity=0); opacity:0; zoom:1;
}
.emoticon_selecter_img_on, .emoticon_selecter_img_off
{
    width: 16px; height: 16px;
}
.icons_holder
{
    background:url(http://i614.photobucket.com/albums/tt230/m66660000/_minicons/smiley.png) no-repeat 20px 4px !important;
}
.cmp_sync_off, .cmp_sync_on
{
    background:url(http://i614.photobucket.com/albums/tt230/m66660000/_minicons/sharethis.png) no-repeat scroll top left;
    width: 16px; height: 16px;
    margin-top: 4px !important;
}
.cmp_privacy_off, .cmp_privacy_on
{
    background:url(http://i614.photobucket.com/albums/tt230/m66660000/_minicons/shopping-bag.png) no-repeat scroll top left;
    width: 16px; height: 16px;
}

各行語法中的圖片網址可以更換成自己想要使用的其他圖片連結，有需要的話，請記得依照所選的圖片改尺寸寬（width）與高（height）與背景圖位置等數值～ : )

對了，原本套用的噗版中若有更換表情符號相關的語法（.smily_holder {} 項目那段）因為改版位置調整所以已經失效了，請把它移除，才不會出現重複符號造成困擾喔～

有任何問題歡迎留言或是發私噗給我

http://www.plurk.com/66660000

補充說明：

• 有噗友問如何調整透明度，可以用下方語法一次調整所有圖示的透明度：
  /*圖示透明度*/
  .icons_holder, .mini_form .icons_holder
  {
      filter:alpha(opacity=30) !important; opacity:0.3 !important; zoom:1;    
  }
  .icons_holder:hover, .mini_form .icons_holder:hover  /*滑鼠移至時恢復正常*/
  {
      filter:alpha(opacity=100) !important; opacity:1 !important; zoom:1;    
  }
• 如果原本套用的噗版語法中有 /*分享功能*/（#main_poster .icons_holder...） 那整段也需要移除，
  就不會出現符號重複並排或跑位的現象。

2011-11-17 **由於噗浪重新編寫了表情按鈕該部份的css，所以請更新該部份圖示的替換方案：

/*換表情圖示*/
img[src="http://static.plurk.com/static/icons/emoticon_off.png"],
img[src="http://static.plurk.com/static/icons/emoticon_on.png"],
img[src="http://static.plurk.com/static/icons/emoticon_mini_off.png"],
img[src="http://static.plurk.com/static/icons/emoticon_mini_on.png"]
{
    filter:alpha(opacity=0); opacity:0; zoom:1;
}
.emoticon_selecter_img_on, .emoticon_selecter_img_off
{
    width: 16px; height: 16px;
}
.icons_holder
{
    background:url(http://i614.photobucket.com/albums/tt230/m66660000/_minicons/smiley.png) no-repeat 20px 4px !important;
}

只有表情按鈕有變...用上方原本提供的語法會變成這樣：

將表情圖示該部份語法替換後則復原：

2011-11-24 剛剛噗浪短暫的當機維修過後，表情圖示的css又變回原本的設定項目

.cmp_emoticon_off, .cmp_emoticon_on,
.cmp_emoticon_mini_off, .cmp_emoticon_mini_on

所以... 有需要的話，請重新把刪除線那段貼上，或是直接使用以下兩種版本都有的語法：

/*分享與表情選項圖片*/
.cmp_media_off, .cmp_media_on,
.cmp_media_mini_off, .cmp_media_mini_on
{
    background:url(http://i614.photobucket.com/albums/tt230/m66660000/_minicons/picture.png) no-repeat scroll top left;
    width: 16px; height: 16px;
}
img[src="http://static.plurk.com/static/icons/emoticon_off.png"],
img[src="http://static.plurk.com/static/icons/emoticon_on.png"],
img[src="http://static.plurk.com/static/icons/emoticon_mini_off.png"],
img[src="http://static.plurk.com/static/icons/emoticon_mini_on.png"]
{
    filter:alpha(opacity=0); opacity:0; zoom:1;
}
.emoticon_selecter_img_on, .emoticon_selecter_img_off
{
    width: 16px; height: 16px;
}
.icons_holder
{
    background:url(http://i614.photobucket.com/albums/tt230/m66660000/_minicons/smiley.png) no-repeat 20px 4px !important;
}
.cmp_emoticon_off, .cmp_emoticon_on,  /*表情*/
.cmp_emoticon_mini_off, .cmp_emoticon_mini_on  /*浪上回應區表情小圖*/
{
    background:url(http://i614.photobucket.com/albums/tt230/m66660000/_minicons/smiley.png) no-repeat scroll top left;
    width: 16px; height: 16px;
    margin-top: 4px !important;
}
.cmp_sync_off, .cmp_sync_on
{
    background:url(http://i614.photobucket.com/albums/tt230/m66660000/_minicons/sharethis.png) no-repeat scroll top left;
    width: 16px; height: 16px;
    margin-top: 4px !important;
}
.cmp_privacy_off, .cmp_privacy_on
{
    background:url(http://i614.photobucket.com/albums/tt230/m66660000/_minicons/shopping-bag.png) no-repeat scroll top left;
    width: 16px; height: 16px;
}