2018. 04. 24.Coppermine | Thumbnails képek méretének változtatása egyszerűen
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
Coppermine Gallery themes

Coppermine Gallery themes
81 napja
112 néző

WordPress themes

WordPress themes
82 napja
114 néző

G-Portál themes

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

Tumblr themes

Tumblr themes
82 napja
101 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 067 megtekintés

Hozzászólások