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..
30 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
mantap
ini yang saya cari, makasih bos artikelnya
kunjungan malam gan, salam bikers nih..
siang gan. salam. Sudah lama tal berkunjung kesini lagi. Wah informasinya menarik2 nih.. Mantap..
kali ini sangat ramai sekali informasinya. Jadi betah
informasi menarik sangat beruntung bisa berkunjung disini
informasinya sangat menarik sekali..
kunjungan pagi, salam buat semuanya..
salam sehat, kunjungan siang nih, Artikelnya bermanfaat banget..
keren banget infonya nih..
keren banget infonya nih..
info menarik, salam kenal gan luar biasa..
makasih banyak trik tipsnya. keren banget artikelnya nih..
selamat sore, keren banget infonya..
salam sore buat semua, info keren banget nih..
terimakasih banyak infonya. keren banget nih..
Hai kawan, lama tak mengunjungi blog ini. Wah makin rame aja kayaknya.. Semoga selalu ada dalam keadaan sehat yah kawan.. Saya coba baca satu persatu nih.. :D
manfaat jelly gamat gold-g untuk anak
obat keputihan bau
obat asam urat
obat asam lambung
obat tradisional jelly gamat gold-g
obat diabetes
Posting Komentar