2018. 01. 02.Mi lesz a G-Portállal?
2018. 01. 01.Coppermine | Magyar nyelvű galéria (hungarian.php)
2017. 12. 23.Saját videó beágyazása weboldalba
2017. 12. 18.Coppermine vagy Sosugary galéria?
2017. 12. 18.Coppermine | Egyedi főoldali tartalom
Coppermine Gallery themes

Coppermine Gallery themes
19 napja
45 néző

WordPress themes

WordPress themes
21 napja
48 néző

G-Portál themes

G-Portál themes
21 napja
25 néző

Tumblr themes

Tumblr themes
21 napja
42 néző

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.


2 005 megtekintés

Hozzászólások