Forum'da ara:
Ara


Yazar Mesaj
Mesaj20.08.2009, 20:22 (UTC)    
Mesaj konusu: Css Menü.. ;)
Alıntıyla Cevap Gönder
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:
Alıntıyla Cevap Gönder
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:
Alıntıyla Cevap Gönder
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:
Alıntıyla Cevap Gönder
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:
Alıntıyla Cevap Gönder
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:
Alıntıyla Cevap Gönder
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:
Alıntıyla Cevap Gönder
Ben Spor-Dostu Bu Diqér Sitem.. Wink
↑
Mesaj20.08.2009, 20:46 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
resimleri upload et ve bi tasarıma geç olur
↑
Mesaj20.08.2009, 20:46 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
http://www.bedava-sitem.com/forum/viewtopic.php?t=60096
______________
↑
Mesaj21.08.2009, 10:11 (UTC)    
Mesaj konusu: Re: Css Menü.. ;)
Alıntıyla Cevap Gönder
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:
Alıntıyla Cevap Gönder
kardeş söledim
↑
Mesaj21.08.2009, 14:20 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
dibatasarim yazmış:
kardeş söledim



yeterince açıklayıcı olmamış diyelim...
______________
Seyahatnamem Çok Yakında..
↑
Ö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

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