Cikkajánló
Tény, hogy a fejléces menü kódjával nem csak menüt lehet a fejlécre helyezni, hanem bármi mást is, csak az évek alatt ez a név ragadt rá a fejléces kódra,
Remélem nem baj, ha megemlítem, de pár napja írtam a G-Portál Webmesterének, hogy milyen jó lenne, ha a Blog modul alatt a lapozót is lehetne CSS kóddal átalakítani. Erre
Általában a lapozást is mindenki bővítménnyel oldja meg. Viszont én amit lehet szeretek kóddal megoldani, mert a túl sok bővítmény lassíthatja a honlapot. Plusz kevesebb macera, mert nincs mit
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ü 19.


Menü kódja
 

<div align="center">
    <div id="fixmenu">
        Menücímek <a href="/">Menü 1</a> <a href="/">Menü 2</a> <a href="/">Menü 3</a> <a href="/">Menü 4</a> <a href="/">Menü 5</a>
    </div>
</div>


CSS kód
 

<style type="text/css">
#fixmenu {
    width:250px;
    padding:10px;
    border: 0px;
    text-align:center;
    font-family: Georgia;
    font-size: 20px;
    font-weight:normal;
    color:#f2f2f2;
    background-color:#1F1F1F;
}
* html #fixmenu {
    position:absolute;
}
#fixmenu a:visited, #fixmenu a {
    display:block;
    width:240px;
    height:20px;
    margin:0 auto;
    border-top:1px solid #BE9492;
    font-family: Georgia;
    font-size: 15px;
    font-weight:normal;
    color:#A36663;
    text-align:center;
    text-decoration:none;
    line-height:20px;
    padding-bottom: 5px;
    padding-top: 5px;
}
#fixmenu a:hover {
    background-color:#BE9492;
    color:#000000;
}</style>

lindadesign Hozzászólások
2 268 megtekintés

Hozzászólások