Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj20.08.2009, 20:22 (UTC)    
Mesaj konusu: Css Menü.. ;)

Slm.. ArkadaşLar Ben Siteme Üst Menü UyquLuacam Menümde Hazır.
Ama Menümde İkitane Kod VeriLDi.. Biri Css Dié Biri De NormaL ßu KodLarı Nereye EkLicem.. Css Kısmına EqLedim Bir Kodu ve DiqéR Kodu'Da Ana Sayfaya EkLedim Ama Manü Çıkmadı.. Wink


KodLar..



Kod:
.menu{
   border:none;
   border:0px;
   margin:0px;
   padding:0px;
   font-family:verdana,geneva,arial,helvetica,sans-serif;
   font-size:14px;
   font-weight:bold;
   color:8e8e8e;
   }
.menu ul{
   background:url(images/menu-bg.gif) top left repeat-x;
   height:43px;
   list-style:none;
   margin:0;
   padding:0;
   }
   .menu li{
      float:left;
      }
   .menu li a{
      color:#666666;
      display:block;
      font-weight:bold;
      line-height:43px;
      padding:0px 25px;
      text-align:center;
      text-decoration:none;
      }
      .menu li a:hover{
         color:#000000;
         text-decoration:none;
         }
   .menu li ul{
      background:#e0e0e0;
      border-left:2px solid #0079b2;
      border-right:2px solid #0079b2;
      border-bottom:2px solid #0079b2;
      display:none;
      height:auto;
      filter:alpha(opacity=95);
      opacity:0.95;
      position:absolute;
      width:225px;
      z-index:200;
      /*top:1em;
      /*left:0;*/
      }
   .menu li:hover ul{
      display:block;
      }
   .menu li li {
      display:block;
      float:none;
      width:225px;
      }
   .menu li ul a{
      display:block;
      font-size:12px;
      font-style:normal;
      padding:0px 10px 0px 15px;
      text-align:left;
      }
      .menu li ul a:hover{
         background:#949494;
         color:#000000;
         opacity:1.0;
         filter:alpha(opacity=100);
         }
   .menu p{
      clear:left;
      }   
   .menu #current{
      background:url(images/current-bg.gif) top left repeat-x;
      color:#ffffff;
      }
      




BuDa DiqéR Kod..

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>
Mesaj20.08.2009, 20:25 (UTC)    
Mesaj konusu:

bu kodu ana sayfana tekrar ekle


Kod:
<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>
Mesaj20.08.2009, 20:29 (UTC)    
Mesaj konusu:

Bu Kodu Nereye EqLicez.. Wink

Kod:
.menu{
   border:none;
   border:0px;
   margin:0px;
   padding:0px;
   font-family:verdana,geneva,arial,helvetica,sans-serif;
   font-size:14px;
   font-weight:bold;
   color:8e8e8e;
   }
.menu ul{
   background:url(images/menu-bg.gif) top left repeat-x;
   height:43px;
   list-style:none;
   margin:0;
   padding:0;
   }
   .menu li{
      float:left;
      }
   .menu li a{
      color:#666666;
      display:block;
      font-weight:bold;
      line-height:43px;
      padding:0px 25px;
      text-align:center;
      text-decoration:none;
      }
      .menu li a:hover{
         color:#000000;
         text-decoration:none;
         }
   .menu li ul{
      background:#e0e0e0;
      border-left:2px solid #0079b2;
      border-right:2px solid #0079b2;
      border-bottom:2px solid #0079b2;
      display:none;
      height:auto;
      filter:alpha(opacity=95);
      opacity:0.95;
      position:absolute;
      width:225px;
      z-index:200;
      /*top:1em;
      /*left:0;*/
      }
   .menu li:hover ul{
      display:block;
      }
   .menu li li {
      display:block;
      float:none;
      width:225px;
      }
   .menu li ul a{
      display:block;
      font-size:12px;
      font-style:normal;
      padding:0px 10px 0px 15px;
      text-align:left;
      }
      .menu li ul a:hover{
         background:#949494;
         color:#000000;
         opacity:1.0;
         filter:alpha(opacity=100);
         }
   .menu p{
      clear:left;
      }   
   .menu #current{
      background:url(images/current-bg.gif) top left repeat-x;
      color:#ffffff;
      }
Mesaj20.08.2009, 20:34 (UTC)    
Mesaj konusu:

spor-dostu yazmış:
Bu Kodu Nereye EqLicez.. Wink

Kod:
.menu{
   border:none;
   border:0px;
   margin:0px;
   padding:0px;
   font-family:verdana,geneva,arial,helvetica,sans-serif;
   font-size:14px;
   font-weight:bold;
   color:8e8e8e;
   }
