Cara Membuat Menu Navigasi Kwicks Dengan jQuery.

Rabu, 06 Maret 2013

Cara Membuat Menu Navigasi Kwicks Dengan jQuery.

Cara Membuat Menu Navigasi Kwicks Dengan jQuery.

Berikut Screenshotnya :

Bagaimana tertarik untuk memasangnya di blog sobat,,?? Jika jawabannya ya silahkan ikuti langkah-langkah membuatnya di bawah ini :

Seperti biasanya masbro masuk dulu Dasboard >> Template >> Centang Expands Widget Templates

Lalu taruh kode berikut di atas ]]></b:skin>

.kwicks{height:50px;list-style:none;margin:0;padding:0;position:relative;width:840px;z-index:2
}
.kwicks li{cursor:pointer;display:block;float:left;height:50px;overflow:hidden;padding:0;width:120px;z-index:2}
.kwicks li a{background-image:url(http://4.bp.blogspot.com/-e1c5hdvd0MQ/TbgSHi-7EEI/AAAAAAAAAzs/Y9aTBHEgh84/s1600/menu%2Bjquery%2Bpelajaran%2Bblog.jpg
);background-repeat:no-repeat;cursor:pointer;display:block;height:50px;outline:none;text-indent:-9999px;z-index:2}
#kwick1 a:hover{background-position:0 -50px!important}
#kwick2 a{background-position:-190px 0}
#kwick2 a:hover{background-position:-190px -50px!important}
#kwick3 a{background-position:-380px 0}
#kwick3 a:hover{background-position:-380px -50px!important}
#kwick4 a{background-position:-570px 0}
#kwick4 a:hover{background-position:-570px -50px!important}
#kwick5 a{background-position:-760px 0}
#kwick5 a:hover{background-position:-760px -50px!important}
#kwick6 a{background-position:-950px 0}
#kwick6 a:hover{background-position:-950px -50px!important}
.kwicks li ul a{float:left;width:12em}
.kwicks ul ul{top:auto}
.kwicks li ul ul{left:12em;margin:0 0 0 10px}
.kwicks li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li li li li:hover ul{display:block
}

Kemudian cari kode <head> dan taruh kode jQuery berikut tepat di atasnya;

Selanjutnya sobat tinggal pilih mau di taruh dimana menunya misalnya di widget caranya Tambah Widget >> HTML/JavaScript and masukin deh kodenya nih ado di bawah :

Selanjutnya tinggal simpan,gimana guampang kan bikinnya,,??

Get free daily email updates!

Ikuti @Super_Sekali

Apakah anda suka dengan Cara Membuat Menu Navigasi Kwicks Dengan jQuery. ini?

Ditulis Oleh : Onedra Lokasi :Pekan Baru . Indonesia

Terimakasih anda telah membuka kategori blogger Title artikel ,Cara Membuat Menu Navigasi Kwicks Dengan jQuery. update ,Rabu, 06 Maret 2013 Dan saya ucapkan juga terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran berarti bagi kami dapat anda sampaikan melalui kotak komentar. Semoga Bermanfaat untuk anda. Butuh Tutorial lainya Silahkan Cek Headline Di Bawah Ini

<a href="https://kuansingfoundation.blogspot.com/2013/03/cara-membuat-menu-navigasi-kwicks.html" target="_blank">Cara Membuat Menu Navigasi Kwicks Dengan jQuery.</a>

Comments

0 Comments

The Tutorial Blogger

Rabu, 06 Maret 2013

Cara Membuat Menu Navigasi Kwicks Dengan jQuery.

Ditulis Oleh : Onedra Lokasi :Pekan Baru . Indonesia

Tidak ada komentar:

Posting Komentar

Cloud Labels

Popular Post

Pengikut