CSS3 multi-3D menu

Posted by : Stiker Jalingkut

Pada Kesempatan Kali Ini adalah penurunan kedua kami down.
CSS3 multi-3D menu. Mlm ini adalah dalam Pelangi. Menu akan mencakup submenu yang akan meluncur ketika kita melayang elemen induk. Bahwa menu akan baik untuk template Pelangi. Dan tentu saja - tidak ada JS apapun - CSS murni saja. Karena menu ini dibuat menggunakan CSS3 - itu membuat sempurna di browser Firefox, Chrome, dan Safari (Opera terakhir yang mungkin akan mendukung juga).

Postingan Ini Sebenarnya Hampir Sama Dengan Postingan Yang Tadi
HTML5 Canvas Navigasi menu dengan Api
Tapi Kayaknya Kurang Sempurna Tampilan Menunya Waktu Aq Posting Juga
Tidak Kami Coba Di Blogger Kami Coba Di Situs Tempat Demo Nya
Ternyata Tampilannya Di Blogger Sangat Tidak Memuaskan.
Lalu Kami Ubah Lagi Code Css3 Supaya Spot Buat Blogger
Tapi Alhamdulillah Hasilnya Maksimal Dengan Ke,inginan Kami
Juga Sobat...

Yadah Kita Langsung Saja Pada Topi Kali Ini
Seperti Biasa Sobat Yang Minat Silakan Di Comot'y
Code Di Bawah Genk. Sobat Bisa Lihat Hasilnya Ada Di Blog Ini
Di Bagian Atas Lihatkan Heheheh...?

Seperti Biasa Masuk Ke,Blog Sobat Lalu Tambah Gadget
Pilih HTML/JavaScript
Code Css3 Di Atas Sobat Comot Terserah Mau Di Taroh Di Mana

