10 Tutorial Membuat Menu Dengan CSS
Menu adalah elemen penting pada sebuah website. Menu adalah petunjuk bagi pengunjung untuk menjelajah dan menemukan hal yang dicarinya pada sebuah website. Dengan CSS kita bisa membuat menu menjadi lebih menarik, dan lebih menyatu dengan keseluruhan desain website.
Ada beberapa cara membuat menu navigasi dengan menggunakan CSS. Kami mencoba merangkum beberapa tutorial membuat menu dengan menggunakan CSS
1. Turning List into Navigation.
Tutorial ini sangat berguna. Kita akan belajar bagaimana mengubah CSS List menjadi Menu Bar. Dan yang menarik adalah dengan dasar ini kita bisa membuat menu bar pada CMS seperti wordpress, joomla, dan sebagainya, karena biasanya CMS meng-generate menu dalam bentuk list. Tutorial lengkapnya ada disini.
2. Advance Menu CSS
Ilustrasi atau image juga bisa menjadi menu navigasi yang menarik, pada tutorial ini kita akan belajar bagaimana tekniknya. Tutorial selengkapnya bisa dilihat disini.
3. Advanced CSS menu Trick
Tutorial ini mengajarkan bagaimana membuat menu navigasi dengan efek blur. Selengkapnya bisa dilihat disini.
4. Javascript Dropdown menu with multilevels
Tutorial ini mengajarkan bagaimana membuat dropdown menu dengan CSS dan javascript. Cocok bagi yang ingin belajar kombinasi CSS dengan Javascript. Tutorial selengkapnya bisa dilihat disini.
5. Dropdown menu with jquery and CSS
Implementasi Jquery dan CSS untuk membuat Dropdown menu yang cantik . Selengkapnya ada disini.
6. CSS Sprites navigation tutorial
Tutorial ini menggunakan CSS Sprite untuk membuat menu, ini adalah teknik yang perlu untuk dipelajari. Tutorial selengkapnya ada disini.
7. CSS dock menu
Tutorial ini mengajarkan bagaimana membuat menu navigasi ala Mac. Dengan sedikit efek animasi, kita bisa mempercantik website tanpa harus menggunakan flash. Tutorial selengkapnya bisa didapat disini.
8. TAB menu navigation
Tutorial ini mengajarkan bagaimana membuat TAB menu dengan CSS dan Javascript. Teknik ini sangat berguna dan perlu dipelajari, karena banyak manfaat dari TAB menu pada website, dan mungkin suatu saat kita akan membutuhkannya. Tutorial selengkapnya bisa dilihat disini.
9. Matte CSS menu
Satu lagi tutorial membuat menubar dengan CSS. Tutorial dasar ini layak untuk dipelajari, dan faktanya menu yang sederhana seperti ini cocok sekali untuk website dengan desain yang simple. Tutorial selengkapnya bisa dilihat disini.
10. CSS menu map
Salah satu implementasi CSS yang kreatif. Alih-alih berbentuk menubar, tutorial ini membahas bagaimana membuat navigasi dalam bentuk lain. Tutorial selengkapnya ada disini.
HomeSPREAD THIS !
Komentar
wah… ini dia yang saya cari……
mas thank u
wuih, thanks berat nih om, tapi kalo di pasang di blog bisa kan?
Mangstabb gan…. ijin sedott yaaaa….
wah keren nehhh
kebanyakan tutornya dalam bahasa inggris nih hohoho
waw…keren…thanx nih…
baru lihat koleksi light menu yang lengkap ini~ yogya memang idenya yang keren-keren~ terimakasih banyak untuk sharingnya~
I love your writing style genuinely loving this internet site .
wah mantap, terimakasih
makasih bro buat tutorial nya..nice…!
thankyou ya,dah ngasih pelajaran yang berharga
weeedann men.. thanks banget nich gan… sumber yang sangat bermanfaat..
muantaf boss akan di coba mudah mudahan berhasilllll
I like it…^^
Wah, Mantabs untuk menambah design WEB ku … Terima Kasih . . .
Makasih infonya kawan,ane lansung coba yach,mudah-mudahan berhasil.Salam kenal and Happy blogging.
wah…..keren2….ane coba ah…
thanks for the knowledge is helpful, silahka visit my blog too.
Thank’s
thanks infonya
Mancapppp!!!!!!!!!!!!!!!!!!!!!!!!!!<3
alhamdulillah ketemu juga. makasih buat yang punya blog ini, menyajikan dengan sebenar-benarnya menyajikan untuk yang mencari tutorial.. terus berbagi dan mencerdaskan