Menükódok

Sziasztok! Most menüstílusokat fogok veletek megismertetni :)

Első:

Az első kód:

Kinézet:

<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="URL-kód">Név</a>

<a class="gumicukor" href="URL-kód">Név</a>

<a class="gumicukor" href="URL-kód">Név</a> 

A második kód:

Kinézet:

<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="URL-kód">Név</a><br />

<a class="gumicukor1" href="URL-kód">Név</a><br />

<a class="gumicukor1" href="URL-kód">Név</a><br />

A harmadik kód:

Kinézet: 

<link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'> <style type="text/css"> a.kiskakas{ font-family: Dancing Script ; display:inline-block; width:120px; height:15px; background: #ffe0ff; color:#000; font-size:19px ; padding:5px; margin:2px; text-align:center; border:1px solid #523747; border-radius:10px 10px 0px 0px; text-decoration:none; margin-bottom:3px; -webkit-transition-duration: 1.0s; } a.kiskakas:hover{ background:b57db5;} </style> <a class="kiskakas" href="URL-kód">Név</a> <a class="kiskakas" href="URL-kód">Név</a>
<a class="kiskakas" href="URL-kód">Név</a>

Egy kis segítség :

Ide másold be annak az oldalnak az URL-kódját amelyiket szeretnéd egy kattintással megjeleníteni a menürendszer segítségével. 
Mellesleg ez az URL-kód: 

Azt a nevet amit majd megadsz azt fogja megjeleníteni az oldal majd a menüsorban. Hozok egy példát:

Remélem érthető voltam. :) 

Forrás: Ez itt :)