Modifikasi Textarea Code,sebagaimana yang namanya modifikasikan pengubahan/ apa lah yg namanya di sebut modifikasi.Textarea?Textarea itu menurut saya kotak untuk mengisi teks atau code,tetapi beda dari blockquote,misalnya:
Kita akan bisa mengatur height/width (tinggi/panjang)dengan menarik garis arsiran sesuai keinginan kamu. Nah saya kali ini akan memberi tutorial bertentang Modifikasi Textarea code,berarti kita sambungkan dengan pengertian di atas adalah "
Pengubahan Style Textarea Code"nah mau lihat pengubahan stylenya seperti apa?liat gambar di atas,Before dan after,kalau itu kan berarti lain juga kan? kalau orang sebut style tersebut adalah Efek Hover atau "
Pengubahan Sekilas"kalau saya sih pengubahan sekilasnya dengan tambahan
CSS Transformation, ya kira-kira agak cepat sedikit lah.nah langsung aja tutorialnya,tetapi lihat dahulu demonya di bawah ini.
Bagaimana ya? saya sengaja kasih demo nggk di postingan ini langsung karena tidak valid CSS apa lagi di blog saya banyak CSS untuk demo. dan saya sengaja kasih melalui JSBIN.com, agar bisa di edit2 sementara di situ supaya mempermudah pengubahan.Oke Langkah pertama.
Install Program CSS
- Memasukan CSS bisa juga melalui File .CSS untuk di website atau menggunakan kode <style> Code CSSnya </style>
- Kalau di blogspot taruh aja kode di bawah di atas code </style> , atau ]]></b:skin> atau bisa menambahkan kode <style> Code CSSnya </style> di bawah code <head>
/****
Name: Modifikasi Text Area
Date: 2 February 2014
Author: www.belajar-css3.blogspot.com
****/
/* Modification Textarea style */
textarea{font-weight:bold;border:5px solid blue;border-left:10px double black;border-right:10px double black;background:#444;outline:5px solid black;box-shadow:inset 0 0 14px red;text-shadow:1px 1px 0px white;font-size:19px;height:200px;width:400px;}/* end Modification Textarea style */
/* Efek hover */
textarea:hover{font-weight:bold;border:5px solid red;border-left:10px double red;border-right:10px double red;background:#00d2ff;outline:5px solid yellow;box-shadow:inset 0 0 14px yellow;text-shadow:1px 1px 0px yellow;font-size:19px;} /* Efek hover style */
textarea:hover{-moz-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
transition: all 900ms ease;}/* Efek hover transtition*/
/** end CSS Modification TextArea **/
nah yang tadi itu css nah sekarang kita akan memasukkan ...
Install Program HTML
- Biasanya code HTML bisa di masukkan dalam .HTML untuk di website.
- Kalau di postingan Blogspot bisa, taruhkan kode di bawah ini di HTML bukan Compose.
<textarea> Text/code </textarea>
- Text/code di ubah dengan tulisan atau kode-kode, jika ingin memasukkan kode HTML silahkan di conversi terlebih dahulu.
Selesai deh,jika ada ingin di tanyakan ,comentar aja.
Oke semoga bermanfaat, sekian dan terima kasih.
Title : Modifikasi Textarea Code
Description : M odifikasi Textarea Code ,sebagaimana yang namanya modifikasikan pengubahan/ apa lah yg namanya di sebut modifikasi.Textarea?Textarea itu...
