2017. 11. 27.Coppermine | Egérre felugró ablak tartalmának megváltoztatása
2017. 11. 26.GIF készítése egy pillanat alatt
2017. 11. 26.FREE theme | Dakota Johnson WordPress theme
2017. 11. 25.WordPress alapvető használata
2017. 11. 24.Ingyenes | Eliza Taylor G-Portálos téma
009.png

Eliza Taylor

001.png

Little Mix

040.png

Gal Gadot

008.png

Girls' Generation

Vízszintes menü 15.


Menü kódja
A / (per jel) helyére kell írnod a menük hivatkozásait.
Írd át a menücímeket és a linkeket. Ha több menücímet szeretnél, akkor egy sort mindig adj hozzá az </li> mögé:
 

<li><a href="/" data-clone="Főoldal">Főoldal</a></li>

 

<nav id="rolling-nav">
    <ul>
        <li>
            <a data-clone="Főoldal" href="/">Főoldal</a>
        </li>
        <li>
            <a data-clone="Leírások" href="/">Segítség</a>
        </li>
        <li>
            <a data-clone="Scripts" href="/">Kódok</a>
        </li>
        <li>
            <a data-clone="Képek" href="/1">Grafika</a>
        </li>
        <li>
            <a data-clone="Facebook" href="/">Facebook</a>
        </li>
    </ul>
</nav>


CSS kód
 

<style type="text/css">
#rolling-nav {
    text-transform:none;
    width:560px;
    margin:0px auto;
}

 

#rolling-nav ul {
  height:50px;
  margin:0px 0px;
  padding:0px 0px;
  overflow:hidden;
}

#rolling-nav li {
  float:left;
  display:inline;
  list-style:none;
  margin:0px 0px;
  padding:0px 0px;
}

#rolling-nav a,
#rolling-nav a:before {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    display:block;
    margin:0px 0px;
    padding:0px 30px;
    line-height:50px;
    color:#ffffff;
    text-decoration:none;
    background-color:#927A50;
    position:relative;
   -webkit-transition:all 0.3s ease-in-out;
   -moz-transition:all 0.3s ease-in-out;
   -ms-transition:all 0.3s ease-in-out;
   -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}

#rolling-nav a:before {
    content:attr(data-clone);
    position:absolute;
    top:100%;
    right:0px;
    left:0px;
    display:block;
    background-color:#F8F8F8;
    color:#333;
    border-top: 2px solid #000000;
}

#rolling-nav a:hover {
  margin-top:-50px;
  margin-bottom:1px;
}
--></style>


Forrás: link


1 979 megtekintés

Hozzászólások