因應噗友剛才的詢問,表示希望將浪上噗的內容跟展開後的回應列表一樣換行,然後將頭貼放到裡面,所以嘗試了一下換行的方式,也分享給同樣有此需要的噗友。

浪上噗:

浪上噗  

換行後:

浪上噗換行  

語法:

/*浪上噗的寬高*/
.plurk .truncated, .text_holder { min-width: 322px !important; min-height: 25px; }

/*浪上噗換行*/
.block_cnt .plurk table { min-width: 322px !important;  }
.block_cnt .plurk_cnt .td_qual { position: absolute; overflow: visible; }
.block_cnt .plurk_cnt .text_holder { margin-top: 1.3em; padding: 0.3em; overflow: visible; }

/*浪上噗頭貼置內*/
.block_cnt .plurk_cnt { margin: -3px 0px 0px -25px; padding: 3px 3px 4px 26px; }

 

可視需要取用頭貼或是換行的語法,並調整看看各數值,找到適合自己的閱噗方式喔

 

相關的語法一併附上:

/*表格寬度*/
.display table, .toggled table, .plurk_box table { width: 470px !important; }
.display .text_holder,.toggled .text_holder, .plurk_box .input_holder, .list table { width: 100% !important; }

/*列表換行*/
.list .plurk_cnt .td_qual { position: absolute; width: auto; overflow: visible; margin-left: 0.1em; }
.list .plurk_cnt .text_holder { margin-top: 1.5em; padding: 0.5em; margin-left: 0.1em; width: auto !important; }

 

2014/06/20 補上:

/*回應格換行*/
.mini_form .qual_holder { position: absolute; overflow: visible; width: auto !important; }
.mini_form .text_holder { padding: 0.3em; overflow: visible; width: auto !important; }
.mini_form .plurkForm { margin: 0.8em 0em 0em 0.6em; }
textarea#input_small { margin-top: 1.5em !important; }

 原先:

回應格  

 

換行後:

回應格換行  

 

 

,
創作者介紹
M6

金羽銀華

M6 發表在 痞客邦 PIXNET 留言(0) 人氣()