2017. 11. 20.Képes project szövegdoboz 32.
2017. 11. 18.Videó beágyazása Coppermine galériába 2.0
2017. 11. 16.Coppermine themes
2017. 11. 16.WordPress themes
2017. 11. 15.Új design a LindaDesign-on
png-keszites.flv

PNG kép készítése

demi-lovato.png

Sosugary Gallery themes

lindadesign-fantasy.png

Coppermine Gallery themes

vanessa-marano.png

G-Portál themes

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.


1 912 megtekintés

Hozzászólások