Menük : Egyszerű függőleges menü (kék) |
Egyszerű függőleges menü (kék)
2013.07.17. 20:22
Demó:
HTML kód:
<table border="0" width="198">
<tbody>
<tr>
<td width="100%">
<a class="menulink" href="//fuckinway.gportal.hu">Menü címe 1</a></td>
</tr>
<tr>
<td width="100%">
<a class="menulink" href="//fuckinway.gportal.hu">Menü címe 2</a></td>
</tr>
<tr>
<td width="100%">
<a class="menulink" href="//fuckinway.gportal.hu">Menü címe 3</a></td>
</tr>
<tr>
<td width="100%">
<a class="menulink" href="//fuckinway.gportal.hu">Menü címe 4</a></td>
</tr>
</tbody>
</table>
CSS kód:
<style type="text/css">
A.menulink {
display: block;
background-color:#4682B4;
width: 198px;
text-align: left;
text-decoration: none;
font-family:georgia;
font-size:16px;
color: #ffffff;
BORDER: none;
border: solid 0px #FFFFFF;
-webkit-transition-duration: .50s
}
A.menulink:hover {
font-family:georgia;
border: solid 0px #00BFFF;
color: #ffffff;
background-color:#00BFFF;
-webkit-transition-duration: .50s
} </style>
|