Menük : Egyszerű szürke-kék-zöld vízszintes menü |
Egyszerű szürke-kék-zöld vízszintes menü
2013.06.23. 17:40
Demó:
Próba link 1 Próba link 2 Próba link 3
HTML kód:
<html>
<a class="navi" href="www.fuckinway.gportal.hu">Próba link 1</a>
<a class="kek" href="www.fuckinway.gportal.hu">Próba link 2</a>
<a class="szurke" href="www.fuckinway.gportal.hu">Próba link 3</a>
</html>
CSS kód:
<style>
a.navi:link, a.navi:active, a.navi:visited {
background-color:#5F9EA0;
background-repeat: repeat;
padding: 20px;
width: 50px;
font-family:georgia;
font-style: normal;
font-weight: bold;
font-size: 14px;
color: #ffffff;
cursor:crosshair;
text-shadow: 0px 0px 15px #000000;
-webkit-transition-duration: .50s
}
a.navi:hover{
background-color:#008B8B;
width: 50px;
font-family:georgia;
font-style: normal;
font-weight: bold;
color: #000000;
cursor:crosshair;
-webkit-transition-duration: .50s
}
a.kek:link, a.kek:active, a.kek:visited {
background-color:#00BFFF;
background-repeat: repeat;
padding: 20px;
width: 50px;
font-family:georgia;
font-style: normal;
font-weight: bold;
font-size: 14px;
color: #ffffff;
cursor:crosshair;
text-shadow: 0px 0px 15px #000000;
-webkit-transition-duration: .50s
}
a.kek:hover{
background-color:#1E90FF;
width: 50px;
font-family:georgia;
font-style: normal;
font-weight: bold;
color: #000000;
cursor:crosshair;
-webkit-transition-duration: .50s
}
a.szurke:link, a.szurke:active, a.szurke:visited {
background-color:#DCDCDC;
background-repeat: repeat;
padding: 20px;
width: 50px;
font-family:georgia;
font-style: normal;
font-weight: bold;
font-size: 14px;
color: #ffffff;
cursor:crosshair;
text-shadow: 0px 0px 15px #000000;
-webkit-transition-duration: .50s
}
a.szurke:hover{
background-color:#808080;
width: 50px;
font-family:georgia;
font-style: normal;
font-weight: bold;
color: #000000;
cursor:crosshair;
-webkit-transition-duration: .50s
}
/*menüt készítette: www.fuckinway.gportal.hu*/
</style>
|