Forum'da ara:
Ara


Yazar Mesaj
Mesaj18.09.2010, 12:32 (UTC)    
Mesaj konusu: Css Menü Yardım Edebilirmisiniz.. ?
Alıntıyla Cevap Gönder
Arkadaşlar bu adresteki menüyü nasıl siteme uyarlıya bilirim ? B-sde yeniyimde. Wink

http://www.dynamicdrive.com/style/csslibrary/item/jquery_multi_level_css_menu_2/
↑
Mesaj18.09.2010, 12:41 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
Benim sitemede böyle bir menü koydum ben.
Menünün köprülerini falan ayarla upload edilecek yerler var onları yap sonra tasarımda yer beğen.O yeri tasrım kodlarının içinde bul ve oraya kodu ekle.
______________
Bir ulus, sımsıkı birbirine bağlı olmayı bildikçe yeryüzünde onu dağıtabilecek bir güç düşünülemez.
                                                                                                 
Mustafa Kemal ATATÜRK
↑
Mesaj18.09.2010, 12:45 (UTC)    
Mesaj konusu: Re: Css Menü Yardım Edebilirmisiniz.. ?
Alıntıyla Cevap Gönder
berkandesign yazmış:
Arkadaşlar bu adresteki menüyü nasıl siteme uyarlıya bilirim ? B-sde yeniyimde. Wink

http://www.dynamicdrive.com/style/csslibrary/item/jquery_multi_level_css_menu_2/


Arrow css koduna
Kod:
.menu{
   border:none;
   border:0px;
   margin:0px;
   padding:0px;
   font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
   font-size:14px;
   font-weight:bold;
   }
