Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj18.09.2010, 12:32 (UTC)    
Mesaj konusu: Css Menü Yardım Edebilirmisiniz.. ?

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:

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.. ?

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.. ?

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:

bende bu vardı benzer diye koydum
______________
Mesaj20.09.2010, 15:42 (UTC)    
Mesaj konusu:

bu kodları nereye yazıcaz acaba yarıdm pls
Mesaj23.09.2010, 13:28 (UTC)    
Mesaj konusu:

mycfg yazmış:
bu kodları nereye yazıcaz acaba yarıdm pls


css Bölümüne
Mesaj23.09.2010, 17:22 (UTC)    
Mesaj konusu:

b-s profilimde msn adresim var. oradan ekleyin. yardım ederim. arkadaşlar.

iyi forumlar
______________
Emirhan Özgür...
Önceki mesajları göster:   


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