Link mögött árnyék lesz:
<script type="text/css">
A:link, A:visited, A:active {text-shadow: 0px 0px 0px #666;}
A:hover { text-shadow: 1px 1px 10px #666;}
</script>
Megnő a link betűtípusa ha ráviszed az egeret:
<script type="text/css">
A:link, A:visited, A:active {font-size: 12px;}
A:hover { font-size: 16px;}
</script>
Menüstílusok: Rózsaszínes, bézses
<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 />
Képnek szagatott lesz a kerete:
<style type="text/css">img{border: 1px dashed #555; padding: 4px; background-color: transparent;}</style>Remélem tetszett a bejegyzés, további szép napot!