H-k-d.Tr.Gg - Html Ve Javascript

css menü

 

Kod:

<style type="text/css"> 
#maviblokmenu{  
border: 1px solid black;  
border-bottom-width: 0;  
width: 185px;  
}  
  
#maviblokmenu ul{  
margin: 0;  
padding: 0;  
list-style-type: none;  
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;  
}  
  
#maviblokmenu li a{  
display: block;  
padding: 3px 0;  
padding-left: 9px;  
width: 169px;   
text-decoration: none;  
color: white;  
background-color: #2175dd;  
border-bottom: 1px solid #90bade;  
border-left: 7px solid #1958b7;  
}  
  
* html #maviblokmenu li a{   
width: 169px;   
width: 169px;   
}  
  
#maviblokmenu li a:hover {  
background-color: #000069;  
border-left-color: #000099;  
}  
  
#maviblokmenu div.menutitle{  
color: white;  
border-bottom: 1px solid black;  
padding: 1px 0;  
padding-left: 5px;  
background-color: black;  
font: bold 100% 'Trebuchet MS', Arial, sans-serif;  
}  </style>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1254" /></p>
<div id="maviblokmenu" style="WIDTH: 171px; HEIGHT: 315px">
<div class="menutitle">BİRİNCİ BAŞLIK</div>
<ul>
    <li><a href="http://1.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a href="http://2.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a href="http://3. SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a href="http://4.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
</ul>
<div class="menutitle">İKİNCİ BAŞLIK</div>
<ul>
    <li><a href="http://1.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a href="http://2.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a href="http://3.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a href="http://4.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a href="http://5.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a style="BORDER-BOTTOM-COLOR: black" href="http://6.SATIR URL ADRESİ ">SAYFA ADI & Buttonlar</a> </li>
</ul>
<div class="menutitle">ÜÇÜNCÜ BAŞLIK</div>
<ul>
    <li><a href="http://1.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a href="http://2.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a href="http://3.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a href="http://4.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
    <li><a style="BORDER-BOTTOM-COLOR: black" href="http://5.SATIR URL ADRESİ ">SAYFA ADI</a> </li>
</ul>
<div class="menutitle">Çeviri</div>
<ul>
    <li><a onclick="naazimca('Dikkat! Bu web adresi yandaki menüyü yazan kişiye aittir.')" href="http://www.naazimca.tr.gg ">www.naazimca.tr.gg</a> </li>
    <li><a style="BORDER-BOTTOM-COLOR: black" onclick="naazimca('Dikkat! Bu mail yandaki menüyü yazan kişiye aittir ')" href="naazimca@mynet.com ?PHPSESSID=ad9ef0986f62d15e893964dc2d4c1dbc">naazimca@mynet.com</a> </li>
</ul>
</div>




Örnek: