Kali ini Zona Artikel ingin berbagi hasil karya desain dari Yudi Sevenstar.
Robot ini dibuat di Aplikasi Adobe Illustrator CS2. Mungkin saja robot
ini bisa menjadi referensi sobat dalam mendesain. Bagi yang mau download
klik DISINI.
Minggu, 17 Maret 2013
Free Download Vektor Robot Sword Illustrator
Kali ini Zona Artikel ingin berbagi hasil karya desain dari Yudi Sevenstar. Robot ini dibuat di Aplikasi Adobe Illustrator CS2. Mungkin saja robot ini bisa menjadi referensi sobat dalam mendesain. Bagi yang mau download klik DISINI.
Share This
Rabu, 13 Maret 2013
Free Download Adobe Photoshop CS6
Software Adobe Photoshop CS6, software profesional untuk mengedit gambar, banyak fitur yang bisa anda gunakan untuk memanipulasi gambar agar terlihat lebih WOW, yang mau download klik link di bawah ini ...
Download Adobe Photoshop CS6 | 75Mb
Share This
Jumat, 08 Maret 2013
Minggu, 03 Maret 2013
Membuat Efek Hover Transparan pada Gambar
Anda bisa membuat berbagai macam efek hover pada objek yang anda inginkan di blog. Salah satunya yaitu membuat efek hover transparan pada gambar. Efek hover ini akan nampak apabila anda mengarahkan cursor mouse pada object. Jika cursor mouse berada tepat diatas gambar maka gambar tersebut akan menjadi normal, namun jika anda tidak mengarahkan cursor pada gambar maka gambar tersebut menjadi transparan. Jika sobat ingin tau cara membuat efek tersebut ikuti langkahnya dibawah ini :
1. Login ke Blogger
2. Masuk ke Rancangan --> Edit HTML
3. Carilah kode ]]></b:skin>
4. Lalu tambahkan kode Css berikut ini diatas kode ]]></b:skin>
5. Simpan template anda.
Untuk menerapkan efek tersebut pada gambar yang ingin ditayangkan maka masukan kode seperti dibawah ini
Keterangan:
- Kode berwarna merah andalah adalah url blog
- Kode berwarna hijau adalah url gambar
1. Login ke Blogger
2. Masuk ke Rancangan --> Edit HTML
3. Carilah kode ]]></b:skin>
4. Lalu tambahkan kode Css berikut ini diatas kode ]]></b:skin>
a.thumbopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
}
a.thumbopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;
}
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
}
a.thumbopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;
}
5. Simpan template anda.
Untuk menerapkan efek tersebut pada gambar yang ingin ditayangkan maka masukan kode seperti dibawah ini
<a href="http://www.ilmu-modern.blogspot.com" class="thumbopacity" >
<img border="0" src="................................jpg" /></a>
<img border="0" src="................................jpg" /></a>
Keterangan:
- Kode berwarna merah andalah adalah url blog
- Kode berwarna hijau adalah url gambar
Share This
Langganan:
Postingan (Atom)
