（20140704更新_選項位置變更）每日一照的修正 {plurk css+} @ 金羽銀華

原本的分享與表情圖示區，多出了「每日一照」的功能選項後，需要做修正的地方如下：

每日一照

多出的選項導致原本的表情選單跑位，需要調整 .icons_holder 段落中的數值，將原本的 18px 改成 48px。

改位置

改好位置後，表情選單就能正常顯示。

如果你用不到「每日一照」這個功能，也可以直接把它隱藏起來。語法：

/*隱藏每日一照*/

.cmp_webcamp_off, .cmp_webcamp_on { display : none !important; }

這樣原本的表情選單就會恢復原樣。如下：

或是可以換成一致的圖示，讓選單列呈現一致：

使用語法：

.cmp_webcamp_off, .cmp_webcamp_on
{
background: url(這邊放圖片網址) no-repeat scroll top left;
width: 16px; height: 16px;
}

然後改 .icons_holder 段落中的數值，將原本的 18px 改成 40px。

相關的高度與寬度數值，需要依據所使用的圖片大小作調整。

如果所使用的噗版較早期出品，可能噗浪預設的表情符號笑臉會跑出來，記得更新這段隱藏語法：

img[src="http://assets.plurk.com/static/icons/emoticon_mini_off.png"],
img[src="http://assets.plurk.com/static/icons/emoticon_mini_on.png"],
img[src="http://assets.plurk.com/static/icons/emoticon_off.png"],
img[src="http://assets.plurk.com/static/icons/emoticon_on.png"]
{
filter: alpha(opacity=0); opacity: 0; zoom:1;
}

附上整段更正後最新的分享與表情選項列的語法：

/*分享與表情選項圖片*/
.cmp_media_off, .cmp_media_on
{
background: url(放分享資訊圖示網址) no-repeat scroll top left;
width: 12px; height: 16px;
}
.cmp_media_mini_off, .cmp_media_mini_on
{
background: url(放分享資訊圖示網址) no-repeat scroll top left;
width: 12px; height: 16px;
}
.cmp_webcamp_off, .cmp_webcamp_on
{
background: url(放每日一照圖示網址) no-repeat scroll top left;
width: 16px; height: 16px;
}
img[src="http://assets.plurk.com/static/icons/emoticon_mini_off.png"],
img[src="http://assets.plurk.com/static/icons/emoticon_mini_on.png"],
img[src="http://assets.plurk.com/static/icons/emoticon_off.png"],
img[src="http://assets.plurk.com/static/icons/emoticon_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(放表情選單圖示網址) no-repeat 40px 4px;
}
.mini_form .icons_holder
{
background: url(放表情選單圖示網址) no-repeat 18px 4px;
}
.cmp_sync_off, .cmp_sync_on
{
background: url(放同步更新圖示網址) no-repeat scroll top left;
width: 16px; height: 16px;
margin-top: 4px !important;
}
.cmp_privacy_off, .cmp_privacy_on
{
background: url(放私訊隱私圖示網址) no-repeat scroll top left;
width: 12px; height: 16px;
}

也可以直接使用我們提供的圖片：

/*分享與表情選項圖片*/
.cmp_media_off, .cmp_media_on
{
background: url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/cyan/iphone_12x16.png) no-repeat scroll top left;
width: 12px; height: 16px;
}
.cmp_media_mini_off, .cmp_media_mini_on
{
background: url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/cyan/iphone_12x16.png) no-repeat scroll top left;
width: 12px; height: 16px;
}
.cmp_webcamp_off, .cmp_webcamp_on
{
background: url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/cyan/dial_16x16.png) no-repeat scroll top left;
width: 16px; height: 16px;
}
img[src="http://assets.plurk.com/static/icons/emoticon_mini_off.png"],
img[src="http://assets.plurk.com/static/icons/emoticon_mini_on.png"],
img[src="http://assets.plurk.com/static/icons/emoticon_off.png"],
img[src="http://assets.plurk.com/static/icons/emoticon_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/_ic/cyan/chat_alt_stroke_16x16.png) no-repeat 40px 4px;
}
.mini_form .icons_holder
{
background: url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/cyan/chat_alt_stroke_16x16.png) no-repeat 18px 4px;
}
.cmp_sync_off, .cmp_sync_on
{
background: url(http://i614.photobucket.com/albums/tt230/m66660000/_ic/cyan/spin_alt_16x16.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/_ic/cyan/lock_stroke_12x16.png) no-repeat scroll top left;
width: 12px; height: 16px;
}

將整段語法取代原先語法，或直接貼在所有語法的最後即可。

（20140704更新_選項位置變更）

關於噗浪調整選項位置，導致圖示語法重疊與跑位問題，請將 .icons_holder {} 項目中的px數值設為0，並刪去 .mini_form .icons_holder {...} 整行語法即可。