Cikkajánló
Sziasztok! A napokban készítettem rendelésre G-Portálos design-okat, és úgy belejöttem, hogy csak úgy, mert éppen volt időm, csináltam négy darab ingyen letölthetőt is :) Többször van, hogy mostanában úgy
Egy újabb G-Portálos teljes kinézetet hoztam. Ígérem most már lassan abbahagyon a GP-s design-ok gyártását, csak hát már olyan régen nem hoztam a G-Portálra bármilyen kinézetet vagy CSS kódot,
De most őszintén: bántottalak én valaha? Szóltam rólad bármikor is rosszat? Kibeszéltelek, szidtalak vagy mi a f*sz? Ki a fene vagy te, és mit képzelsz egyáltalán magadról, hogy csak
Prémium téma | Ellie Goulding G-Portálos téma WordPress | Bejegyzés nem jelenik meg a főoldalon Gal Gadot G-Portálos téma Emilia Clarke G-Portálos téma Cole Sprouse G-Portálos téma
Vízszintes menü 14.

Főoldal Grafika Kódok Leírások Facebook

 

 

Menü kódja
Itt kell átírni a linkeket és a link címeket. A / (per jel) helyére kell írnod a menük hivatkozásait.

 

<fullnavi><navimenu>
<a class="navimenulinkfix" href="/">Főoldal</a></navimenu>
<navimenu><a class="navimenulink" href="/">Grafika</a></navimenu>
<navimenu><a class="navimenulink" href="/">Kódok</a></navimenu>
<navimenu><a class="navimenulink" href="/">Leírások</a></navimenu>
<navimenu><a class="navimenulink" href="https://www.facebook.com/LindaDesign.NonStop" target="_blank">Facebook</a>
</navimenu></fullnavi>

 

CSS kód
Bármelyik menü kiemelhető, nem csak a főoldal, ahogy nálam. Ha másik menücímet szeretnél kiemelni, akkor a class=” után a navimenulink helyett ezt kell írni: navimenulinkfix. Ahogy a főoldal kódjában látható. És ehhez a CSS-ben külön lehet megadni a kinézetet is. De jelölve van a CSS-ben.
 

<style type="text/css">
fullnavi {
    list-style-type:none;
    margin:0;
    padding:0;
    overflow:hidden;
}
navimenu {
    float:left;
}
a.navimenulink { /* menü kinézete */
    display:block;
    width:110px;
    font-weight:bold !important;
    color:#FFFFFF !important;
    background-color:#934519;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    padding: 8px 2px 8px 2px;
}
a.navimenulink:hover { /* ha ráviszed az egeret kinézet */
background-color:#C05921;
}
a.navimenulinkfix { /* kiemelt menü kinézete */
    display:block;
    width:110px;
    font-weight:bold !important;
    color:#FFFFFF !important;
    background-color:#000000;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    padding: 8px 2px 8px 2px;
}
a.navimenulinkfix:hover { /* ha ráviszed az egeret a kiemelt fix menüre */
    background-color:#C05921;
}
-->    </style>


Forrás: link
Az eredeti menüt teljesen átírtam, mert úgy abban a formában használhatatlan lett volna, de a linken azért megtaláljátok a forráskódot.

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

Hozzászólások