Cikkajánló
Igaz, már jó régóta megváltozott a Cbox Chat kezelőfelülete, de csak most bírtam rávenni magam, hogy frissítsem a régi leírásokat. De ma ez is megtörtént, így jelenleg minden naprakész
Bocsánat, hogy egy ideje nem volt friss, de egy perc időm sem volt az oldalra sajnos :( Remélem most már lassan több időm lesz és akkor hozok több frissítést
Igazából tanácsot szeretnék adni a G-Portálosoknak, (akik bármilyen rajongói vagy másféle oldalt vezetnek) arról, hogy milyen modulba írják a napi/heti/stb frissítéseket. Sok helyen látom, hogy vannak olyan szerkesztők, akik
Sosugary Gallery | Jennifer Lawrence téma Szövegdoboz | Kattintásra kijelöli és másolja a szöveget Ingyenes téma | Coppermine Gallery free theme Prémium téma | Sophie Turner WordPress theme WordPress | Letöltés számláló
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

lindadesign Hozzászólások
1 946 megtekintés

Hozzászólások