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ü 22.

Vízszintes menü 22.


Menü 1 Menü 2 Menü 3

 

 


Menü kódja

<colormenu>
    <color><a href="ide jön az URL cím">Menü 1</a></color>
    <color><a href="ide jön az URL cím">Menü 2</a></color>
    <color><a href="ide jön az URL cím">Menü 3</a></color>
</colormenu>

CSS kód
A kódban mindenhol meg van jelölve, amin lehet állítani. A többi beállítást nem kell bántani, csak ha tudod mit csinálsz :)

<style type="text/css">
colormenu color { /* ezeket nem kell bántani */
background:#000000;
list-style: none;
height: 30px;
float:left;
padding:10px 5px;
}
colormenu color a { /* a menü kinézete */
    font-family: Arial, Helvetica, sans-serif !important; /* betűtípus a menüben */
    width: 180px; /* menü szélessége */
    height: 30px; /* nem kell bántani */
    line-height: 33px; /* nem kell bántani */
    border-bottom: 4px solid #636393;
    padding:0px;
    color: #ffffff !important; /* betű színe */
    font-size:15px !important; /* betá mérete */
    font-weight:normal !important;
    text-align:center;
    text-decoration: none;
    display: block;
    -webkit-transition: .2s all linear;
    -moz-transition: .2s all linear;
    -o-transition: .2s all linear;
    transition: .2s all linear;
}
color:nth-child(1) a { /* az első menü alatt a csík színe */
    border-color: #636393;
}
color:nth-child(2) a { /* a második menü alatt a csík színe */
    border-color: #B5222D;
}
color:nth-child(3) a { /* a harmadik menü alatt a csík színe */
    border-color: #D4953C;
}
color:nth-child(1) a:hover {
    border-bottom: 30px solid #636393; /* első menü alatt a feljövő háttér */
    height: 1px;
    color: #ffffff; /* betű színe */
}
color:nth-child(2) a:hover { /* 2. menü alatt a feljövő háttér */
    border-bottom: 35px solid #B5222D;
    height: 1px;
    color: #ffffff; /* betű színe */
}
color:nth-child(3) a:hover {
    border-bottom: 35px solid #D4953C; /*3. menü alatt a feljövő háttér */
    height: 1px;
    color: #ffffff; /* betű színe */
}
-->
</style>

Forrás: link
Ezt a kódot is sikerült átírnom, hogy normálisan lehessen használni a G-Portálon. :)

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

ANELIATH - varázslat és sárkányvér- Te ki leszel ebben a csavaroS Történetben? - SZEREPJÁTÉK    *****    ANELIATH - varázslat és sárkányvér- Te ki leszel ebben a csavaroS Történetben? - SZEREPJÁTÉK    *****    Gyere és csatlakozz a -Karstjäger- magyar airsoft csapatába!    *****    Szoba gyerekkel kiadó film meg tekinthetõ gportálon klikk ide!    *****    Simonyi ingatlan Debrecen Eladó luxus lakások, házak, telkek, üzletek, lakóparki ingatlanok. Simonyi ingatlan Debrecen    *****    Ajándékozz Horoszkópot! Lepd meg szeretteidet egy Személyre szóló asztrológiai elemzéssel és 1 éves elõrejelzéssel.    *****    A horoszkóp a lélek tükre,egyszer mindenkinek bele kell néznie, ehhez adok én,sok segítséget. Fordulj hozzám bizalommal!    *****    Az asztrológia sok segítséget ad az élet minden területén, de képzett, tapasztalt asztrológus kell hozzá, keress meg!    *****    Születési horoszkóp,3 év elõrejelzés,párkapcsolati elemzés,konzultáció.Tájékoztatás az oldalon! látogass,meg!!!    *****    | WATTPAD | Egy neves gimnázium, egy gazdag, arrogáns srác és egy ösztöndíjas lány nem mindennapi szerelme | WATTPAD |    *****    Bérkalkulátor    *****    Infrashape Horizontal fitness stúdió Debrecen    *****    Infrashape Horizontal fitness stúdió Debrecen    *****    too young and innocent | an aegyo queen | twice | neo culture technology    *****    LÉGY A MAGAD ASZTROLÓGUSA! Regisztrálj oldalamra és én segítelek elsajátítani az asztrológia tudományát!    *****    Tanuld nálam az asztrológiát teljesen ingyen, vagy kérj részletes asztrológiai elemzést &#8222;BECSÜLET KASSZÁS&#8221; alapon!    *****    Ú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!    *****    Születési horoszkóp,3 év elõrejelzés,párkapcsolati elemzés ingyenes konzultáció,tájékoztatás az oldalon! kattints ide!!!    *****    Bûbájos Boszorkák - Charmed - Hírek - Extrák - Érdekességek - Charmed - Bûbájos boszorkák - Sok - sok infó - Charmed -    *****    Pénzkeresés az Interneten! Csak is kipróbáld, tesztelt módszerekkel, melyek tényleg fizetnek!