Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj17.02.2009, 09:07 (UTC)    
Mesaj konusu: Css Üst Menüdeki Sorunum .. Yardım !!

Arkadaşlar Bi Konudan Üst Menü Yaptımm Ve Siteme Gireseniz Görürsünüz Ordaki Üst Menüyü Ben Başlık Resmi İle Bitiik Olarak Hemen Altına Koymak İstiyorum Lütfen Yardım Eedin Arkadaşlar !
______________
Mesaj17.02.2009, 10:47 (UTC)    
Mesaj konusu:

menü kodlarında oynama yaparak yapabilirsin. yükseklik ayarlarıyla oyna biraz ozaman yaparsın "top" diye yazar okey.
Mesaj17.02.2009, 10:48 (UTC)    
Mesaj konusu:

Top ; ZAten 0 Dahada Fazla Olmuoo - 18 Mİ Yapsam Ki ? Smile Very Happy
______________
Mesaj17.02.2009, 10:53 (UTC)    
Mesaj konusu:

menü kodunu nereye ekledin tasarım üstünemi yoksa css kodu bölümüne mi?
Mesaj17.02.2009, 10:56 (UTC)    
Mesaj konusu:

Lütfen Yardımcı Olun Kodlaarıda Veriyorumm...

Tasarım Üzerindeki 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><title>IzzyMenu.com</title><script type="text/javascript" src="http://h1.ripway.com/goksentrgg/m5.js"></script>
<style>
#MainMenu
{
   height:1px;
   border:0;
   margin:0;
}
#tab
{
   top:0;
   height:0;
   background:repeat-x top;
   margin:0;
}
#tab ul
{
   list-style:none;
   float:left;
   margin:0;
   padding:0;
}
#tab li
{
   display:inline;
   float:left;
   margin:0;
   padding:0;
}
#tab a
{
   background:#000 url(http://img.webme.com/pic/g/gokseen/ebright_006.gif) no-repeat right top;
   text-decoration:none;
   border:0;
   display:block;
   float:left;
   margin:0;
   padding:0;
}
#tab a span
{
   display:block;
   background:url(http://img.webme.com/pic/g/gokseen/ebleft_006.gif) no-repeat left top;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#FFF;
   font-weight:700;
   line-height:34px;
   padding:0 20px;
}
#tab a:hover,#tab li.item_active a
{
   background-position:right bottom;
   border-color:#000;
}
#tab a:hover span,#tab li.item_active a span
{
   background-position:left bottom;
   color:#FFF;
   font-weight:700;
   font-style:normal;
   text-decoration:none;
}
.dropmenudiv
{
   position:absolute;
   top:0;
   float:left;
   display:block;
   visibility:hidden;
   border:0 #306;
   color:#FFF;
   z-index:100;
   text-decoration:none;
   padding:0;
}
.dropmenudiv ul
{
   list-style:none;
   margin:0;
   padding:0;
}
.dropmenudiv li
{
   display:inline;
   margin:0;
   padding:0;
}
.dropmenudiv a:link,.dropmenudiv a:visited
{
   width:180px;
   display:block;
   border:0 #000;
   color:#FFF;
   background:url(http://img.webme.com/pic/g/gokseen/ebleft_006.gif) no-repeat left top;
   font-weight:700;
   font-style:normal;
   text-decoration:none;
   margin:0;
   padding:0;
}
.dropmenudiv a span
{
   display:block;
   line-height:34px;
   background:url(http://img.webme.com/pic/g/gokseen/ebright_006.gif) no-repeat right top;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#FFF;
   float:none;
   padding:0 20px;
}
.dropmenudiv a:hover
{
   border:0 #000;
   background-position:left bottom;
   font-weight:700;
   font-style:normal;
   text-decoration:none;
   color:#FFF;
}
.dropmenudiv a:hover span
{
   background-position:right bottom;
   color:#FFF;
   font-weight:700;
}

</style></head><body>
<div id="MainMenu">
   <div id="tab">
      <ul>
         <li class="item_active"><a href="http://www.magix-oyun.tr.gg/"><span>Ana Sayfa</span></a></li>
         <li><a href="http://magix-oyun.tr.gg/Toplist.htm"><span>Toplist</span></a></li>
         <li><a href="http://magix-oyun.tr.gg/%3Cimg-src%3D-g-http-d--s--s-img-.-webme-.-com-s-pic-s-m-s-magix_oyun-s-icon2-.-gif-g-%3E--G.oe.r.ue.%26%23351%3Bleriniz--ar-.htm"><span> Z.Defteri</span></a></li>
<li><a href="http://magix-oyun.tr.gg/-.--.--d--d--Sava%26%23351%3B-%26-Aksiyon--d--d--.--.-.htm"><span>Aksiyon</span></a></li>
<li><a href="http://magix-oyun.tr.gg/-.--.--d--d--Araba-%26-Yar%26%23305%3B%26%23351%3B--d--d--.--.-.htm"><span>Yarış</span></a></li>
      <li><a href="http://magix-oyun.tr.gg/--.--.--d--d--Spor-Oyunlar%26%23305%3B--d--d--.--.-.htm"><span>Spor</span></a></li>
<li><a href="http://magix-oyun.tr.gg/--.--.--d--d--D.oe.v.ue.%26%23351%3B-Oyunlar%26%23305%3B--d--d--.--.-.htm"><span>Dövüş</span></a></li>
<li><a href="http://magix-oyun.tr.gg/%3Cimg-src%3D-g-http-d--s--s-yig-.-vo-.-llnwd-.-net-s-o25-s-kaisergames-s-images-s-start-s-fun-.-gif-g-%3E-.--.--d--d--E%26%23287%3Blenceli-%26-Komik--d--d--.--.-.htm"><span>Komik</span></a></li>
<li><a href="http://magix-oyun.tr.gg/%3Cimg-src%3D-g-http-d--s--s-www-.-oyun2oyun-.-com-s-caticons-s-beceri-.-png-g-%3E-.--.--d--d--Zeka-Oyunlar%26%23305%3B--d--d--.--.-.htm"><span>Zeka</span></a></li>
<li><a href="http://magix-oyun.tr.gg/-.--.--d--d--M.ue.zik-Oyunlar%26%23305%3B--d--d--.--.-.htm"><span>Müzik</span></a></li>
<li><a href="http://magix-oyun.tr.gg/-.--.--d--d--Di%26%23287%3Ber-Oyunlar--d--d--.--.-.htm"><span>Diğerleri</span></a></li>
      </ul>
   </div>
</div>


CSS ( Style tagları olmadan giriniz ) bölümündeki 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><title>IzzyMenu.com</title><script type="text/javascript" src="http://h1.ripway.com/goksentrgg/m5.js"></script>
<style>
#MainMenu
{
   height:1px;
   border:0;
   margin:0;
}
#tab
{
   top:0;
   height:0;
   background:repeat-x top;
   margin:0;
}
#tab ul
{
   list-style:none;
   float:left;
   margin:0;
   padding:0;
}
#tab li
{
   display:inline;
   float:left;
   margin:0;
   padding:0;
}
#tab a
{
   background:#000 url(http://img.webme.com/pic/g/gokseen/ebright_006.gif) no-repeat right top;
   text-decoration:none;
   border:0;
   display:block;
   float:left;
   margin:0;
   padding:0;
}
#tab a span
{
   display:block;
   background:url(http://img.webme.com/pic/g/gokseen/ebleft_006.gif) no-repeat left top;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#FFF;
   font-weight:700;
   line-height:34px;
   padding:0 20px;
}
#tab a:hover,#tab li.item_active a
{
   background-position:right bottom;
   border-color:#000;
}
#tab a:hover span,#tab li.item_active a span
{
   background-position:left bottom;
   color:#FFF;
   font-weight:700;
   font-style:normal;
   text-decoration:none;
}
.dropmenudiv
{
   position:absolute;
   top:0;
   float:left;
   display:block;
   visibility:hidden;
   border:0 #306;
   color:#FFF;
   z-index:100;
   text-decoration:none;
   padding:0;
}
.dropmenudiv ul
{
   list-style:none;
   margin:0;
   padding:0;
}
.dropmenudiv li
{
   display:inline;
   margin:0;
   padding:0;
}
.dropmenudiv a:link,.dropmenudiv a:visited
{
   width:180px;
   display:block;
   border:0 #000;
   color:#FFF;
   background:url(http://img.webme.com/pic/g/gokseen/ebleft_006.gif) no-repeat left top;
   font-weight:700;
   font-style:normal;
   text-decoration:none;
   margin:0;
   padding:0;
}
.dropmenudiv a span
{
   display:block;
   line-height:34px;
   background:url(http://img.webme.com/pic/g/gokseen/ebright_006.gif) no-repeat right top;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#FFF;
   float:none;
   padding:0 20px;
}
.dropmenudiv a:hover
{
   border:0 #000;
   background-position:left bottom;
   font-weight:700;
   font-style:normal;
   text-decoration:none;
   color:#FFF;
}
.dropmenudiv a:hover span
{
   background-position:right bottom;
   color:#FFF;
   font-weight:700;
}

</style></head><body>
<div id="MainMenu">
   <div id="tab">
      <ul>
         <li class="item_active"><a href="http://www.magix-oyun.tr.gg/"><span>Ana Sayfa</span></a></li>
         <li><a href="http://magix-oyun.tr.gg/Toplist.htm"><span>Toplist</span></a></li>
         <li><a href="http://magix-oyun.tr.gg/%3Cimg-src%3D-g-http-d--s--s-img-.-webme-.-com-s-pic-s-m-s-magix_oyun-s-icon2-.-gif-g-%3E--G.oe.r.ue.%26%23351%3Bleriniz--ar-.htm"><span> Z.Defteri</span></a></li>
<li><a href="http://magix-oyun.tr.gg/-.--.--d--d--Sava%26%23351%3B-%26-Aksiyon--d--d--.--.-.htm"><span>Aksiyon</span></a></li>
<li><a href="http://magix-oyun.tr.gg/-.--.--d--d--Araba-%26-Yar%26%23305%3B%26%23351%3B--d--d--.--.-.htm"><span>Yarış</span></a></li>
      <li><a href="http://magix-oyun.tr.gg/--.--.--d--d--Spor-Oyunlar%26%23305%3B--d--d--.--.-.htm"><span>Spor</span></a></li>
<li><a href="http://magix-oyun.tr.gg/--.--.--d--d--D.oe.v.ue.%26%23351%3B-Oyunlar%26%23305%3B--d--d--.--.-.htm"><span>Dövüş</span></a></li>
<li><a href="http://magix-oyun.tr.gg/%3Cimg-src%3D-g-http-d--s--s-yig-.-vo-.-llnwd-.-net-s-o25-s-kaisergames-s-images-s-start-s-fun-.-gif-g-%3E-.--.--d--d--E%26%23287%3Blenceli-%26-Komik--d--d--.--.-.htm"><span>Komik</span></a></li>
<li><a href="http://magix-oyun.tr.gg/%3Cimg-src%3D-g-http-d--s--s-www-.-oyun2oyun-.-com-s-caticons-s-beceri-.-png-g-%3E-.--.--d--d--Zeka-Oyunlar%26%23305%3B--d--d--.--.-.htm"><span>Zeka</span></a></li>
<li><a href="http://magix-oyun.tr.gg/-.--.--d--d--M.ue.zik-Oyunlar%26%23305%3B--d--d--.--.-.htm"><span>Müzik</span></a></li>
<li><a href="http://magix-oyun.tr.gg/-.--.--d--d--Di%26%23287%3Ber-Oyunlar--d--d--.--.-.htm"><span>Diğerleri</span></a></li>
      </ul>
   </div>
</div>

______________
Mesaj17.02.2009, 11:13 (UTC)    
Mesaj konusu:

css kodu bölümü
Kod:
#MainMenu
{
   height:1px;
   border:0;
   margin:0;
}
#tab
{
   top:0;
   height:0;
   background:repeat-x top;
   margin:0;
}
#tab ul
{
   list-style:none;
   float:left;
   margin:0;
   padding:0;
}
#tab li
{
   display:inline;
   float:left;
   margin:0;
   padding:0;
}
#tab a
{
   background:#000 url(http://img.webme.com/pic/g/gokseen/ebright_006.gif) no-repeat right top;
   text-decoration:none;
   border:0;
   display:block;
   float:left;
   margin:0;
   padding:0;
}
#tab a span
{
   display:block;
   background:url(http://img.webme.com/pic/g/gokseen/ebleft_006.gif) no-repeat left top;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#FFF;
   font-weight:700;
   line-height:34px;
   padding:0 20px;
}
#tab a:hover,#tab li.item_active a
{
   background-position:right bottom;
   border-color:#000;
}
#tab a:hover span,#tab li.item_active a span
{
   background-position:left bottom;
   color:#FFF;
   font-weight:700;
   font-style:normal;
   text-decoration:none;
}
.dropmenudiv
{
   position:absolute;
   top:0;
   float:left;
   display:block;
   visibility:hidden;
   border:0 #306;
   color:#FFF;
   z-index:100;
   text-decoration:none;
   padding:0;
}
.dropmenudiv ul
{
   list-style:none;
   margin:0;
   padding:0;
}
.dropmenudiv li
{
   display:inline;
   margin:0;
   padding:0;
}
.dropmenudiv a:link,.dropmenudiv a:visited
{
   width:180px;
   display:block;
   border:0 #000;
   color:#FFF;
   background:url(http://img.webme.com/pic/g/gokseen/ebleft_006.gif) no-repeat left top;
   font-weight:700;
   font-style:normal;
   text-decoration:none;
   margin:0;
   padding:0;
}
.dropmenudiv a span
{
   display:block;
   line-height:34px;
   background:url(http://img.webme.com/pic/g/gokseen/ebright_006.gif) no-repeat right top;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   color:#FFF;
   float:none;
   padding:0 20px;
}
.dropmenudiv a:hover
{
   border:0 #000;
   background-position:left bottom;
   font-weight:700;
   font-style:normal;
   text-decoration:none;
   color:#FFF;
}
.dropmenudiv a:hover span
{
   background-position:right bottom;
   color:#FFF;
   font-weight:700;
}

tasarım üstü
Kod:
<div id="MainMenu">
   <div id="tab">
      <ul>
         <li class="item_active"><a href="http://www.magix-oyun.tr.gg/"><span>Ana Sayfa</span></a></li>
         <li><a href="http://magix-oyun.tr.gg/Toplist.htm"><span>Toplist</span></a></li>
         <li><a href="http://magix-oyun.tr.gg/%3Cimg-src%3D-g-http-d--s--s-img-.-webme-.-com-s-pic-s-m-s-magix_oyun-s-icon2-.-gif-g-%3E--G.oe.r.ue.%26%23351%3Bleriniz--ar-.htm"><span> Z.Defteri</span></a></li>
<li><a href="http://magix-oyun.tr.gg/-.--.--d--d--Sava%26%23351%3B-%26-Aksiyon--d--d--.--.-.htm"><span>Aksiyon</span></a></li>
<li><a href="http://magix-oyun.tr.gg/-.--.--d--d--Araba-%26-Yar%26%23305%3B%26%23351%3B--d--d--.--.-.htm"><span>Yarış</span></a></li>
      <li><a href="http://magix-oyun.tr.gg/--.--.--d--d--Spor-Oyunlar%26%23305%3B--d--d--.--.-.htm"><span>Spor</span></a></li>
<li><a href="http://magix-oyun.tr.gg/--.--.--d--d--D.oe.v.ue.%26%23351%3B-Oyunlar%26%23305%3B--d--d--.--.-.htm"><span>Dövüş</span></a></li>
<li><a href="http://magix-oyun.tr.gg/%3Cimg-src%3D-g-http-d--s--s-yig-.-vo-.-llnwd-.-net-s-o25-s-kaisergames-s-images-s-start-s-fun-.-gif-g-%3E-.--.--d--d--E%26%23287%3Blenceli-%26-Komik--d--d--.--.-.htm"><span>Komik</span></a></li>
<li><a href="http://magix-oyun.tr.gg/%3Cimg-src%3D-g-http-d--s--s-www-.-oyun2oyun-.-com-s-caticons-s-beceri-.-png-g-%3E-.--.--d--d--Zeka-Oyunlar%26%23305%3B--d--d--.--.-.htm"><span>Zeka</span></a></li>
<li><a href="http://magix-oyun.tr.gg/-.--.--d--d--M.ue.zik-Oyunlar%26%23305%3B--d--d--.--.-.htm"><span>Müzik</span></a></li>
<li><a href="http://magix-oyun.tr.gg/-.--.--d--d--Di%26%23287%3Ber-Oyunlar--d--d--.--.-.htm"><span>Diğerleri</span></a></li>
      </ul>
   </div>
</div>
Mesaj17.02.2009, 11:43 (UTC)    
Mesaj konusu:

Arkadaşım Verdiğin Kodu Denedim OLmadı Ama Bedava-Sitem De Sitesi Olan Birinden Msn Adresini Aldım Ve O Bana Yardımcı Oldu !
Ama Yardımların İçin Teşekkür Ederim !

______________
Mesaj17.02.2009, 11:44 (UTC)    
Mesaj konusu:

Ama Bide Ortalayabilsem O Menüyü Süper Olcak <center> </center> Yaptım Her İkisinde Olmuyorrrrrr
______________
Mesaj18.02.2009, 11:38 (UTC)    
Mesaj konusu: slm

içerik bölümünün altındaki bilgi kısmına şu kodu yapıştır
Kod:
<style type="text/css">
<!--
html, body { text-align: center; }
-->
</style>



evet arkadaşım sitemde denedim kodları olmadı.çünkü düzenli bi tasarımın yok. css kodu bölümüne eklenicek kodları tasarım üstüne eklemişsin ve aynı koddan hem tasarım üstünde var hemde css bölümünde. onlara bi ayar çek forumda anlatılmış zaten tasarım altı-üstü css kodu bölümleri anlatılmış. okey.
Önceki mesajları göster:   


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