Textarea merupakan elemen kode html yang digunakan untuk menunjukkan batas area teks dalam kandungan.
Disini saya akan membagikan bagaimana cara membuat area teks ala blog arit.tk dengan bumbu CSS tentunya agar mempunyai kesan manis dalam berposting, he..he..he..
Simak bagaimana Tutorial CSS textarea dibawah ini
Bagian 1
<style>
textarea { line-height: 1px; background: white no-repeat url('http://m.surga.tk/images/input.png'); color: #555; font-weight: x-small; margin: 0px; border: 1px solid grey; padding: 1px 1px 1px 3px; }
</style>
textarea { line-height: 1px; background: white no-repeat url('http://m.surga.tk/images/input.png'); color: #555; font-weight: x-small; margin: 0px; border: 1px solid grey; padding: 1px 1px 1px 3px; }
</style>
Bagian 2
<style>
textarea { background: #FBEFFF; color: #CA3DD9; border: 1px solid #CA3DD9; border-left: 20px solid #CA3DD9; line-height: 1.5em; padding: 5px; -moz-border-radius: 7px; }
</style>
textarea { background: #FBEFFF; color: #CA3DD9; border: 1px solid #CA3DD9; border-left: 20px solid #CA3DD9; line-height: 1.5em; padding: 5px; -moz-border-radius: 7px; }
</style>
Bagian 3
<style>
textarea { line-height: 1px; background-image:url('http://surga.tk/images/background1_1.gif'); background-repeat: no-repeat; background-position: left center; color: #606060; font-weight: x-small; margin: 2px; border: 1px solid #6060a8; padding: 1px 1px 1px 3px; }
</style>
textarea { line-height: 1px; background-image:url('http://surga.tk/images/background1_1.gif'); background-repeat: no-repeat; background-position: left center; color: #606060; font-weight: x-small; margin: 2px; border: 1px solid #6060a8; padding: 1px 1px 1px 3px; }
</style>
Bagian 4
<style>
textarea { background: url(http://surga.tk/images/blue-areatext.png); color:#ffffdd; border-color:#000042; }
</style>
textarea { background: url(http://surga.tk/images/blue-areatext.png); color:#ffffdd; border-color:#000042; }
</style>
Pilih salah 1 dari Bagian CCS diatas, dan salin hasil contoh dibawah ini.
Pada Bagian 1 seperti dibawah ini.
Bagian 2
Bagian 3
Bagian 4
Sekian dari saya, jika Anda mempunyai style textarea lebih cantik, jangan sungkan berbagi disini...
Cara mudah menemukan Tutorial Website lainnya, sangatlah mudah melalui label Postingan. Belajar bersama. Arit Nuansa Pagi




0 komentar:
Posting Komentar
Jagalah kebaikkan moralitas, mulakan sejak dini meninggalkan akhlak kebrobrokan, untuk menjadikan Generasi bangsa masa depan, yang terbaik.