.menu ul{
   background:#333333;
   height:35px;
   list-style:none;
   margin:0;
   padding:0;
   }
   .menu li{
      float:left;
      padding:0px;
      }
   .menu li a{
      background:#333333 url("http://img834.imageshack.us/img834/7743/seperator.gif") bottom right no-repeat;
      color:#cccccc;
      display:block;
      font-weight:normal;
      line-height:35px;
      margin:0px;
      padding:0px 25px;
      text-align:center;
      text-decoration:none;
      }
      .menu li a:hover, .menu ul li:hover a{
         background: #2580a2 url("http://img824.imageshack.us/img824/192/hoversub.gif") bottom center no-repeat;
         color:#FFFFFF;
         text-decoration:none;
         }
   .menu li ul{
      background:#333333;
      display:none;
      height:auto;
      padding:0px;
      margin:0px;
      border:0px;
      position:absolute;
      width:225px;
      z-index:200;
      /*top:1em;
      /*left:0;*/
      }
   .menu li:hover ul{
      display:block;
       
      }
   .menu li li {
      background:url('http://img831.imageshack.us/img831/9938/subsep.gif
') bottom left no-repeat;
      display:block;
      float:none;
      margin:0px;
      padding:0px;
      width:225px;
      }
   .menu li:hover li a{
      background:none;
       
      }
   .menu li ul a{
      display:block;
      height:35px;
      font-size:12px;
      font-style:normal;
      margin:0px;
      padding:0px 10px 0px 15px;
      text-align:left;
      }
      .menu li ul a:hover, .menu li ul li:hover a{
         background:#2580a2 url('http://img824.imageshack.us/img824/192/hoversub.gif') center left no-repeat;
         border:0px;
         color:#ffffff;
         text-decoration:none;
         }
   .menu p{
      clear:left;
      }   



Arrow menünü görünmesini istediğin yere yerleştir

Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
   <meta http-equiv="content-type" content="text/html; charset=utf-8" />
   <title></title>
   <link rel="stylesheet" href="menu_style.css" type="text/css" />
</head>
<body>
   <br>
   <br>
   <div class="menu">
      <ul>
         <li><a href="#" >Home</a></li>
         <li><a href="#" id="current">Products</a>
            <ul>
               <li><a href="#">Drop Down CSS Menus</a></li>
               <li><a href="#">Horizontal CSS Menus</a></li>
               <li><a href="#">Vertical CSS Menus</a></li>
               <li><a href="#">Dreamweaver Menus</a></li>
            </ul>
        </li>
         <li><a href="/faq.php">FAQ</a>
                <ul>
                <li><a href="#">Drop Down CSS Menus</a></li>
                <li><a href="#">Horizontal CSS Menus</a></li>
                <li><a href="#">Vertical CSS Menus</a></li>
                <li><a href="#">Dreamweaver Menus</a></li>
                </ul>
          </li>
         <li><a href="/contact/contact.php">Contact</a></li>
      </ul>
   </div>
 
</body>
</html>

______________
↑
Mesaj18.09.2010, 13:03 (UTC)    
Mesaj konusu: Re: Css Menü Yardım Edebilirmisiniz.. ?
Alıntıyla Cevap Gönder
oyunezel yazmış:
berkandesign yazmış:
Arkadaşlar bu adresteki menüyü nasıl siteme uyarlıya bilirim ? B-sde yeniyimde. Wink

http://www.dynamicdrive.com/style/csslibrary/item/jquery_multi_level_css_menu_2/


Arrow css koduna
Kod:
.menu{
   border:none;
   border:0px;
   margin:0px;
   padding:0px;
   font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
   font-size:14px;
   font-weight:bold;
   }
.menu ul{
   background:#333333;
   height:35px;
   list-style:none;
   margin:0;
   padding:0;
   }
   .menu li{
      float:left;
      padding:0px;
      }
   .menu li a{
      background:#333333 url("http://img834.imageshack.us/img834/7743/seperator.gif") bottom right no-repeat;
      color:#cccccc;
      display:block;
      font-weight:normal;
      line-height:35px;
      margin:0px;
      padding:0px 25px;
      text-align:center;
      text-decoration:none;
      }
      .menu li a:hover, .menu ul li:hover a{
         background: #2580a2 url("http://img824.imageshack.us/img824/192/hoversub.gif") bottom center no-repeat;
         color:#FFFFFF;
         text-decoration:none;
         }
   .menu li ul{
      background:#333333;
      display:none;
      height:auto;
      padding:0px;
      margin:0px;
      border:0px;
      position:absolute;
      width:225px;
      z-index:200;
      /*top:1em;
      /*left:0;*/
      }
   .menu li:hover ul{
      display:block;
       
      }
   .menu li li {
      background:url('http://img831.imageshack.us/img831/9938/subsep.gif
') bottom left no-repeat;
      display:block;
      float:none;
      margin:0px;
      padding:0px;
      width:225px;
      }
   .menu li:hover li a{
      background:none;
       
      }
   .menu li ul a{
      display:block;
      height:35px;
      font-size:12px;
      font-style:normal;
      margin:0px;
      padding:0px 10px 0px 15px;
      text-align:left;
      }
      .menu li ul a:hover, .menu li ul li:hover a{
         background:#2580a2 url('http://img824.imageshack.us/img824/192/hoversub.gif') center left no-repeat;
         border:0px;
         color:#ffffff;
         text-decoration:none;
         }
   .menu p{
      clear:left;
      }   



Arrow menünü görünmesini istediğin yere yerleştir

Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
   <meta http-equiv="content-type" content="text/html; charset=utf-8" />
   <title></title>
   <link rel="stylesheet" href="menu_style.css" type="text/css" />
</head>
<body>
   <br>
   <br>
   <div class="menu">
      <ul>
         <li><a href="#" >Home</a></li>
         <li><a href="#" id="current">Products</a>
            <ul>
               <li><a href="#">Drop Down CSS Menus</a></li>
               <li><a href="#">Horizontal CSS Menus</a></li>
               <li><a href="#">Vertical CSS Menus</a></li>
               <li><a href="#">Dreamweaver Menus</a></li>
            </ul>
        </li>
         <li><a href="/faq.php">FAQ</a>
                <ul>
                <li><a href="#">Drop Down CSS Menus</a></li>
                <li><a href="#">Horizontal CSS Menus</a></li>
                <li><a href="#">Vertical CSS Menus</a></li>
                <li><a href="#">Dreamweaver Menus</a></li>
                </ul>
          </li>
         <li><a href="/contact/contact.php">Contact</a></li>
      </ul>
   </div>
 
</body>
</html>


Bu menü başka..
↑
Mesaj18.09.2010, 13:09 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
bende bu vardı benzer diye koydum
______________
↑
Mesaj20.09.2010, 15:42 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
bu kodları nereye yazıcaz acaba yarıdm pls
↑
Mesaj23.09.2010, 13:28 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
mycfg yazmış:
bu kodları nereye yazıcaz acaba yarıdm pls


css Bölümüne
↑
Mesaj23.09.2010, 17:22 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
b-s profilimde msn adresim var. oradan ekleyin. yardım ederim. arkadaşlar.

iyi forumlar
______________
Emirhan Özgür...
↑
Önceki mesajları göster:   
  • 1. sayfa (Toplam 1 sayfa)

  •  
    • Geçiş Yap:  


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu

© 2024 webme GmbH, Almanya, Tüm hakları saklıdır.