<ul class='topmenu' id='css3menu_top'>
<li class='topfirst'><a href='http://bloggertutoria.blogspot.com/' style='height:24px;line-height:24px;'><img alt='' src='http://selladrt11.jw.lt/Css3 Style Selladrt/home.png'/>Overview</a></li>
<li class='topmenu'><a href='index.html#new' style='height:24px;line-height:24px;'><img alt='' src='http://selladrt11.jw.lt/Css3 Style Selladrt/new.png'/>What's new</a></li>
<li class='topmenu'><a href='index.html#help' style='height:24px;line-height:24px;'><img alt='' src='http://selladrt11.jw.lt/Css3 Style Selladrt/process.png'/>How to Use</a></li>
<li class='topmenu'><a href='elegant-dark-menu.html' style='height:24px;line-height:24px;'><span><img alt='' src='http://selladrt11.jw.lt/Css3 Style Selladrt/promotion.png'/>Demos</span></a>
<div class='submenu' style='width:338px;'>
<div class='column' style='width:50%'>
<ul>
<li><a href='charge-red-vertical.html'><img alt='' src='http://selladrt11.jw.lt/Css3 Style Selladrt/0442.png'/>Charge Red Vertical</a></li>
<li><a href='fair-grey-rtl.html'><img alt='' src='http://selladrt11.jw.lt/Css3 Style Selladrt/0442.png'/>Fair (RTL mode)</a></li>
<li><a href='#'><span><img alt='' src='http://selladrt11.jw.lt/Css3 Style Selladrt/0442.png'/>Android</span></a>
<div class='submenu'>
<div class='column'>
<ul>
<li><a href='android-dark.html'><img alt='' src='http://selladrt11.jw.lt/Css3 Style Selladrt/0442.png'/>Android Dark</a></li>
<li><a href='android-orange.html'><img alt='' src='http://selladrt11.jw.lt/Css3 Style Selladrt/0442.png'/>Android Orange</a></li>
<li><a href='android-blue.html'><img alt='' src='http://selladrt11.jw.lt/Css3 Style Selladrt/0442.png'/>Android Blue</a></li>
<li><a href='android-green.html'><img alt='' src='http://selladrt11.jw.lt/Css3 Style Selladrt/0442.png'/>Android Green</a></li>
</ul>
</div>
</div>
</li>
<li><a href='#'><span><img alt='' src='http://selladrt11.jw.lt/Css3 Style Selladrt/new.png'/>Mac Style</span></a>
<div class='submenu'>
<div class='column'>
<ul>
<li><a href='mac.html'><img alt='' src='http://selladrt11.jw.lt/Css3 Style Selladrt/0442.png'/>Mac Responsive Dropdown</a></li>
<li><a href='mac-green.html'><img alt='' src='http://selladrt11.jw.lt/Css3 Style Selladrt/0442.png'/>Mac Responsive Menu Example</a></li>
<li><a href='apple.html'><img alt='' src='http://selladrt11.jw.lt/Css3 Style Selladrt/0442.png'/>Apple</a></li>
<li><a href='apple-black.html'><img alt='' src='http://selladrt11.jw.lt/Css3 Style Selladrt/0442.png'/>Apple Black</a></li>
<li><a href='apple-blue.html'><img alt='' src='http://selladrt11.jw.lt/Css3 Style Selladrt/0442.png'/>Apple Blue</a></li>
</ul>
</div>
</div>
</li>
<li><a href='css3-multicolumn-blocks-blue.html'><img alt='' src='http://selladrt11.jw.lt/Css3 Style Selladrt/0442.png'/>Blocks Style</a></li>
<li><a href='elegant-dark-menu.html'><img alt='' src='http://selladrt11.jw.lt/Css3 Style Selladrt/0442.png'/>Elegant Style</a></li>
<li><a href='fresh-seaweeds-multilevel-menu.html'><img alt='' src='http://selladrt11.jw.lt/Css3 Style Selladrt/0442.png'/>Fresh Style</a></li>
<li><a href='neon-blue-menu.html'><img alt='' src='http://selladrt11.jw.lt/Css3 Style Selladrt/0442.png'/>Neon Style</a></li>
<li><a href='frame-dark-grey-css-menu.html'><img alt='' src='http://selladrt11.jw.lt/Css3 Style Selladrt/0442.png'/>Frame Style</a></li>
<li><a href='modern-css3-menu-bar.html'><img alt='' src='http://selladrt11.jw.lt/Css3 Style Selladrt/0442.png'/>Modern Style</a></li>
<li><a href='toolbars-css3-drop-menu.html'><img alt='' src='http://selladrt11.jw.lt/Css3 Style Selladrt/0442.png'/>Toolbars Style</a></li>
</ul>
</div>
<div class='column' style='width:50%'>
<ul>
<li><a href='point-css3-horizontal-menu.html'><img alt='' src='http://selladrt11.jw.lt/Css3 Style Selladrt/0442.png'/>Point Stlye</a></li>
<li><a href='gradient-css3-html-menu.html'><img alt='' src='http://selladrt11.jw.lt/Css3 Style Selladrt/0442.png'/>Gradient Style</a></li>
<li><a href='simple-css3-pull-down-menu.html'><img alt='' src='http://selladrt11.jw.lt/Css3 Style Selladrt/0442.png'/>Simple Style</a></li>
<li><a href='core-brown.html'><img alt='' src='http://selladrt11.jw.lt/Css3 Style Selladrt/0442.png'/>Core Brown</a></li>
<li><a href='current-slide.html'><img alt='' src='images/menu_files/1353.png'/>Current Blue</a></li>
<li><a href='enterprise-green.html'><img alt='' src='http://selladrt11.jw.lt/Css3 Style Selladrt/0442.png'/>Enterprise Green</a></li>
<li><a href='crystalline-black.html'><img alt='' src='http://selladrt11.jw.lt/Css3 Style Selladrt/0442.png'/>Crystalline Black</a></li>
<li><a href='hybrid-red-vertical.html'><img alt='' src='http://selladrt11.jw.lt/Css3 Style Selladrt/0442.png'/>Hybrid Red Vertical</a></li>
<li><a href='paradox-amethyst.html'><img alt='' src='http://selladrt11.jw.lt/Css3 Style Selladrt/0442.png'/>Paradox Amethyst</a></li>
<li><a href='responsive.html'><img alt='' src='http://selladrt11.jw.lt/Css3 Style Selladrt/0442.png'/>Push Tall (responsive layout)</a></li>
</ul>
</div>
</div>
</li>
<li class='topmenu'><a href='license.html' style='height:24px;line-height:24px;'><img alt='' src='http://selladrt11.jw.lt/Css3 Style Selladrt/save.png'/>Download</a></li>
<li class='toplast'><a href='index.html#contacts' style='height:24px;line-height:24px;'><img alt='' src='http://selladrt11.jw.lt/Css3 Style Selladrt/mail.png'/>Contact</a></li>
</ul>

Html Atau CSS3 warna switcher. Ini adalah UL-LI
Jadi Sobat Tinggal Pasang CSS3 multi-3D menu Nya
Sobat Tinggal Ganti URL Punya Sobat. CSS3 multi-3D menu
Ini Menghemat Tempat Pada Situ Katanya,s Heheheh..

Sekian Dulu Sobat Dari Kami Tentang Perubahan CSS3 multi-3D menu
Semoga Berguna Buat Sobat Yang Membutuhkannya..

{ 47 comentários... read them below or Comment }

