Şimdi Ara

Slider'in üstüne menü eklemek

Bu Konudaki Kullanıcılar:
3 Misafir - 3 Masaüstü
5 sn
2
Cevap
0
Favori
801
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
0 oy
Öne Çıkar
Sayfa: 1
Giriş
Mesaj
  • Arkadaşlar Sliderin üstüne menü nasıl ekleyebilirim yardımcı olabilir misiniz ?
    Yapamıyorum bir türlü Menü sliderin altında filan kalıyor Ve resimler ve menü yatay olarak ekranı kaplasın istiyorum nasıl yapabilirim ?

    <!DOCTYPE html> 
    <html lang="">
    <head>
    <title>ASL</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=no">
    <link href="layout/styles/layout.css" rel="stylesheet" type="text/css" media="all">
    <link href="css/shCore.css" rel="stylesheet" type="text/css" />
    <link href="css/shThemeDefault.css" rel="stylesheet" type="text/css" />
    <!-- Demo CSS -->
    <link rel="stylesheet" href="layout/styles/fonts/flexslider1.css" type="text/css" media="screen" />

    <!-- Modernizr -->
    <script src="layout/scripts/js/modernizr.js"></script>
    </head>
    <body id="top">
    <div id="topbar" class="hoc clear">
    <!-- ################################################################################################ -->
    <div class="fl_right">
    <ul class="nospace">
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=127970457&url=pages/en/index1.html" data-href="pages/en/index1.html">En</a></li>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=127970457&url=index.html" title="Login" data-href="index.html" title="Login">Tr</a></li>
    </ul>
    </div>
    <!-- ################################################################################################ -->
    </div>
    <header id="header" class="hoc clear">
    <!-- ################################################################################################ -->
    <div id="logo" class="fl_left" >
    <h1><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=127970457&url=index.html" data-href="index.html"><img src="images/demo/1.png"/></a></h1>
    </div>
    <nav id="mainav" class="fl_right">
    <ul class="clear">
    <li class="active"><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=127970457&url=index.html" data-href="index.html">ANA SAYFA</a></li>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=127970457&url=#" data-href="#">KURUMSAL</a>
    <ul>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=127970457&url=pages/kurumsal.html" data-href="pages/kurumsal.html">KURUMSAL</a></li>
    </ul>
    </li>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=127970457&url=#" data-href="#">HİZMETLER</a>
    <ul>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=127970457&url=pages/karaTas.html" data-href="pages/karaTas.html">KARAYOLU TAŞIMACILIĞI</a></li>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=127970457&url=pages/denTas.html" data-href="pages/denTas.html">DENİZYOLU TAŞIMACILIĞI</a></li>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=127970457&url=pages/havaTas.html" data-href="pages/havaTas.html">HAVAYOLU TAŞIMACILIĞI</a></li>
    </ul>
    </li>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=127970457&url=#" data-href="#">SEKTÖREL BİLGİLER</a>
    <ul>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=127970457&url=pages/disTicKisalt.html" data-href="pages/disTicKisalt.html">DIŞ TİCARET KISALTMALARI</a></li>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=127970457&url=pages/uld.html" data-href="pages/uld.html">ULD ÖLÇÜLERİ</a></li>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=127970457&url=pages/karHacHes.html" data-href="pages/karHacHes.html">KARGO HACİM HESAPLAMA</a></li>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=127970457&url=pages/tirOl.html" data-href="pages/tirOl.html">TIR ÖLÇÜLERİ</a></li>
    </ul>
    </li>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=127970457&url=#" data-href="#">İNSAN KAYNAKLARI</a>
    <ul>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=127970457&url=pages/isBas.html" data-href="pages/isBas.html">İŞ BAŞVURUSU</a></li>
    </ul>
    </li>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=127970457&url=#" data-href="#">İLETİŞİM</a>
    <ul>
    <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=127970457&url=pages/iletisim.html" data-href="pages/iletisim.html">İLETİŞİM BİLGİLERİ</a></li>
    </ul>
    </li>
    </ul>
    </nav>
    </header>
    <!--
    <div class="bgded overlay" style="background-image:url('images/demo/main1.jpg');">
    <div id="pageintro" class="hoc clear">
    <div class="flexslider basicslider">
    <ul class="slides">
    <li>
    <article>
    <img source="images/demo/main1.jpg">
    <h3 class="heading">Maximus dapibus justo</h3>
    </article>
    </li>
    <li>
    <article>
    <img source="images/demo/main1.jpg">
    <h3 class="heading">Imperdiet vitae suspendisse</h3>
    </article>
    </li>
    <li>
    <article>
    <img source="images/demo/main1.jpg">
    <h3 class="heading">Vivamus gravida ex quis</h3>
    </article>
    </li>
    </ul>
    </div>
    </div>
    </div> -->

    <div id="main" role="main">
    <section class="slider">
    <div class="flexslider">
    <ul class="slides">
    <li>
    <img src="images/demo/main1.jpg" />

    </li>
    <li>
    <img src="images/demo/main2.jpg" />
    </li>
    <li>
    <img src="images/demo/Main3.png" />
    </li>
    </ul>
    </div>
    </section>
    </div>

    <div class="wrapper row3">
    <section class="hoc container clear">

    <ul class="nospace group services">
    <li class="one_third first">
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=127970457&url=pages/havaTas.html" data-href="pages/havaTas.html"><img src="images/demo/air2.png"></a>
    <h6 class="heading">Air</h6>

    </article>
    </li>
    <li class="one_third">
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=127970457&url=pages/denTas.html" data-href="pages/denTas.html"><img src="images/demo/ship2.png"></a>
    <h6 class="heading">Sea</h6>
    </article>
    </li>
    <li class="one_third">
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=127970457&url=pages/karaTas.html" data-href="pages/karaTas.html"><img src="images/demo/land2.png"></a>
    <h6 class="heading">Land</h6>
    </article>
    </li>
    </ul>
    <div class="sectiontitle">

    ASL lojistik hakkında


    <p><strong>Tüm lojistik ihtiyaçlarınızda doğru çözüm;</strong><br> ASL LOJİSTİK

    ASL Lojistik, tüm lojistik ihtiyaçlarınız için en doğru seçimdir. ASL’ nin uzman ekibi tarafından deneyim ve teknoloji; hız, zaman ve maliyet avantajı ile birleştirilerek, kaliteli hizmet ilkesi izlenir. ASL Lojistik’ in firmanıza katacağı değerler; ASL ile tüm lojistik yükünüzü uzman kadromuza devrederek, Lojistik için ayırdığınız insan gücünü, finansmanı ve zamanı ana faaliyet alanınıza yönlendirebilirsiniz.

    ASL ile ürünlerinizi, pazarlama ve tedarik alanlarının her noktasına/noktasından en uygun maliyetle en hızlı şekilde ulaştırırsınız. ASL ile planlı ve zamanında teslimatla, stok seviyelerinizi minimuma indirerek stok maliyetlerinizde büyük avantaj sağlarsınız.

    ASL ile hasar ve kaybolma gibi riskleri ASL’ ye devrederek, beklenmeyen maliyetlerinizden kurtulursunuz.</p>
    </div>
    <!-- ################################################################################################ -->
    <div class="clear"></div>
    </section>
    </div>
    <!-- ################################################################################################ -->
    <!-- ################################################################################################ -->
    <!-- ################################################################################################ -->

    <!-- ################################################################################################ -->
    <!-- ################################################################################################ -->
    <!-- ################################################################################################ -->
    <div class="wrapper row5">
    <div id="copyright" class="hoc clear">
    <!-- ################################################################################################ -->
    <p class="fl_left">© 2017<a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=127970457&url=#" data-href="#">ASL</a></p>
    <p class="fl_right">ULUSLARARASI NAKLİYAT TRANSPORT LOJİSTİK İÇ ve DIŞ TİC. LTD.ŞTİ</p>
    <!-- ################################################################################################ -->
    </div>
    </div>
    <!-- ################################################################################################ -->
    <!-- ################################################################################################ -->
    <!-- ################################################################################################ -->
    <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=127970457&url=#top" data-href="#top"><i class="fa fa-chevron-up"></i></a>
    <!-- JAVASCRIPTS -->



    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.min.js">\x3C/script>')</script>

    <!-- FlexSlider -->
    <script defer src="layout/scripts/js/jquery.flexslider.js"></script>

    <script type="text/javascript">
    $(function(){
    SyntaxHighlighter.all();
    });
    $(window).load(function(){
    $('.flexslider').flexslider({
    animation: "slide",
    start: function(slider){
    $('body').removeClass('loading');
    }
    });
    });
    </script>


    <!-- Syntax Highlighter -->
    <script type="text/javascript" src="layout/scripts/js/shCore.js"></script>
    <script type="text/javascript" src="layout/scripts/js/shBrushXml.js"></script>
    <script type="text/javascript" src="layout/scripts/js/shBrushJScript.js"></script>

    <!-- Optional FlexSlider Additions -->
    <script src="layout/scripts/js/jquery.easing.js"></script>
    <script src="layout/scripts/js/jquery.mousewheel.js"></script>
    <script defer src="layout/scripts/js/demo.js"></script>



    <script src="layout/scripts/jquery.min.js"></script>
    <script src="layout/scripts/jquery.backtotop.js"></script>
    <script src="layout/scripts/jquery.mobilemenu.js"></script>
    <script src="layout/scripts/jquery.flexslider-min.js"></script>
    </body>
    </html>


    Kod böyle nasıl değiştirmem gerekiyor ?



  • 
Sayfa: 1
- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.