2018. 04. 18.Videó | PNG készítése Photoshop-ban
2018. 04. 17.Coppermine | Eredeti kép megnyitása új lapon és nem új ablakban
2018. 04. 03.Képről szöveg másolása
2018. 04. 02.Coppermine Galéria költöztetése
2018. 04. 01.Gif készítése Photoshop-ban
Coppermine Gallery themes

Coppermine Gallery themes
78 napja
110 néző

WordPress themes

WordPress themes
79 napja
114 néző

G-Portál themes

G-Portál themes
79 napja
67 néző

Tumblr themes

Tumblr themes
79 napja
99 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 031 megtekintés

Hozzászólások