Fehér-Pink CSS menüDEMO:
CSS kód:
<p><style type="text/css">
<!--
ld1 {
display: block;
color: #ffffff;
font-family:Verdana;
font-size: 8px;
font-weight: normal;
letter-spacing: 4;
text-align: center;
text-decoration: none;
line-height: 12px;
margin: 1px;
background-color:#000000;
border-bottom:dotted 0px #ffffff;
border-left:solid 0px #ffffff;
padding-bottom: -15px;
margin-top: 0px;
padding-top: 0px;
margin-bottom: -15px;
}
a.navi:link, a.navi:visited, a.navi:active {
display: block;
color: #FF0082;
font-family:Verdana;
font-size: 10px;
text-align: center;
text-decoration: none;
line-height: 10px;
background-color: #ffffff;
border-bottom: 1px solid #FF0082;
border-left: 5px solid #FF0082;
margin: 1px;
padding-left: 3px;
padding-bottom: 1px;
}
a.navi:hover {
display: block;
color: #FF81C1;
font-family:Verdana;
font-size: 10px;
text-align: center;
text-decoration: none;
line-height: 10px;
letter-spacing: 2px;
background-color: #FFffff;
border-bottom: 1px solid #000000;
border-left: 5px solid #FF81C1;
margin: 1px;
padding-left: 3px;
padding-bottom: 1px;
}
A:link, A:visited, A:active {color:#FF81C1; font-size : 9px; font-weight : bold; text-decoration: none;
}
A:hover {color:#ffffff; cursor: crosshair; text-decoration: none;
}
--></style></p>
<center><a class="navi" style="width: 140px; height: 15px;" href="http://www.designuniverzum.gportal.hu">Menüpont</a> <a class="navi" style="width: 140px; height: 15px;" href="http://www.designuniverzum.gportal.hu">Menüpont</a> <a class="navi" style="width: 140px; height: 15px;" href="http://www.designuniverzum.gportal.hu">Menüpont</a> <a class="navi" style="width: 140px; height: 15px;" href="http://www.designuniverzum.gportal.hu">Menüpont</a> <a class="navi" style="width: 140px; height: 15px;" href="http://www.designuniverzum.gportal.hu">Menüpont</a>
<p> </p>
</center>
Post A Comment:
0 comments so far,add yours