YDMC [Blog Design]: Menű stílusok, szöveg doboz, függőlegesen mozgó szöveg kód, textúrák.

2014. augusztus 13., szerda

Menű stílusok, szöveg doboz, függőlegesen mozgó szöveg kód, textúrák.

Az első:
Főoldal Link1 Link2

Az első kód:

<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="http://www.xn--foldal-3gb.hu/">Főoldal</a>
<a class="gumicukor" href="http://www.link1.hu/">Link1</a>
<a class="gumicukor" href="http://www.link2.hu/">Link2</a>

Itt a második

Főoldal
Link1
Link2

A második kód

<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 />