#1 menükód:
<br><br><br><br>
<style type="text/css">
a.gumicukor1 { display:inline-block; font-family: Georgia; font-size: 30px; color: #FFF; letter-spacing: 2px; background: #eeaef2; padding: 15px 20px 45px 20px; -webkit-transition: .5s }
a.gumicukor1:hover { filter: alpha(opacity=70); opacity: .7; }
a.gumicukor2 {display:inline-block; font-family: Georgia; font-size: 30px; color: #FFF; letter-spacing: 2px; background: #aeadf0; padding: 55px 15px 15px 15px; -webkit-transition: .5s }
a.gumicukor2:hover { filter: alpha(opacity=70); opacity: .7; }
a.gumicukor3 {display:inline-block; font-family: Georgia; font-size: 30px; color: #FFF; letter-spacing: 2px;background: #afe5f0; padding: 5px 10px 10px 10px; -webkit-transition: .5s }
a.gumicukor3:hover { filter: alpha(opacity=70); opacity: .7; }
a.gumicukor4 { display:inline-block; font-family: Georgia; font-size: 30px; color: #FFF; letter-spacing: 2px; background: #b5f0af; padding: 75px 25px 25px 25px; -webkit-transition: .5s }
a.gumicukor4:hover { filter: alpha(opacity=70); opacity: .7; }
a.gumicukor5 { display:inline-block; font-family: Georgia; font-size: 30px; color: #FFF; letter-spacing: 2px; background: #f0ebaf; padding: 35px 5px 5px 5px; -webkit-transition: .5s }
a.gumicukor5:hover { filter: alpha(opacity=70); opacity: .7; }
</style>
<a class="gumicukor1" href="http://www.főoldal.hu">V</a>
<a class="gumicukor2" href="http://www.cserék.hu">I</a>
<a class="gumicukor3" href="http://www.szereplők.hu">D</a>
<a class="gumicukor4" href="http://www.Link1.hu">Á</a>
<a class="gumicukor5" href="http://www.Link2.hu">M</a>
#2 menükód:
<br><br><br><br><br>
<style type="text/css">
a.kawaii1 { font-family: Georgia; font-size: 30px; color: #FFF; letter-spacing: 2px; background: #8ea9fa; padding: 20px 10px 10px 10px; -webkit-transition: .5s }
a.kawaii1:hover { background:#1e3169; }
a.kawaii2 { font-family: Georgia; font-size: 30px; color: #FFF; letter-spacing: 2px; background: #5168c2; padding: 50px 10px 10px 10px; -webkit-transition: .5s }
a.kawaii2:hover{ background:#1e3169; }
a.kawaii3 { font-family: Georgia; font-size: 30px; color: #FFF; letter-spacing: 2px;background: #3348a6; padding: 80px 10px 10px 10px; -webkit-transition: .5s }
a.kawaii3:hover { background:#1e3169; }
a.kawaii4 {font-family: Georgia; font-size: 30px; color: #FFF; letter-spacing: 2px; background: #5168c2; padding: 50px 10px 10px 10px; -webkit-transition: .5s }
a.kawaii4:hover { background:#1e3169; }
a.kawaii5 { font-family: Georgia; font-size: 30px; color: #FFF; letter-spacing: 2px; background: #8ea9fa; padding: 20px 10px 10px 10px; -webkit-transition: .5s }
a.kawaii5:hover { background:#1e3169; }
</style>
<a class="kawaii1" href="http://www.főoldal.hu">F</a>
<a class="kawaii2" href="http://www.cserék.hu">E</a>
<a class="kawaii3" href="http://www.szereplők.hu">L</a>
<a class="kawaii4" href="http://www.Link1.hu">H</a>
<a class="kawaii5"
Forrás: Kawaii blogdesign
Remélem segítettem :)
