• 01-12-2017, 11:26:00
    #1
    Merhaba mobil menü uyarlaması yapmaya çalıştım ançak yapamadım

    Bu şekilde bir html var bu bölümleri bu php koduna nasıl uyarlarım


    <div class="mobilNavContainer" id="mobilNavContainer"> <div class="mobilMenu"><link rel="stylesheet" type="text/css" href="css/mobil/mobilmenu.css" /> <script src="scripts/mobil/mobilmenulib.js"></script> <div class="toggleBtn"> <a href="#" id="openToggle" class="openToggle"></a> </div> <nav id="mobilNav" class="mobilNav"> <div class="mobilNavContent"> <h2 class="navTitle">DERMEZ <span>TEKNİK</span></h2> <ul> <li><a href="index-2.html">ANA SAYFA</a></li> <li> <a href="#">KURUMSAL</a> <div class="mobilNavContent"> <h2 class="navTitle">KURUMSAL</h2> <a class="navBack" href="#">Geri</a> <ul> <li><a href="sayfa.html">Hakkımızda</a></li> </ul> </div> </li> <li><a href="#">HİZMETLERİMİZ</a></li> <li> <a href="#">ÜRÜNLERİMİZ</a> <div class="mobilNavContent"> <h2 class="navTitle">ÜRÜNLERİMİZ</h2> <a class="navBack" href="#">Geri</a> <ul> <li><a href="urunler.html">Bosch Çamaşır Makinesi</a></li> <li><a href="urunler.html">Arçelik Buzdolabı</a></li> <li><a href="urunler.html">Vaillant Kombi</a></li> <li><a href="urunler.html">Klima</a></li> </ul> </div> </li> <li><a href="#">KALİTE GÜVENCESİ</a></li> <li><a href="iletisim.html">İLETİŞİM BİLGİLERİMİZ</a></li> </ul> <div class="mobilMenuLogo"><a href="index-2.html"><img src="images/logo.png"></a></div> <div class="mobilSocial"> <div class="mobilSocialContent"> <a href="#"><i class="fa fa-facebook-square"></i></a> <a href="#"><i class="fa fa-twitter-square"></i></a> <a href="#"><i class="fa fa-google-plus-square"></i></a> <a href="#"><i class="fa fa-linkedin-square"></i></a> </div> </div> </div> </nav> <script src="scripts/mobil/mobilmenu.jquery.js"></script> <script src="scripts/mobil/mobilmenu.js"></script> <script> new mlPushMenu( document.getElementById( 'mobilNav' ), document.getElementById( 'openToggle' ) ); </script></div>

    ############## Üst Menüler ################## function mobil($gelen){ #Üst Basliklar Göster $ana_basliklar_sql = mysql_query("select * from $GLOBALS[baslik_tbl] where ust_baslik_id IN( '0','1' ) and gorunurluk = '1' order by sira asc"); while ($ana_basliklar = mysql_fetch_array($ana_basliklar_sql)){ if ($ana_basliklar[modul]=='target') {$target = ' target="_blank "';} if ($ana_basliklar[link]==''){$link = "".$ana_basliklar[sef_0]."-".$ana_basliklar[id].".html";} else{$link = $ana_basliklar[link];} echo '<li class="detail"><a class="second" '.$target.' href="'.$link.'">'.temizle($ana_basliklar[baslik_.$GLOBALS[lang]]).'</a>'; #Alt Basliklar if ($ana_basliklar[id]!=24){ $alt_basliklar_sql = mysql_query("select * from $GLOBALS[baslik_tbl] where ust_baslik_id = '$ana_basliklar[id]' and gorunurluk = '1' order by sira asc"); $alt_baslik_say = mysql_num_rows($alt_basliklar_sql); if ($alt_baslik_say>0){ echo'<ul>'; while ($alt_basliklar = mysql_fetch_array($alt_basliklar_sql)){ if ($alt_basliklar[modul]=='target') {$target = ' target="_blank "';} if ($alt_basliklar[link]==''){$link = "".$alt_basliklar[sef_0]."-".$alt_basliklar[id].".html";} else{$link = $alt_basliklar[link];} echo '<li class="detail"> <a class="second" '.$target.' href="'.$link.'"><i class="icon fa fa-angle-right"></i>'.temizle($alt_basliklar[baslik_.$GLOBALS[lang]]).'</a>'; #Alt Basliklar Alt Başlığı if ($alt_basliklar[id]!=24){ $alt2_basliklar_sql = mysql_query("select * from $GLOBALS[baslik_tbl] where ust_baslik_id = '$alt_basliklar[id]' and gorunurluk = '1' order by sira asc"); $alt2_baslik_say = mysql_num_rows($alt2_basliklar_sql); if ($alt2_baslik_say>0){ echo'<ul>'; while ($alt2_basliklar = mysql_fetch_array($alt2_basliklar_sql)){ if ($alt2_basliklar[modul]=='target') {$target = ' target="_blank "';} if ($alt2_basliklar[link]==''){$link = "".$alt2_basliklar[sef_0]."-".$alt2_basliklar[id].".html";} else{$link = $alt2_basliklar[link];} echo '<li class="detail" > <a class="second" '.$target.' href="'.$link.'"><i class="icon fa fa-angle-right"></i>'.temizle($alt2_basliklar[baslik_.$GLOBALS[lang]]).'</a></li>'; } echo'</ul>'; } } echo'</li>'; } echo'</ul>'; } echo'</li>'; } } echo'</ul>'; }
  • 01-12-2017, 11:52:20
    #2
    https://www.w3schools.com/howto/tryi...yhow_js_topnav burayı incele. Yardımı dokunacaktır.