Free Online Tools And Generator

Mywapmaster


☰ subc


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

membuat menu navigation responsive paling responsive mobile bag.2 Rated 4.5/5 based on 144 reviews
Diposkan pada 10-05-2016 22:29
Tags: css , responsive , xtgem
och4
22-05-2016 14:58

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

Mywapmaster (Author)
23-05-2016 06:12

Ya bentrok itu, ubah aj selektor pada dropdown. Mksh

Please login in order to post comments: Login | Signup


Close ×

Info

Note :

Do Not Copy Code Using Translator.
( Jangan Copy Code Menggunakan Translator Bahasa)

Please Like This Page

Terima Kasih