Cikkajánló
Felkerült a legújabb kinézet az oldalra. Nem szeretnék sokat írni róla, hiszen nem sok változás történt az előző design-hoz képet. A rózsaszín megmaradt, mert Emily-hez ez illik :) Mellé
Ahogy tegnap írtam ma meghoztam a régóta feltöltésre váró .png képeket.  :) Ezek az albumok frissültek vagy születtek meg ma:   Kelly Rowland // 25 darab Lana Parrilla //
Alapértelmezetten általában ezt a kódot használjátok a főoldali bejegyzéseknél, ha ki van írva a cikkíró neve: <?php the_author(); ?>   Ez a kód lett kiegészítve úgy, hogy egyrészt a
Emma Roberts G-Portálos téma Instagram doboz weboldalra Project dobozok és egy Elit csere effekt Elit csere effekt szöveggel és képekkel Lana Del Rey és Kylie Jenner G-Portálos témák
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 091 megtekintés

Hozzászólások