WwW.EminMsn.Tr.Gg
  c6
 
Örnek Çalışmayı buraya komple bilgisayarınıza indirebilirsiniz.
HTML Kodu

                

<div id="anamenu">  
   
<h1 align="center">MENU</h1>  
   
<ul>
       
<li><a href="#" href="#" tabindex="1">Ana Sayfa</a></li>
       
<li><a href="#" href="#" tabindex="2">Hakkımda</a></li>
       
<li><a href="#" href="#" tabindex="3">Yazılım</a></li>
       
<li><a href="#" href="#" tabindex="4">Donanım</a></li>
       
<li><a href="#" href="#" tabindex="6">Bağlantılar</a></li>
   
</ul>
</div>  

               
CSS Kodu
                

<style>
#anamenu {  font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 100%;
  width
: 160px;
  padding
: 0px;
  margin
: 0px;
  border
:1px;
  border
-color:#000000;
}
#anamenu h1 {
  display
: block;
  background
-color:#D2FFD2;
  font
-size: 90%;
  padding
: 3px 0 5px 3px;
  border
:none;
  border
-color:#FFFFFF;
  color
: #333333;
  margin
: 0px;
  width
:159px;
 
}
#anamenu ul {
  list
-style: none;
  margin
: 0px;
  padding
: 0px;
  border
: none;
 
}
 
#anamenu ul li {
  margin
: 0px;
  padding
: 0px;
 
}
 
#anamenu ul li a {
  font
-size: 80%;
  display
: block;
  border
-bottom: 1px dashed #C39C4E;
  padding
: 5px 0px 2px 4px;
  text
-decoration: none;
  color
: #666666;
  width
:160px;
 
}
#anamenu ul li a:hover, #anamenu ul li a:focus {
  color
: #000000;
  background
-color: #D2FFD2;
 
}
</style>

 
 
   
 
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol