2014. december 28., vasárnap

Rózsaszín - vajszínű menü kód

Főoldal Oldal 1 Oldal 2


                                             
                                                                 A KÓD:

HTML kód:
<a class="menuelforg" href="URL CÍMED HELYE">Főoldal</a> 
<a class="menuelforg" href="URL CÍMED HELYE">Oldal </a> 
<a class="menuelforg" href="URL CÍMED HELYE">Oldal 2</a> 
CSS kód:
<style type="text/css">
a.menuelforg{
background: url();
background:#D2B48C;
color:#ffffff;
display:inline-block;
font-family: georgia;
font-size: 15px;
font-style: italic;
width:173px;
padding:10px;
margin:1px;
text-align:left;
font-size: 13px;
cursor: default;
display: block;
-webkit-transition-duration: .50s;
border-left: 10px solid #F08080;
}
a.menuelforg:hover  {
text-indent: 37px;
background:#BC8F8F;
color:#fff;
-webkit-transition-duration: .50s;
border-left: 10px solid #d4d4d4;
} </style>

                                                               
Magyarázat:

URL CÍMED HELYE - Ide írod az oldal url címét(pl. www.wingsblogdesign.blogspot.com/p/textúrák.Ezt úgykapod,hogy előtte oldalt kell csinálni,hogy megkapd a liket!)
Főoldal - Itt nevezd el az oldal nevét.
Backround - A menü háttere
Color - A szöveg színe(fontos,hogy színkódot írj)
Font family - A szöveg betűtípusa (google fonts,itt rengeteg van.vagy más hasonló oldalak 1001 fonts,stb.)

Backround - Itt meg kell adnod a menü hátterét,amikor ráviszed a kurzort.(színkódot írj)
Color - Itt meg kell adnod a menü szövegszínét,amikor ráviszed a kurzort(színkód!!)








Remélem tudtam nektek segíteni!Aki elakadt,
az írjon. (:




Xoxo,

Nincsenek megjegyzések:

Megjegyzés küldése