2018. 04. 18.Videó | PNG készítése Photoshop-ban
2018. 04. 17.Coppermine | Eredeti kép megnyitása új lapon és nem új ablakban
2018. 04. 03.Képről szöveg másolása
2018. 04. 02.Coppermine Galéria költöztetése
2018. 04. 01.Gif készítése Photoshop-ban
Coppermine Gallery themes

Coppermine Gallery themes
74 napja
110 néző

WordPress themes

WordPress themes
75 napja
113 néző

G-Portál themes

G-Portál themes
75 napja
67 néző

Tumblr themes

Tumblr themes
75 napja
98 néző

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


2 090 megtekintés

Hozzászólások