Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj03.08.2012, 09:29 (UTC)    
Mesaj konusu: Üst menü kodu (soru)

Kod:
<style type="text/css">
body{
   margin:0;
   padding:0;
}
ul#menu, ul#menu ul{
  padding: 0;
  margin: 0;
  list-style: none;
  }
 
ul#menu li {
   float: left;
   position: relative;
   width: GENİŞLİK; 50
}

ul#menu li ul {
   display: none;
   position: absolute;
}

ul#menu li > ul {
top: auto;
left: auto;
}

ul#menu li a {
font: bold 11px verdana, arial, helvetica, sans-serif; <!-- FONT ÖZELLİKLERİ -->
display: block;
margin: 0;
padding: 0px 0px;
height: YÜKSEKLİK; 190
width: GENİŞLİK; 50
color: #RENK; a3a3a3
background-image: url(http://img.webme.com/pic/t/teablog/once.jpg);
text-decoration: none;
text-align: center;
text-valign: bottom;
}

ul#menu li a:hover {
color: #RENK;
text-align: center;
text-valign: bottom;
background-image: url(http://img.webme.com/pic/t/teablog/sonra.jpg);
}

ul#menu li:hover ul, ul#menu li.over ul {
   display: block;
}
   
</style>  <script type="text/javascript">
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("menu");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }
  node.onmouseout=function() {
  this.className=this.className.replace(" over",

"");
   }
   }
  }
 }
}
window.onload=startList;

</script>
<ul id="menu">
    <li><a href="http://teablog.tr.gg/Ana-Sayfa.htm">Ana Sayfa</a></li>
        <li><a href="http://teablog.tr.gg/Payla%26%23351%3B%26%23305%3Bmlar-.htm">paylasımlar</a></li>        <li><a href="http://teablog.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm">iletisim</a></li>
       <li><a href="http://teablog.tr.gg/Umut-Ya%26%23287%3B%26%23305%3Bz.htm">Umut Yagiz</a>
    <ul>
        <li><a href="http://teablog.tr.gg/Blog.htm">Blog</a></li>
        <li><a href="http://teablog.tr.gg/Video%2C.htm">Video</a></li>
    <ul>   
    <li><a href="http://teablog.tr.gg/Helldragon.htm">Helldragon</a>
    <ul>
        <li><a href="http://teablog.tr.gg/Blog-.-.htm">Blog</a></li>
        <li><a href="http://teablog.tr.gg/Video-.-.htm">Video</a></li>
    </ul>
    </li>


Arkadaşlar kod bu şekilde ancak belirli hatalar var ben yazının sarı gözükmesini istiyorum ne yapmam gerek anlatabilirmisin
Mesaj03.08.2012, 09:56 (UTC)    
Mesaj konusu:

Birde yazıların arasında nasıl boşluk bırakacağım
Mesaj03.08.2012, 10:05 (UTC)    
Mesaj konusu:

Teşekkürler sorun çözüldü konu kilit
Mesaj03.08.2012, 10:05 (UTC)    
Mesaj konusu:

teablog yazmış:
Birde yazıların arasında nasıl boşluk bırakacağım


Aşağıda verdiğim menü kodunu bir dene istersen.
Kod:
<!---Kodbanks.tr.gg ust yatay menu basla--->
<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
#vdividermenu ul{
margin: 0;
padding: 0;
margin-bottom: 1em;
float: left;
font: bold 100% Tohoma;
width: 100%;
border: 1px solid #625e00;
background-color: #f9ff91;
}
* html #vdividermenu ul{ /*IE only rule, reduce menu width*/
width: 99%;
}
#vdividermenu ul li{
display: inline;
}
#vdividermenu ul li a{
float: left;
color: black;
padding: 2px 12px;
text-decoration: none;
background: transparent url(http://www.dynamicdrive.com/cssexamples/media/vertical.gif) center right no-repeat;
}
#vdividermenu ul li a:visited{
color: black;
}
#vdividermenu ul li a:hover{
color: black;
background-color: #ffe84f;
}
</style>
<div id="vdividermenu">
<ul>
<li><a href="ADRES" _fcksavedurl="ADRES" title="Home">Link adı</a></li>
<li><a href="ADRES" _fcksavedurl="ADRES" title="CSS Examples">Link adı</a></li>
<li><a href="ADRES" _fcksavedurl="ADRES" title="New">Link adı</a></li>
<li id="current"><a href="ADRES" _fcksavedurl="ADRES" title="Revised">Link adı</a></li>
<li><a href="ADRES" _fcksavedurl="ADRES" title="Tools">Link adı</a></li>
<li><a href="ADRES" _fcksavedurl="ADRES" title="DHTML Forums">Link adı</a></li>
</ul>
</div><!---Kodbanks.tr.gg ust yatay menu bitir--->

______________
Önceki mesajları göster:   


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