Az oldal menüje
 
Az év weboldala - 2013


Photoshop leírások

Ikonbázis
Galéria
 

 
Címkék

A blogban leggyakrabban használt címkék

 

Neko

Vízszintes menük
Vízszintes menük : Vízszintes menü 20.

Vízszintes menü 20.



 

Menükód
Itt kell átírni a linkeket és a link címeket. Kiemeltem őket más színekkel, hogy könnyebb legyen :)

<fullnavi>
<navimenu><a class="navimenulinkfix" href="//aranymeli.gportal.hu/">Főoldal</a></navimenu>
<navimenu><a class="navimenulink" href="//aranymeli.gportal.hu/gindex.php?pg=19322271">Grafika</a></navimenu>
<navimenu><a class="navimenulink" href="//aranymeli.gportal.hu/gindex.php?pg=18012139">Kódok</a></navimenu>
<navimenu><a class="navimenulink" href="//aranymeli.gportal.hu/gindex.php?pg=20199690">Leírások</a></navimenu>
<navimenu><a class="navimenulink" href="https://www.facebook.com/lindadesign.gportal" target="_blank">Facebook</a></navimenu>
</fullnavi>

CSS kód
Bármelyik menü kiemelhető, nem csak a főodal, 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;
    color:#FFFFFF;
    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;
    color:#FFFFFF;
    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.

Még nincs hozzászólás.
Csak regisztrált felhasználók írhatnak hozzászólást.
 

A végtelen szeretet az egyetlen igazság, minden más illúzió.    *****    Ha sok mindent tudni szeretnél és válaszokra vársz látogass el oldalamra!    *****    SZEREPJÁTÉK - Csatlakozz közénk és légy részese egy kalandnak - FRPG - Még nem késõ csatlakozni - SZEREPJÁTÉK    *****    VANESSA HUDGENS - A LEGNAPRAKÉSZEBB MAGYAR RAJONGÓI OLDALAD A TEHETSÉGES ÉNEKES-SZÍNÉSZNÕRÕL - VANESSA HUDGENS    *****    Ipari elektronkia szerviz, villamos kéziszerszám javitás, érintésvédelmi felülvizsgálat. elektronika-szerviz.gportal.hu    *****    Minden lány egy kicsikét királylány, minden Fiú kicsit hõs lovag. - FRPG    *****    | WATTPAD | Egy neves gimnázium, egy gazdag, arrogáns srác és egy ösztöndíjas lány nem mindennapi szerelme | WATTPAD |    *****    Szerepjáték &#8211; Csatlakozz közénk, és részese Te is a kalandoknak - FRPG    *****    Egy igazi hõs sem tudja magáról, hogy hõs. - Egy igazi hõs sem tudja magáról, hogy hõs.    *****    Nincs Új Poszt Cousin & Best Friend & A Lot More    *****    az új élet reményében, hajózz    *****    ANELIATH - varázslat és sárkányvér    *****    csillagütközés marcangolta nász    *****    Katt!Katt!Katt! Lépj be a galopp versenyparkunkba! Katt Katt!    *****    Új lovas szerepjáték! * Új lovas szerepjáték! * Lépj be a lovak csodálatos világába! Nevelj te is nálunk!    *****    ANELIATH - varázslat és sárkányvér- Te ki leszel ebben a csavaros Történetben? - SZEREPJÁTÉK    *****    Te ki leszel ebben a csavaros, mágiával, intrikával és hataloméhséggel f&#251;szerezett olvasztótégelyben?    *****    Te ki leszel ebben a csavaros, mágiával, intrikával és hataloméhséggel fûszerezett olvasztótégelyben?    *****    Vörös sziluett az emlékvárban    *****    'cause I am only human