MY
WAPMASTER

Free Online Tools And Generator

Contact
my wapmaster selekeh

Tips
Jika mendapati halaman blank ( blank Page ) silahkan gunakan halaman VERSI DASAR Kami. ×

membuat menu navigation responsive paling responsive mobile bag.2

css responsive, menu for your mobile site navigation

selamat sore teman-teman sedunia, sebangsa dan setanah air di manapun berada, pada kesempatan ini saya akan melanjutkan pembahasan tentang membuat menu navigasi responsive tampilan Mobile, sesuai judul responsive paling responsive, itu pendapat saya karena menu ini dengan menggunakan css saja tanpa bantuan script atau jquery, sehingga hasilnya begitu baik, tentu dari segi loading super ringan pastinya, menu navigasi responsive ini karya http://codepenepen.io/olach.



menuresp-2a.jpeg
Tampilan Menu Responsive Mobile sebelum diklik


menuresp-2b.jpeg
Tampilan Menu Responsive Mobile setelah diklik

sebanyak apapun link yang ditambahkan menu tersebut akan menyesuaikan diri mengikuti tampilan yang ada.

<link rel="stylesheet" href="MenuResponsive-2.css"> <nav id="menu"> <ul id="menu-closed"> <li><a href="http://ykub.xtgem.com">Home</a></li> <li><a href="/Blog">Blog</a></li> <li><a href="/guest">Guestbook</a></li> <li><a href="/contact">Contact</a></li> <li><a href="/about.xhtml">About Me</a></li> <li><a href="/service">Add Site</a></li> <li><a href="/Home">Wapmaster</a></li> <li><a href="/Sobat">Partner</a></li> <li><a href="#menu-closed">&#215; Close menu</a></li> <li><a href="#menu">&#9776; Menu</a></li> </ul> </nav>


<link rel="stylesheet" href="MenuResponsive-2.css">
<nav id="menu">
  <ul id="menu-closed">
    <li><a href="http://ykub.xtgem.com">Home</a></li>
    <li><a href="/Blog">Blog</a></li>
    <li><a href="/guest">Guestbook</a></li>
    <li><a href="/contact">Contact</a></li>
    <li><a href="/about.xhtml">About Me</a></li>
    <li><a href="/service">Add Site</a></li>
    <li><a href="/Home">Wapmaster</a></li>
    <li><a href="/Sobat">Partner</a></li>
    <li><a href="#menu-closed">&#215; Close menu</a></li>
    <li><a href="#menu">&#9776; Menu</a></li>
  </ul>
</nav>

√ Download MenuResponsive-2.css



Membuat menu navigasi responsive bagian 1





Back to posts

Comments:

:

Wah keren ****** .. izin comot ya ..

Owh ya mksh ya untuk CSS import xtgem nya .. udh saya terapkan tp kmren gk kburu bilang mksh .. krna kuota kburu limit hehe .
Nah masalahnya .. knpa ya .. css impor yg agan pke .. ko bagian category dan profil gk tampil ? Stlah saya pasang menu dropdown di bagian header .. apa pengaruh ya css nya jd bentrok hhehe .. tolong bantu donk ****** .. lihat jga ya blig xtgem ku .. kesalahan nya kira2 dimana ya ..

Makasih

:

Ya bentrok itu, ubah aj selektor pada dropdown. Mksh




Total Average Rating:
star star
2.3 Out Of 5
Total Votes: 415
Your Rating:

My Wapmaster
Rating 4 stars
Deskripsi
Author
Keywords Generator, Widget, wapmaster tools

Share
Navigation


My Wapmaster merupakan Wapsite layanan online umpan web, yang terdiri dari tools atau alat pengelola untuk blogger, serta tutorial publikasi lain yang berbasis web.

Random Berita

Iraq ferry sinking: 'More than 70 dead' in Tigris river
Stapac Kalahkan Satria Muda di Game Pertama Final IBL
sang begal komentar xtgem itu bernama badwords
Css Konten jadi Menghilang Dengan Tombol Ex
Rumus Menghitung Em Dan Px Dalam Css
Monkey birth a step to saving fertility of boys with cancer



Teya Salat