haii sobat andi ^_^.... rasany tidk enak kalau sehari melewatkan Blog.. hehe,, ywdh dech saya memutuskan untuk memposting ini Membuat CCS untuk gambar bebayang,, bdw kalian smua tau tdk apa itu ccs atau gambar berbayang ??...... Css layer ini semacam tulisan atau gambar yang berbayang yang terdiri dari 2 komponen css sederhana. Untuk membuatnya sangat mudah, hanya menerapkan sedikit kode css maka tulisan atau gambar berbayang siap ditampilkan dan mempercantik blog sobat. Berikut beberapa tutorialnya :
Layer Untuk Gambar Variasi 1
Gambar Diatas Membutuhkan code berikut :
<div style="position:relative"><img src="http://lh6.ggpht.com/_7Y9pl24WpQY/TEsn4YFFiQI/AAAAAAAAEXg/TiYA_Obocvo/mybloggerthemes_thumb%5B7%5D.png" /></div><div style="position:relative; margin-top:-20px; margin-left:20px"><img src="http://lh6.ggpht.com/_7Y9pl24WpQY/TEsn4YFFiQI/AAAAAAAAEXg/TiYA_Obocvo/mybloggerthemes_thumb%5B7%5D.png" /></div>
Ganti Alamat/ Tulisan diatas Yg berwarna merah dengan alamat gambar yg anda inginkan
Layer Untuk Gambar Variasi 2
Gambar Diatas Membutuhkan code berikut :
<div style="position:relative"><img src="http://3.bp.blogspot.com/_7Y9pl24WpQY/TGVZE5AgQmI/AAAAAAAAEeU/Ktj7gkUldGQ/S1600-R/miscah.png" /></div><div style="position:relative; filter:alpha(opacity=20); margin-top:-10px; -moz-opacity:0.20; opacity:0.2; -khtml-opacity:0.2"><img src="http://3.bp.blogspot.com/_7Y9pl24WpQY/TGVZE5AgQmI/AAAAAAAAEeU/Ktj7gkUldGQ/S1600-R/miscah.png" /></div>
anti Alamat/ Tulisan diatas Yg berwarna merah dengan alamat gambar yg anda inginkan.
Nah gimana broo >?...... mantab tdk ?..... haha, hebat kan !!... langsung saja di coba ^_^...... smoga postingku kali ini bermanfaat bagi para pengunjung blog ini.... bila bermanfaat saya hanya meminta comment ny aja ko ^_^.... agar saya lebih SEMANGAT untuk memposting lagi/....... sekian trims..
wass. wr. wb
Langganan:
Posting Komentar (Atom)
0 komentar:
Posting Komentar