.menu ul{
   background:url(images/menu-bg.gif) top left repeat-x;
   height:43px;
   list-style:none;
   margin:0;
   padding:0;
   }
   .menu li{
      float:left;
      }
   .menu li a{
      color:#666666;
      display:block;
      font-weight:bold;
      line-height:43px;
      padding:0px 25px;
      text-align:center;
      text-decoration:none;
      }
      .menu li a:hover{
         color:#000000;
         text-decoration:none;
         }
   .menu li ul{
      background:#e0e0e0;
      border-left:2px solid #0079b2;
      border-right:2px solid #0079b2;
      border-bottom:2px solid #0079b2;
      display:none;
      height:auto;
      filter:alpha(opacity=95);
      opacity:0.95;
      position:absolute;
      width:225px;
      z-index:200;
      /*top:1em;
      /*left:0;*/
      }
   .menu li:hover ul{
      display:block;
      }
   .menu li li {
      display:block;
      float:none;
      width:225px;
      }
   .menu li ul a{
      display:block;
      font-size:12px;
      font-style:normal;
      padding:0px 10px 0px 15px;
      text-align:left;
      }
      .menu li ul a:hover{
         background:#949494;
         color:#000000;
         opacity:1.0;
         filter:alpha(opacity=100);
         }
   .menu p{
      clear:left;
      }   
   .menu #current{
      background:url(images/current-bg.gif) top left repeat-x;
      color:#ffffff;
      }


css bölümüne
Mesaj20.08.2009, 20:36 (UTC)    
Mesaj konusu:

css kodu olanı css bölümüne ekle..
html kodunuda nerde gözükmesini istiyorsan oraya ekle Wink
______________
Mesaj20.08.2009, 20:37 (UTC)    
Mesaj konusu:

ekLedim Ama oLmuyor.. Wink

Başka BöyLe MenüLer Nerden ßuLabiLirim.. Benim İstediğim Menünün Demosu.. RekLam için Özür BeyLer.
h

http://www.cssmenumaker.com/builder/menu_info.php?menu=055#
Mesaj20.08.2009, 20:38 (UTC)    
Mesaj konusu:

Ben Spor-Dostu Bu Diqér Sitem.. Wink
Mesaj20.08.2009, 20:46 (UTC)    
Mesaj konusu:

resimleri upload et ve bi tasarıma geç olur
Mesaj20.08.2009, 20:46 (UTC)    
Mesaj konusu:

Mesaj21.08.2009, 10:11 (UTC)    
Mesaj konusu: Re: Css Menü.. ;)

spor-dostu yazmış:
Slm.. ArkadaşLar Ben Siteme Üst Menü UyquLuacam Menümde Hazır.
Ama Menümde İkitane Kod VeriLDi.. Biri Css Dié Biri De NormaL ßu KodLarı Nereye EkLicem.. Css Kısmına EqLedim Bir Kodu ve DiqéR Kodu'Da Ana Sayfaya EkLedim Ama Manü Çıkmadı.. Wink


KodLar..



Kod:
.menu{
   border:none;
   border:0px;
   margin:0px;
   padding:0px;
   font-family:verdana,geneva,arial,helvetica,sans-serif;
   font-size:14px;
   font-weight:bold;
   color:8e8e8e;
   }
.menu ul{
   background:url(images/menu-bg.gif) top left repeat-x;
   height:43px;
   list-style:none;
   margin:0;
   padding:0;
   }
   .menu li{
      float:left;
      }
   .menu li a{
      color:#666666;
      display:block;
      font-weight:bold;
      line-height:43px;
      padding:0px 25px;
      text-align:center;
      text-decoration:none;
      }
      .menu li a:hover{
         color:#000000;
         text-decoration:none;
         }
   .menu li ul{
      background:#e0e0e0;
      border-left:2px solid #0079b2;
      border-right:2px solid #0079b2;
      border-bottom:2px solid #0079b2;
      display:none;
      height:auto;
      filter:alpha(opacity=95);
      opacity:0.95;
      position:absolute;
      width:225px;
      z-index:200;
      /*top:1em;
      /*left:0;*/
      }
   .menu li:hover ul{
      display:block;
      }
   .menu li li {
      display:block;
      float:none;
      width:225px;
      }
   .menu li ul a{
      display:block;
      font-size:12px;
      font-style:normal;
      padding:0px 10px 0px 15px;
      text-align:left;
      }
      .menu li ul a:hover{
         background:#949494;
         color:#000000;
         opacity:1.0;
         filter:alpha(opacity=100);
         }
   .menu p{
      clear:left;
      }   
   .menu #current{
      background:url(images/current-bg.gif) top left repeat-x;
      color:#ffffff;
      }
      




BuDa DiqéR Kod..

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>





ilk kodu css bölümüne 2. kodu tasarım üstüne eklersen olur sanırım üst menü zaten

ama resimleri upload etemen lazım.
______________
Seyahatnamem Çok Yakında..
Mesaj21.08.2009, 10:13 (UTC)    
Mesaj konusu:

kardeş söledim
Mesaj21.08.2009, 14:20 (UTC)    
Mesaj konusu:

dibatasarim yazmış:
kardeş söledim



yeterince açıklayıcı olmamış diyelim...
______________
Seyahatnamem Çok Yakında..
Önceki mesajları göster:   


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