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
76 napja
110 néző

WordPress themes

WordPress themes
77 napja
114 néző

G-Portál themes

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

Tumblr themes

Tumblr themes
77 napja
98 néző

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>


2 303 megtekintés

Hozzászólások