AZLA7 Desember 2012 pukul 07.42
wah dapat ilmu baru lagi ini genk, padahal yg kemarin aku belum bisa..hehe..
tapi boleh juga deh entar aku pelajari lagi,terima kasih genk ilmunya
BalasHapus
Balasan
Rohis Facebook7 Desember 2012 pukul 07.56
jalan2 malam.., btw template baru lg ni sob *smile
BalasHapus
Balasan
Muehammad Yuezha Andrean7 Desember 2012 pukul 08.24
Wahh, ilmunya bermanfaat
Ngomong ngomong, templatenya ganti lagi ya! :D Hhee
BalasHapus
Balasan
Unknown7 Desember 2012 pukul 12.33
Terima kasih sobat, saya ijin save dulu...
BalasHapus
Balasan
Djangkaru Bumi7 Desember 2012 pukul 14.25
Penampilan baru dan dapat ilmu baru, 3D nya memang keran.
BalasHapus
Balasan
Hermanbagus7 Desember 2012 pukul 15.38
wow keren nih sob :)
BalasHapus
Balasan
Misbah7 Desember 2012 pukul 17.15
keren genk,......... :D
BalasHapus
Balasan
Unknown7 Desember 2012 pukul 17.57
selamat pagi genk yang smart..
aku suka sekali postingan ini..
btw templatenya baru lagi yah..
mantap genk.. :)
BalasHapus
Balasan
Yogi Prasetian7 Desember 2012 pukul 20.00
sebenarnya sih kurang faham sama yang beginian.,

ntar aku pelajari lagi deh.,

makasih ya gan infonya.,
BalasHapus
Balasan
agusbg7 Desember 2012 pukul 20.17
tampilan menu jadi lebih menarik ya sobat, tampak lebih bagus...
BalasHapus
Balasan
NF7 Desember 2012 pukul 23.36
pengen nyoba nih kalo ada tutorial gini, tapi takut blog jadi keramean bin lola :D
BalasHapus
Balasan
Unknown7 Desember 2012 pukul 23.46
keren genk mau coba dlu ahh thx ya
BalasHapus
Balasan
Nova8 Desember 2012 pukul 00.33
Kunjungan sore,
Kunjung balik yaa gan ._.
BalasHapus
Balasan
Unknown8 Desember 2012 pukul 02.32
bagus nih sob artikelx
BalasHapus
Balasan
Beben Koben8 Desember 2012 pukul 03.38
wuih ganti template maning!!!
ck ck ck
BalasHapus
Balasan
Asuka8 Desember 2012 pukul 03.55
wah, keren nih kawan....
BalasHapus
Balasan
vlog media news8 Desember 2012 pukul 05.00
malam genk keren ya CSS3 multi-3D menunya..
BalasHapus
Balasan
Stiker Jalingkut8 Desember 2012 pukul 07.13
Cik@ trmks knjungannya genk'y sukses selalu buat anda genk.
BalasHapus
Balasan
Unknown8 Desember 2012 pukul 22.21
selamat siang genk..,aku mesti bilang wooow untuk ilmu yang ada di blog ini.., ijin aku serap dan kucatat dalam perpustakaanku..salam blogger..!!
BalasHapus
Balasan
Stiker Jalingkut9 Desember 2012 pukul 00.52
Li Bebek@ trmkas dah spot dan berknjung genk. silakan kalu berminat genk slam bloger juga genk..
BalasHapus
Balasan
Unknown9 Desember 2012 pukul 19.10
Ijin nyimak sob sekalian jalan-jalan siang...!
BalasHapus
Balasan
Zeal*Liyanfury9 Desember 2012 pukul 21.24
wow kereen... :D :D
BalasHapus
Balasan
Luhur Fatah11 Desember 2012 pukul 03.23
Maaf bang Saya Baru Bisa Berkunjung ke blog abang sekarang....
Karena kemarin2 ada tugas..

Artikel yg Sangat Bagus dan patut di acungi banyak jempolll......!!
BalasHapus
Balasan
Dannesya15 Desember 2012 pukul 20.36
blognya berat susah di buka bagi pengguna layanan internet lemot sprt saya... maaf ya saran saja
BalasHapus
Balasan
Stiker Jalingkut15 Desember 2012 pukul 20.52
Zeal*Liyanfury@ trmkasi spot nya kawan
BalasHapus
Balasan
Stiker Jalingkut15 Desember 2012 pukul 20.53
luhur fatah@ siang sobat gk pa2 sobat yng pntng dah datang heheh
BalasHapus
Balasan
Stiker Jalingkut15 Desember 2012 pukul 20.58
Annesya@ klau berat ntar kami bantu gendung'y
BalasHapus
Balasan
Anonim1 Februari 2013 pukul 02.03
Mantep sobb
Template nya bagus banget dan enteng
http://tips-gobel.blogspot.com

Gobel's Blog
BalasHapus
Balasan

Tambahkan komentar

1. Komentar SPAM Akan secepatnya dihapus
2. Pastikan untuk " Berlangganan Lewat Email "Atu FACEBOOK Selladrt"
3. Cek komentar masuk sebelum bertanya.
4. Link aktiv tidak akan berpungsi.
5. Bebas menyebarluaskan artikel tanpa persetujuan dari saya.
7. Bergabung dengan kami untuk menjadi member Klik " Join to Member "

TUTORIAL™

--✽-✽--WELCOME TO --✽-✽--

CSS3 multi-3D menu

{ 47 comentários... read them below or Comment }

Gabung Yuk

Labels

Mengenai Saya

Pengunjung

Labels

Pengikut