permalink Senin, 04 Juni 2012 |
![]() ![]() |
Fixed TextArea
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{Sehingga script HTML untuk Fixed TextArea adalah :
resize:none;
width:300px;
height:200px;
}
<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{Sehingga penulisan HTML nya tidak usah mengubah script dasarnya atau seperti ini :
resize:none;
width:300px;
height:200px;
}
<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 !
Langganan:
Posting Komentar (Atom)
0 komentar:
Ayo komentar kamu yang pertamax wa di Fixed TextArea