Loading ...
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 169 megtekintés