Menük : Vajszínű függőleges menü |
Vajszínű függőleges menü
2013.08.11. 13:52
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:#BC8F8F;
width: 198px;
text-align: center;
text-decoration: none;
font-family:georgia;
font-size:16px;
color: #ffffff;
BORDER: none;
border: solid 0px #FFFFFF;
-webkit-border-top-left-radius: 80px;
-webkit-border-top-right-radius: 70px;
-webkit-border-bottom-left-radius: 40px;
-moz-border-radius-topleft: 80px;
-moz-border-radius-topright: 70px;
-moz-border-radius-bottomleft: 40px;
border-top-left-radius: 80px;
border-top-right-radius: 70px;
border-bottom-left-radius: 40px;
-webkit-transition-duration: .50s
}
A.menulink:hover {
font-family:georgia;
border: solid 0px #00BFFF;
color: #ffffff;
background-color:#E9967A;
-webkit-border-top-left-radius: 80px;
-webkit-border-top-right-radius: 70px;
-webkit-border-bottom-left-radius: 40px;
-moz-border-radius-topleft: 80px;
-moz-border-radius-topright: 70px;
-moz-border-radius-bottomleft: 40px;
border-top-left-radius: 80px;
border-top-right-radius: 70px;
border-bottom-left-radius: 40px;
-webkit-transition-duration: .50s
} </style>
|