bycitys - Fazla Menülü Tasarım

Fazla Menülü Tasarım

ÖNİZLEMEYE GİTMEK İÇİN TIKLAYINIZ

Tasarımın Üzerindeki Yazı

<link href="http://omba.pf-control.de/stationshop/css/templatemo_style.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" type="text/css" href="http://omba.pf-control.de/stationshop/css/ddsmoothmenu.css" />  <script type="text/javascript" src="http://omba.pf-control.de/stationshop/js/jquery.min.js"></script> <script type="text/javascript" src="http://omba.pf-control.de/stationshop/js/ddsmoothmenu.js">  /*********************************************** * Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code ***********************************************/  </script>  <script language="javascript" type="text/javascript"> function clearText(field) {     if (field.defaultValue == field.value) field.value = '';     else if (field.value == '') field.value = field.defaultValue; } </script>  <script type="text/javascript">  ddsmoothmenu.init({         mainmenuid: "top_nav", //menu DIV id         orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"         classname: 'ddsmoothmenu', //class added to menu's outer DIV         //customtheme: ["#1c5a80", "#18374a"],         contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"] })  </script>  <link rel="stylesheet" type="text/css" media="all" href="http://omba.pf-control.de/stationshop/css/jquery.dualSlider.0.2.css" />  <script src="http://omba.pf-control.de/stationshop/js/jquery-1.3.2.min.js" type="text/javascript"></script> <script src="http://omba.pf-control.de/stationshop/js/jquery.easing.1.3.js" type="text/javascript"></script> <script src="http://omba.pf-control.de/stationshop/js/jquery.timers-1.2.js" type="text/javascript"></script> <script src="http://omba.pf-control.de/stationshop/js/jquery.dualSlider.0.3.min.js" type="text/javascript"></script>  <script type="text/javascript">      $(document).ready(function() {          $(".carousel").dualSlider({             auto:true,             autoDelay: 6000,             easingCarousel: "swing",             easingDetails: "easeOutBack",             durationCarousel: 1000,             durationDetails: 600         });      });  </script>  <div id="templatemo_wrapper">         <div id="templatemo_header">              <div id="site_title">                 <h1><a href="http://www.omba.de.tl">Dein Titel hier!</a></h1>         </div>          <div id="header_right">                 <a href="#">My Account</a> | <a href="#">My Wishlist</a> | <a href="#">My Cart</a> | <a href="#">Checkout</a> | <a href="#">Log In</a>                 </div>          <div class="cleaner"></div>     </div>       <div id="templatemo_menu">             <div id="top_nav" class="ddsmoothmenu">             <ul>                 <li><a href="index.html" class="selected">Home</a></li>                 <li><a href="products.html">Products</a>                     <ul>                         <li><a href="http://www.templatemo.com/page/1">Sub menu 1</a></li>                         <li><a href="http://www.templatemo.com/page/2">Sub menu 2</a></li>                         <li><a href="http://www.templatemo.com/page/3">Sub menu 3</a></li>                   </ul>                 </li>                 <li><a href="about.html">About</a>                     <ul>                         <li><a href="http://www.templatemo.com/page/1">Sub menu 1</a></li>                         <li><a href="http://www.templatemo.com/page/2">Sub menu 2</a></li>                         <li><a href="http://www.templatemo.com/page/3">Sub menu 3</a></li>                         <li><a href="http://www.templatemo.com/page/4">Sub menu 4</a></li>                         <li><a href="http://www.templatemo.com/page/5">Sub menu 5</a></li>                   </ul>                 </li>                 <li><a href="faqs.html">FAQs</a></li>                 <li><a href="checkout.html">Checkout</a></li>                 <li><a href="contact.html">Contact</a></li>             </ul>             <br style="clear: left" />         </div>          <div id="menu_second_bar">                 <div id="top_shopping_cart">                     Shopping Cart: <strong>3 Products</strong> ( <a href="#">Show Cart</a> )             </div>                 <div id="templatemo_search">                 <form action="#" method="get">                   <input type="text" value="Search" name="keyword" id="keyword" title="keyword" onfocus="clearText(this)" onblur="clearText(this)" class="txt_field" />                   <input type="submit" name="Search" value=" Search " alt="Search" id="searchbutton" title="Search" class="sub_btn"  />                 </form>             </div>             <div class="cleaner"></div>             </div>     </div>       <div id="templatemo_middle" class="carousel">             <div class="panel">                                  <div class="details_wrapper">                                          <div class="details">                                                  <div class="detail">                                                         <h2><a href="#">Station Shop</a></h2>                             <p><a href="http://www.templatemo.com/">Station Shop</a> is free css template provided by <a href="http://www.templatemo.com/">templatemo.com</a> for your personal or commercial websites. Sed aliquam arcu. Donec urna massa, cursus et mattis at, mattis quis lectus. </p>                                                         <a href="#" title="Read more" class="more">Read more</a>                                                 </div>                                                  <div class="detail">                                                         <h2><a href="#">Fusce hendrerit</a></h2>                             <p>Duis dignissim tincidunt turpis eget pellentesque. Nulla consectetur accumsan facilisis. Suspendisse et est lectus, at consectetur sem.</p>                                                         <a href="#" title="Read more" class="more">Read more</a>                                                 </div>                                                  <div class="detail">                                                         <h2><a href="#">Aenean massa cum</a></h2>                             <p>Sed vel interdum sapien. Aliquam consequat, diam sit amet iaculis ultrices, diam erat faucibus dolor, quis auctor metus libero vel mi.</p>                                                         <a href="#" title="Read more" class="more">Read more</a>                                                 </div>                                          </div>                                  </div>                                  <div class="paging">                                         <div id="numbers"></div>                                         <a href="javascript:void(0);" class="previous" title="Previous" >Previous</a>                                         <a href="javascript:void(0);" class="next" title="Next">Next</a>                                 </div>                                  <a href="javascript:void(0);" class="play" title="Turn on autoplay">Play</a>                                 <a href="javascript:void(0);" class="pause" title="Turn off autoplay">Pause</a>                          </div>                          <div class="backgrounds">                                  <div class="item item_1">                                         <img src="http://omba.pf-control.de/stationshop/js/slider/01.jpg" alt="Slider 01" />                                 </div>                                  <div class="item item_2">                                         <img src="http://omba.pf-control.de/stationshop/js/slider/02.jpg" alt="Slider 02" />                                 </div>                                  <div class="item item_3">                                         <img src="http://omba.pf-control.de/stationshop/js/slider/03.jpg" alt="Slider 03" />                                 </div>                          </div>     </div>       <div id="templatemo_main">                    <div id="sidebar" class="float_l">                 <div class="sidebar_box"><span class="bottom"></span>                     <h3>Categories</h3>                 <div class="content2">                         <ul class="sidebar_list">                             <li class="first"><a href="#">Aenean varius nulla</a></li>                         <li><a href="#">Cras mattis arcu</a></li>                         <li><a href="#">Donec turpis ipsum</a></li>                         <li><a href="#">Fusce sodales mattis</a></li>                         <li><a href="#">Maecenas et mauris</a></li>                         <li><a href="#">Mauris nulla tortor</a></li>                         <li><a href="#">Nulla odio ipsum</a></li>                         <li><a href="#">Nunc ac viverra nibh</a></li>                         <li><a href="#">Praesent id venenatis</a></li>                         <li><a href="#">Quisque odio velit</a></li>                         <li><a href="#">Suspendisse posuere</a></li>                         <li><a href="#">Tempus lacus risus</a></li>                         <li><a href="#">Ut tincidunt imperdiet</a></li>                         <li><a href="#">Vestibulum eleifend</a></li>                         <li class="last"><a href="#">Velit mi rutrum diam</a></li>                     </ul>                 </div>             </div>             <div class="sidebar_box"><span class="bottom"></span>                     <h3>Best Sellers </h3>                <div class="bs_box">                     <br /> <center>  In Dieser Box kann ihr Inhalt stehen! <br />                      Einfach zwischen den beiden "Center" den Inhalt schreiben. <br />                      Den text können Sie bei Text über dem Design fast ganz unten bearbeiten.                       </center>                          </div>                 </div>             </div>         </div>

Tasarımın Altındaki Yazı:

CSS-Code:

Bugün 7 ziyaretçi (10 klik) kişi burdaydı!

Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?

Ücretsiz kaydol