2018. 01. 02.Mi lesz a G-Portállal?
2018. 01. 01.Coppermine | Magyar nyelvű galéria (hungarian.php)
2017. 12. 23.Saját videó beágyazása weboldalba
2017. 12. 18.Coppermine vagy Sosugary galéria?
2017. 12. 18.Coppermine | Egyedi főoldali tartalom
Eliza Taylor

Eliza Taylor
39 napja
7 néző

Little Mix

Little Mix
39 napja
16 néző

Gal Gadot

Gal Gadot
39 napja
7 néző

Girls' Generation

Girls' Generation
39 napja
11 néző

Függőleges menü 08.


Javascript kód
Töltsd le a .js fájlt innen, majd töltsd fel a saját tárhelyedre és a kódban cseréld le az URL címét.
 

 <script src="/js/fuggoleges-menu-08.js"></script>


Menü kódja
A / (per jel) helyére kell írnod a menü hivatkozását
 

<div id="coolmenu">
    <a href="/" onmouseout="hidetext()" onmouseover="showtext('Ide jöhet a menüről a leírás!')" target="_blank">CSS Themes</a> <a href="/" onmouseout="hidetext()" onmouseover="showtext('Minden menü alá más szöveg!')" target="_blank">Brushok</a> <a href="/" onmouseout="hidetext()" onmouseover="showtext('Ide jöhet a menüről a leírás!')" target="_blank">Hátterek</a> <a href="/" onmouseout="hidetext()" onmouseover="showtext('Írj ide bármit, ami az eszedbe jut')" target="_blank">Ikonbázis</a> <a href="/" onmouseout="hidetext()" onmouseover="showtext('Ide jöhet a menüről a leírás!')" target="_blank">Titanic</a>
<div id="tabledescription">
        &nbsp;
    </div>
</div>


CSS kód
 

<style type="text/css">
#coolmenu{ /* alapkinézet. Háttér + keret és a menü szélessége + a leírás betűstílusa */
    width: 300px;
    background-color: transparent;
    font-family: Tahoma;
    font-size: 12px;
    color: #000000;
}
#coolmenu a{ /* Alapkinézet pl. a betűméret és betűszínnek */
    padding: 5px;
    padding-left: 10px;
    display: block;
    width: 100%;
    color: black;
    text-decoration: none;
    border-left: 5px solid black;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
}
html>body #coolmenu a{
    width: auto;
}
#coolmenu a:hover{ /* a menü, ha ráviszed a linkre az egeret */
    background-color: black;
    color: white;
}
#tabledescription{
    width: 100%;
    height: 3em;
    padding: 2px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
}</style>


2 004 megtekintés

Hozzászólások