Első:
Második:
Főoldal
Link1
Link2
Első kódja: <style type="text/css">
a.gumicukor{
font-family: georgia;
display:inline-block;
width:130px;
height:17px;
background:#fff2de;
color:#472915;
text-shadow: 1px 2px 2px #d9c19e;
font-size:15px ;
padding:5px;
margin:2px;
text-transform:uppercase;
text-align:center;
border-left:5px solid #6b5548;
border-right:5px solid #6b5548;
text-decoration:none;
margin-bottom:3px;
border-radius:10px 10px 0px 0px;
-webkit-transition-duration: 1.0s;
}
a.gumicukor:hover{
-webkit-transition-duration: 1.0s;
background:#6b5548;
color: #fff2de;
border-left:5px solid #fff2de;
text-transform:lowercase;
border-right:5px solid #fff2de;}
</style>
<a class="gumicukor" href="http://www.xn--foldal-3gb.hu/">Főoldal</a>
<a class="gumicukor" href="http://www.link1.hu/">Link1</a>
<a class="gumicukor" href="http://www.link2.hu/">Link2</a>
Másodiknak:<br />
<br />
<br />
<br />
<style type="text/css">
a.gumicukor1{
font-family: georgia;
text-transform:uppercase;
display:inline-block;
width:130px;
height:17px;
background:#fff2de;
color:#472915;
text-shadow: 1px 2px 2px #d9c19e;
font-size:15px ;
padding:5px;
margin:2px;
text-align:center;
border-left:5px solid #6b5548;
border-right:5px solid #6b5548;
text-decoration:none;
margin-bottom:3px;
border-radius:10px;
-webkit-transition-duration: 1.0s;
}
a.gumicukor1:hover{
-webkit-transition-duration: 1.0s;
text-transform:lowercase;
background:#6b5548;
color: #fff2de;
border-left:5px solid #fff2de;
border-right:5px solid #fff2de;}
</style>
<a class="gumicukor1" href="http://www.xn--foldal-3gb.hu/">Főoldal</a><br />
<a class="gumicukor1" href="http://www.link1.hu/">Link1</a><br />
<a class="gumicukor1" href="http://www.link2.hu/">Link2</a><br />
<br />
<br />
<br />
Forrás:
Crystal
