Cikkajánló
7. rész   Ebben a részben a column_side azaz a G-Portálon lévő szélső modullal ismerkedhettek meg. Lásd a cikk alatt a képen a szélső sötét színű modult. Ezt a
Hasznosabb kódokat már jó régen nem hoztam, így ma összedobtam három féle új script-et. A kódok előnézeti képei láthatóak a kiemelt képen. Kettő darab project dobozt készítettem. Ebből az
Egy olyan kódot hoztam, amivel meg lehet jeleníteni a látogatók számát az adott bejegyzésekben vagy oldalakban. Hasonló a PostViews számlálóhoz annyi különbséggel, hogy ide semmilyen bővítményt nem kell feltelepíteni,
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ü 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 885 megtekintés

Hozzászólások