0
Kayıt Ol

bunun kullanımı nasıl acaba?

2

●

515

  • 14-06-2008, 21:20:16
    #1
    [KaDeSigN]
    [KaDeSigN]
    Üyeliği durduruldu
    ul.menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
    }
    ul.menu li { display: inline; }
    ul.menu li a {
    text-decoration: none;
    padding: .2em 1em;
    color: #1B1B1B;
    background-color: #E2E2E2;
    }
    ul.menu li a:hover
    {
    background-color: #999;
    }


    fatih hayrioglu nun sitesinden alıntıdır. bu kodu ben style.css e ekledim ama sayfa da kodlar arasına nasıl ekleyecem de menu bu şekilde olacak..

    link: Fatih Hayrioğlu'nun not defteri CSS ile Men Yapmak II - Yatay Menler sayfanın, ıktısını, Yatay, MenlerBir, nceki, menye, rnek, yapmıştık, şžimdi, menlere en altta yorumların basladıgı yerde...
    bakabilirseniz çok ii olacak. teşekkurler...
  • 14-06-2008, 23:08:32
    #2
    macchess
    macchess
    Burda kodlara div ismi veya class ismi atanmamış, örnek kodlar verilmiş, ben düzenledim aşağıdaki kodları, browserda açarsan çalıştığını görürsün;
    <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9">
<style>
body{
margin:15px 0 0 0;
font-size:62.5%;
font-family:Arial, Helvetica, sans-serif;
}

ul.menu { 
list-style-type: none; 
padding: 0; 
margin: 0;
} 

ul.menu li { display: inline; } 

ul.menu li a { 
text-decoration: none;
padding: .2em 1em;
color: #1B1B1B;
background-color: #E2E2E2;
} 

ul.menu li a:hover
{
background-color: #999;
} 

</style>
</head>
<body>
 <ul class="menu"> 
<li><a href="index.html">Ana Sayfa</a></li> 
<li><a href="hakkimizda.html">Hakkımızda</a></li> 
<li><a href="urunler.html">Ürünler</a></li> 
</ul>
</body></html>
  • 16-06-2008, 23:39:48
    #3
    [KaDeSigN]
    [KaDeSigN]
    Üyeliği durduruldu
    Allah razı olsun kardeşim çok teşekkur ederim.. +rep...