Első:
Az első kód:
Kinézet:
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:
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:
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 :)
Nincsenek megjegyzések:
Megjegyzés küldése