Cikkajánló
Készítettem a napokban egy WordPress sablont. A kódját megpróbáltam leegyszerűsíteni, hogy minél könnyebben lehessen felhasználni vagy átalakítani. A sablon ingyenes, de csak regisztrált felhasználók érhetik el. Egy kis pillanatképet
Felkerültek a galériába a Portfólió albuma a nagyjából pár hónapja rendelt kinézetek. Nem tudom, hogy mi történt főleg most ősszel, mert magamhoz képest elég sok rendelés összegyűlt. Főleg azért
A mai napra egy újabb G-Portálos kinézetet készítettem. Maisie Williams-nek nagyon szeretem ezt a fotósorozatát, így rá esett a választásom, hogy ő fog a fejlécre kerülni, amiben most is,
Prémium téma | Zendaya Coleman G-Portálos téma Sosugary Gallery | Jennifer Lawrence téma Szövegdoboz | Kattintásra kijelöli és másolja a szöveget Ingyenes téma | Coppermine Gallery free theme Prémium téma | Sophie Turner WordPress theme
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>

lindadesign Hozzászólások
1 937 megtekintés

Hozzászólások