Cikkajánló
Összesen hat pontba szedtem a számomra pozitív Disqus tulajdonságokat. Biztos van még több is, mert hát ugye kinek miért szimpatikus, de talán a lényeget sikerült összeszednem. Az első és
Sziasztok :) A mai frissítésem kettő darab G-Portálos teljes kinézet kódolással és részletes leírással együtt. Az egyik témán Selena Gomez, a másikon pedig Emilia Clarke van. A témákat innen
Ez a tartalom regisztrációhoz kötött. Ha már regisztrált tag vagy, akkor a Bejelentkezés alatt tudsz belépni, ellenkező esetben regisztrálnod kell a tartalom megtekintéséhez.Regisztrált felhasználó belépéseFelhasználónévJelszó Emlékezzen rám  RegisztrációFelhasználónév*Email cím*E-mail cím újra*Honlap**Kötelezően
Blog téma G-Portálra 2.0 Betűtípus kereső Teszteld oldalad felbontását URL cím értelmezése CSS kód beillesztése G-Portálra
Függőleges menü 18.

Demó látható a honlap jobb oldalán!

Menü kódja
 

<ul id="fixmenu">
    <li>
        <a href="/">menüpont 1</a>
    </li>
    <li>
        <a href="/">menüpont 2</a>
    </li>
    <li>
        <a href="/">menüpont 3</a>
    </li>
</ul>


CSS kód
Ha bal oldalra szeretnéd a menüt, akkor lejjebb megtalálod ahhoz is a CSS kódot.
 

<style type="text/css">
#fixmenu {
    position: fixed;
    right: 0;
    top: 50%;
    width: 8em;
    margin: -2.5em 0 0 0;
    z-index: 5;
    background-color: #000000;
    border: 3px solid #9DCC41;
    border-right: none;
    padding: 0.5em 0.5em 0.5em 2.5em;
    box-shadow: 0 1px 3px #000000;
    border-radius: 3em 0.5em 0.5em 3em;
    color: white;
}
#fixmenu li {
    margin: 0;
}
#fixmenu a {
    color: #ffffff;
    font-family: times new roman !important;
    color: white;
    font-weight: bold !important;
    font-style: italic;
    font-size: 20px !important;
    text-align: left;
}
#fixmenu a:hover {
    color: #DFEFBE;
    text-decoration: none;
}
/* Make menu absolute, not fixed, on IE 5 &#038; 6 */
#fixmenu {
    position: absolute;
}
*>#fixmenu {
    position: fixed;
}
p.stb { text-indent: 0; margin-top: 0.83em; }
p.mtb { text-indent: 0; margin-top: 2.17em; }
p.ltb { text-indent: 0; margin-top: 3.08em; }
</style>


Bal oldalas menühöz a CSS kód
 

<style type="text/css">
#fixmenu {
    position: fixed;
    left: 0;
    top: 50%;
    width: 110px;
    background-color: #A9D453;
    border: 3px solid #9DCC41;
    border-right: none;
    padding: 15px 0px 15px 35px;
    box-shadow: 0 1px 3px #000000;
    border-radius: 0.5em 3em 3em 0.5em;
    color: white;
}
  #fixmenu li { margin: 0; }
  #fixmenu a {
    color: #ffffff;
    font-family: times new roman !important;
    color: white;
    font-weight: bold !important;
    font-style: italic;
    font-size: 20px !important;
    text-align: left;
}
  #fixmenu a:hover {
    color: #DFEFBE;
}

 

 

  /* Make menu absolute, not fixed, on IE 5 & 6 */
  #fixmenu { position: absolute; }
  *>#fixmenu { position: fixed; }

 

  p.stb { text-indent: 0; margin-top: 0.83em; }
  p.mtb { text-indent: 0; margin-top: 2.17em; }
  p.ltb { text-indent: 0; margin-top: 3.08em; }
</style>

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

Hozzászólások