Cikkajánló
Már elég régóta szenvedtem azzal, hogy a JetPack-ban a közösségi ikonokat, amit alulra tesz ki ez a bővítmény a cikkek aljára, meglehessen változtatni a helyét. Ami még felettébb zavart
Hat hónap után végre kicsit felfrissítettem az oldalam kinézetét. Eltartott egy darabig mire megálmodtam, hogy hogyan nézzen ki. Eléggé egyszerűre sikeredett, de nekem tetszik. Ez által megismertem kettő darab
Igazából ezzel a kicsike programmal azt lehet letesztelni, hogy kisebb vagy nagyobb felbontásban az oldalatok kinézete vagy azon elhelyezett menük, galéria képek, üdvözlő üzenetek nem-e csúsznak el más felbontásokban.
Blog téma G-Portálra 2.0 Betűtípus kereső Teszteld oldalad felbontását URL cím értelmezése CSS kód beillesztése G-Portálra
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 807 megtekintés

Hozzászólások