THT DUYURU

chat
ugursuz reklam
takipci
Seçenekler

Dikey Yesil Css Menu

Komega - ait Kullanıcı Resmi (Avatar)
Yardımsever
Üyelik tarihi:
07/2013
Nereden:
Dünydn .s
Mesajlar:
9.713
Konular:
1347
Teşekkür (Etti):
832
Teşekkür (Aldı):
2438
Ticaret:
(0) %
0
3626
21-10-2014 19:25
#1


HTML Kodu
Kod:
<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
Kod:
*********
#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>
---------------------

- The End.

- Emekli Uzman Moderatör.



Bookmarks


« Önceki Konu | Sonraki Konu »
Seçenekler