Pernakah anda terfikir untuk membuat text area dengan menggunakan latar belakan sebuah gambar.. Nah selain buat copy paste juga bisa sebagai hiasan pada blog..,teknik pembuatanya cukup mudah, Selain itu juga ditambah dengan efek mouse over.. Saat mouse bergerak diatas text area backgroun akan berubah warna, begitu pula pada teks.
.Liat contoh di bawah ini
Untuk membuanya cukup mudah buanget, liat cara dibawah ini
Langkah 1.:
--------Tempat ini script gaya dalam <head> dari halaman:
<style> textarea.imageOne{ background-color:000000; background-image:url(blue_saturn.jpg); color:00ff00; } textarea.imageTwo{ background-color:000000; background-image:url(butterflies.jpg); color:ff0000; } </style>Rubah lah blue_saturn.jpg dan butterflies.jpg dengan url foto Anda sendiri
Langkah 2.:
Letakan text area dibawah ditempat yang anda inginkan
<textarea> seperti ini: <textarea rows="12" cols="74" class="imageOne" onMouseOver="this.className='imageTwo'" onMouseOut="this.className='imageOne'"> . . . Letakan text anda disini . . . </textarea>Dalam contoh diatur background-color: 000000;
Warna background-color biasanya harus sama dengan gambar latar belakang warna, Biar ga berlawanan warna dengan gambar it sendiri pada saat di klik latar belakang seperti tidak berubah hanya gambar saja yang hilang.
Warna teks : ff0000; dan warna: 00ff00; yaitu teks warna merah dan hijau, itu digunakan untuk merubah warna pada saat mouse over.
Mungkin pada browser latar akan berbeda,misalnya IE, NS6..
12 komentar:
woh,, keren neh bos... mantaaabbb.. nanti saya coba2 ah... keep share
Makasi bro komentny
Pagi-pagi ingin berbagi rezeki dgn mengajak utk ikut bergabung menjadi anggota DBS Kalbar. Kunjungi blogku utk info lebih lengkap...
Semakin bertambah nih pengetahuan saya. Muantav sobat
tips nya bagus sekali...?? sangat bermanfaat buat blog ku...?/ :)
@dark lord: makasih juga atas kunjunganya ke blog yang aneh ini
boss.
Gw kan dah dapet code html bwat ganti background.
Trus bwat ngatur tata letak nya gmna? misal kita mo pasang gambar nya di tengah-tengah trus g di repeat! Minta code nya dongg!
K blog gua yak!
ohh iya!
Kok gw intip blog2 orang laen bisa ke search sama google.. nahh blog gw klo search di google g ktemu!
Gmna yak biar blog kita bisa ketemu di google?
@Mickey: semua itu butuh proses sob, yang paling utama kamu harus sering2 berkunjung ke blog temen2 bwt komen biar byak backlink ke blog km,. Trus daftar ke search engine tuh dah aku kasih di bwh blog... Judul ama labelnya yang simpel aja yang kira2 org sering cari it apa.. Ya apa lg ya, o iya daftar di google yg paling sering org pake search engine nya mungkin it yg aku pake selama ni
oke mantep BOSS.........mkasih tipsnya...
mantab buat tipsx gan,,
blogwalking, kunjungan balik ya
Informasi Kredit Terbaik di Indonesia
Poskan Komentar