Fixed TextArea adalah TextArea yang tidak bisa di ubah ukurannya, atau lebih tepatnya yaitu ukurannya tetap. Biasanya kita sering melihat Textarea yang ukurannya bisa di ubah, contohnya yaitu pada Twiiter. Beda halnya dengan Facebook, TextArea yang ada di Facebook tidak bisa diubah-ubah.
Fixed TextArea ini di gunakan supaya tidak merusak tampilan template blog kita. Berikut ini adalah contoh TextArea yang biasa.
Dari TextArea di atas kita bisa mengubah-ubah ukurannya dengan cara menggeser border sebelah kanan bawah, sehingga jika kita mengubah atau menggesernya, template kita jadi berantakan atau kurang menarik.
Dan berikut adalah contoh
FixedTextarea :
Fixed TextArea di atas tidak bisa diubah ukurannya dengan cara menggeser border dan tidak ada icon di pojok kanan bawah pertanda
Fixed Textarea ini tidak bisa di ubah.
Sebenarnya sangat mudah membuat ini, hanya tinggal menambahkan 1 script CSS. Bieginilah caranya :
Script dasar dalam membuat TextArea adalah :
<textarea> ISI TULISAN </textarea>
Berikut ini adalah kode CSS untuk membuat
Fixed TextArea. Letakkan di
atas kode
</head> :
.fixedtextarea{
resize:none;
width:300px;
height:200px;
}
Sehingga script HTML untuk Fixed TextArea adalah :
<textarea class="fixedtextarea"> ISI TULISAN </textarea>
atau jika anda ingin mengubah semua TextArea menjadi
Fixed TextArea dengan cara menambahkan script CSS ini di
atas kode
</head>.
textarea{
resize:none;
width:300px;
height:200px;
}
Sehingga penulisan HTML nya tidak usah mengubah script dasarnya atau seperti ini :
<textarea> ISI TULISAN </textarea>
Note : isi kode
width yang berwarna
biru sesuai dengan lebar yang anda inginkan.
isi kode height yang berwarna merah sesuai dengan tinggi yang anda inginkan.
Semoga Bermanfaat !
