Menggabungkan 2 kekuatan besar antara jQuery dan CSS3 menjadi inti desain vertical menu ini. Menu vertical animatif dengan tampilan yang sangat atraktif ini masih dilengkapi juga dengan sebuah background animasi gif untuk membuat jQuery vertical menu bertambah ciamik. Anda tinggal copy javascript dan kode CSS-nya melalui tutorial yang sudah tersedia di gubhugreyot. Ada baiknya jika menu ini ditempat disebelah kiri halaman karena penggunaan efek hover pada link list akan memperlebar ruang link sebesar 50%. Sekalipun demikian jika tetap digunakan di kolom sebelah kanan juga tak terlalu menjadi masalah, cuma efek yang dibuat akan sedikit terkurangi keindahannya.
mas Gitosamin
Sekedar DEMO cara buat elemen baru tempat memasang adsense, banner atau yang lain di header sebelah kanan.
Tampilkan postingan dengan label Menu. Tampilkan semua postingan
Tampilkan postingan dengan label Menu. Tampilkan semua postingan
Sabtu, 03 Maret 2012
Jumat, 02 Maret 2012
Floating Menu with show hide effect
Arahkan cursor di menu sebelah kiri!
Floating menu yang juga sebagai menu tersembunyi ini dibuat menggunakan javascript dan hanya beberapa deret kode CSS. CSS3 telah ditambahkan juga untuk memberi sedikit sentuhan pemanis hover link, sehingga ketika cursor berada di atas link menu maka ada sebuah icon kecil yang meluncur dari sisi kiri. CSS3 transition menggerakkan icon ini dengan surasi transisi 1s. Sebuah menu cantik yang kompatibel di semua browser. Untuk membuatnyapun tidaklah sulit karena javascript utamanya telah terupload di google code. Anda cukup menyimpannya di antara tag body. Javascript juga sudah di compress sedemikian rupa sehingga bebannya menjadi sangat ringan. Hanya 9,81 kbyte! Sangat ringan untuk sebuah javascript yang mampu menciptakan vertical menu melayang sekaligus dilengkapi efek "sembunyi-nongol" serta "sebuah link Back to top". Gimana, broer? Lengkap sekaligus oye!
Floating menu yang juga sebagai menu tersembunyi ini dibuat menggunakan javascript dan hanya beberapa deret kode CSS. CSS3 telah ditambahkan juga untuk memberi sedikit sentuhan pemanis hover link, sehingga ketika cursor berada di atas link menu maka ada sebuah icon kecil yang meluncur dari sisi kiri. CSS3 transition menggerakkan icon ini dengan surasi transisi 1s. Sebuah menu cantik yang kompatibel di semua browser. Untuk membuatnyapun tidaklah sulit karena javascript utamanya telah terupload di google code. Anda cukup menyimpannya di antara tag body. Javascript juga sudah di compress sedemikian rupa sehingga bebannya menjadi sangat ringan. Hanya 9,81 kbyte! Sangat ringan untuk sebuah javascript yang mampu menciptakan vertical menu melayang sekaligus dilengkapi efek "sembunyi-nongol" serta "sebuah link Back to top". Gimana, broer? Lengkap sekaligus oye!
Tutorial
Tutorial: Floating Menu with show hide effect
Langganan:
Postingan (Atom)