Cikkajánló
Először is mindenkinek nagyon boldog új évet kívánok :), mivel idén még nem tudtam frisst hozni :( Sok rendelés jött össze és azokat kellett megcsinálnom. Még van pár rendelés,
  DIV kód A demó doboz a két kód között található a modul közepén :) A kép nagysága 100×100 pixeles, de a CSS kódban fel is van tüntetve. A
  DIV kód A kép szélessége itt most 316 pixel. A kódban a perjelek helyére mennek a link címek.   <div class="project"> <big>Projekt címe</big> <img align="middle" src="IDE JÖN A
Prémium téma | Ellie Goulding G-Portálos téma WordPress | Bejegyzés nem jelenik meg a főoldalon Gal Gadot G-Portálos téma Emilia Clarke G-Portálos téma Cole Sprouse G-Portálos téma
Függőleges menü 02.

 

Menü kódja
 

<div id="nav">
    <ul>
        <li>
            <a href="/">Főoldal</a>
        </li>
        <li>
            <a href="/">Graphics</a>
        </li>
        <li>
            <a href="/">Segítségek</a>
        </li>
        <li>
            <a href="/">Facebook</a>
        </li>
        <li>
            <a href="/">Brush-ok</a>
        </li>
        <li>
            <a href="/">Vendégkönyv</a>
        </li>
    </ul>
</div>


CSS kód
 

<style type="text/css">
#nav ul{
   list-style: none;
   margin: 0px;
   padding: 0px;
}
#nav ul li{
   list-style: none;
   margin-bottom: 3px;
   padding: 5px;
}
#nav li{
   display: block;
   text-align: left;
   font-family: georgia;
   padding: 3px;
   font-size: 11px;
   text-decoration:none;
   background: #EACD99;
   width: 130px;
   border-right: 7px solid #BA6066;
   border-left: 5px solid #BA6066;
   transition: all .7s ease-in-out;
   -moz-transition: all .7s ease-in-out;
   -webkit-transition: all .7s ease-in-out;
   -o-transition: all .7s ease-in-out;
   border-radius: 0 15px 15px 0;
   margin-bottom: 3px;
}
#nav li:hover{
   display: block;
   background: #BA6066;
   text-decoration:none;
   transition: all .7s ease-in-out;
   -moz-transition: all .7s ease-in-out;
   -webkit-transition: all .7s ease-in-out;
   -o-transition: all .7s ease-in-out;
   padding-left: 15px;
   border-right: 7px solid #EACD99;
   border-left: 5px solid #EACD99;
}
#nav a{
   text-decoration:none;
   color: #BA6066;
   transition: all .7s ease-in-out;
   -moz-transition: all .7s ease-in-out;
   -webkit-transition: all .7s ease-in-out;
   -o-transition: all .7s ease-in-out;
}
#nav a:hover, #nav li:hover a{
   color: #F4E6CB;
   transition: all .7s ease-in-out;
   -moz-transition: all .7s ease-in-out;
   -webkit-transition: all .7s ease-in-out;
   -o-transition: all .7s ease-in-out;
}</style>

lindadesign Hozzászólások
2 300 megtekintés

Hozzászólások