• Ide
• Csak
• Pici
• Cim
• Illik

Kódja:

<ul id="navigacio">

<li>

<a href="#">Ide</a></li>

<li>

<a href="#">Csak</a></li>

<li>

<a href="/#">Pici</a></li>

<li>

<a href="#">Cim</a></li>

<li>

<a href="#">Illik</a></li>

</ul>

<p>

<strong>Kódja:</strong></p>

<p>

<style type="text/css">

#navigacio {

   margin-left:0px;

   text-align:center!important;

   display:inline!important;

   padding:0!important;

   list-style-type: none!important;

   list-style-image: none!important;

   list-style: none!important;

}

 

#navigacio li {

   text-align:center!important;

   display:inline!important;

   margin-bottom: 0px;

   padding:10!important;

   background-color:transparent;

}

#navigacio a {

text-align:center!important;

width:30px!important;

height:20px!important;

display:inline-block!important;

font-family:'Inconsolata'!important;

line-height:18px!important;

padding:5px!important;

padding-top:20px!important;

color:#62B3A0!important;

font-size:10px;

opacity:1!important;

letter-spacing:-1px;

text-decoration:none;

text-shadow:none!important;

transition: all .2s ease-in-out;

-o-transition: all .2s ease-in-out;

-webkit-transition: all .2s ease-in-out;

-moz-transition: all .2s ease-in-out;

font-style:italic;

border-top: 2px solid #9DE3D2;

border-bottom: 2px solid #9DE3D2;

border-left: 5px solid #9DE3D2;

border-right: 5px solid #9DE3D2;

border-radius:50px;

background:#CDFAF7;

-webkit-box-shadow: inset 0px 0px 15px 0px #ABEBDC;

-moz-box-shadow: inset 0px 0px 15px 0px #ABEBDC;

box-shadow: inset 0px 0px 15px 0px #ABEBDC;

transition: all .5s ease-in-out;

-o-transition: all .5s ease-in-out;

-webkit-transition: all .5s ease-in-out;

-moz-transition: all .5s ease-in-out;

}

 

#navigacio a:hover { 

font-family:'Inconsolata'!important;

text-decoration:none;

letter-spacing:2px;

color:#ABEBDC!important;

border-top: 2px solid ##ABEBDC;

border-bottom: 2px solid ##ABEBDC;

border-left: 5px solid ##ABEBDC;

border-right: 5px solid ##ABEBDC;

border-radius:50px;

background:#19736D;

-webkit-box-shadow: inset 0px 0px 15px 0px #ABEBDC;

-moz-box-shadow: inset 0px 0px 15px 0px#ABEBDC;

box-shadow: inset 0px 0px 15px 0px #ABEBDC;

}

 

--> </style>

<LINK HREF='HTTPS://FONTS.GOOGLEAPIS.COM/CSS?FAMILY=INCONSOLATA' REL='STYLESHEET' TYPE='TEXT/CSS'>