首頁 [PlurkCSS]如何改變回應輸入欄大小
« 首頁 »
2010 年 01 月 25 日 留言:2

[PlurkCSS]如何改變回應輸入欄大小

Plurk
分享文章

一般來說沒有套用Plurk樣板,直接使用預設的版面時,要在每一噗下方新增回應時,回應欄都長成這樣:

實在是又窄又小,要打的字太多的話還要先按一下方向鍵「←」回應欄才會自己變大,像我常常一次打一大串字,這樣的設計真的很麻煩。

所以我就自己把它改大了。以下就把我使用的語法貼上來,有需要的朋友可以自行修改。

※若是已經有套用Plurk樣板或是輸入欄已經有修改過,但是想再把它加大的人,請先自行確認自訂CSS欄內是否有相同語法,避免語法重複影響效果。

本教學文需使用Plurk的自訂樣板CSS功能,不知道此功能如何使用的人請看這篇文章

控制回應輸入欄大小的選擇器為「#input_small」,所以整串語法就是:

/* 回應輸入區 */
#input_small {height:50px;}

50px代表的是高度,數字越大欄位的大小就越大。

若是已經確定自訂CSS欄位裡面沒有相同語法的話,就把這串語法複製貼到自訂CSS欄位內,然後按下儲存就完工了。

如果自訂CSS欄位內已經有相同語法,但是想把高度再加大的人,請直接修改數值並儲存即可。

完成後的效果如下圖:

回應輸入欄變大了,在送出回覆之前要確認自己打的內容時也更方便了!

留言

( 2 )
  1. 阿安 2011 年 08 月 09 日 10:14

    這語法很好用 謝謝^^

發表迴響