Simpan » Diposting oleh Unknown » Senin, 04 Juni 2012 »
permalink

Senin, 04 Juni 2012
Unknown
No comments

Fixed TextArea

Fixed_texAreaFixed 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 !


Reaksi:

0 komentar:

Ayo komentar kamu yang pertamax wa di Fixed TextArea

 
powered by blogger.com 4sek4w4n mobile template

Ads