[ plurk css ] 噗浪轉噗功能－金羽銀華

之前曇花一現短暫出現幾個小時的轉噗（分享）功能，今日又重出江湖囉～

轉噗圖示.png

按下你的推文旁邊的轉噗連結，就會出現如上的圖示。

妙的是目前噗浪所推出的轉噗功能，是不會再發一個新的噗在自己河道上的，所以按下去後也沒有出現轉噗的內容在發噗區供你再確認與修正，而是直接發出去了～

以原本該則噗的樣態，發到你所有的好友及粉絲的河道上，所以，你的河道上不會再有一則新的噗，只會在原本被轉噗（分享）出去的噗的原噗下方顯示誰分享了此則訊息：

分享列改變前.png

這一整條就這樣突兀的出現在噗上，跟套用的噗版樣式可能會不大搭配，所以需要再次修正自訂css的內容～

分享列改變後.png

將～是不是合適多了呢 XD

相關的語法如下：

/*-----轉噗欄位-----*/

.td_info, .tr_info
{
   background:none !important; /*拿掉背景*/
   border:0 !important; /*去除框線*/
   color:#fff !important; /*文字顏色*/
}
.td_info a, .td_cnt a
{
   color:#7ac !important; /*連結顏色*/
}

請根據你所使用的噗版樣式適當更改顏色的設定喔 ^ ^

另外，在被分享出去的原噗的單則訊息頁面，也會出現相關的訊息：

分享區原本.png

這部份也可以使用自訂css稍作修正，調整圖片及文字顏色大小等項目：

分享區.png

語法如下：

/*-----單則訊息頁轉噗區-----*/

#replurkers_holder img /*分享者圖片*/
{
   -moz-transform: scale(0.5); /*縮小50%*/
   -khtml-transform: scale(0.5);
   -webkit-transform: scale(0.5);
   -o-transform: scale(0.5);
}

#plurk_replurkers h2 /*標題*/
{
font-size:14px;
color:#ddeeee !important;
}

稍加調整，就能使整體噗版的呈現更加融洽～

接下來，這個功能會持續多久，或者會不會再像之前表情選單那樣再次改變外觀呢... 持續關注研究中～ ^W^

2011-8-13 補充：

直接將單則訊息頁的分享者圖片區隱藏起來的語法：

/*-----隱藏分享者圖片區-----*/

#replurkers_holder
{
   display : none;
   height:0 !important;
   width:0 !important;
   overflow:hidden;_overflow:none;
   position:fixed;
   top:-9000px;
}

2011-8-14 補充：

很不喜歡轉噗這個功能？那就將連結隱藏起來吧...

/*-----隱藏轉噗連結-----*/

.replurk
{
   display : none;
   height:0 !important;
   width:0 !important;
   overflow:hidden;_overflow:none;
   position:fixed;
   top:-9000px;
}

2016-02-20 新版對應語法更新：

/*隱藏轉噗*/

a.pif-replurk { display : none !important; }