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.
 

Asztrológiai tanácsadás, részletes elemzésekkel,a legkedvezõbb áron és ingyenes konzultáció,a csillagjövõ oldalon. Katt!    *****    ~~~~ SOS ~ KÉRLEK, KÖVESD BE EZT A PROFILT, DIPLOMAMUNKÁMHOZ SZÜKSÉGES! DOBJ OTT EGY ÜZIT, ÉS VISSZAKÖVETLEK! ~ SOS ~~~~    *****    Rendelj részletes születési horoszkópot,3 éves ajándék elõrejelzéssel. Várlak szeretettel az oldalamon, kattints ide!!!!    *****    3D VIRTUÁLIS VILÁG!REGISZTRÁLJ TÖLSD LE A JÁTÉKOT ÉS ISMERKEDJ VILÁG SZERTE ÚJ EMBEREKKE!CLICKELJ A REGISZTÁLÁSHOZ!!!    *****    Vonatozzunk együtt a gyereknapon! Robogjatok Budapesten vagy Balatonfenyvesen, vagy készítsetek kisvonatot a Mesetárban!    *****    Filmes hírek és kritikák lelõhelye. ÚJ oldal, ami filmekkel és színészekkel foglalkozik. Nézz be most és máskor is!    *****    Az egyetlen magyar forrás a BOSSZÚÁLLÓK univerzumáról | Az egyetlen magyar forrás a BOSSZÚÁLLÓK univerzumáról    *****    HAMAROSAN - DOVE CAMERON RAJONGÓI OLDAL - HAMAROSAN - DOVE CAMERON RAJONGÓI OLDAL - HAMAROSAN - DOVE CAMERON    *****    KÖNYVAJÁNLÓK - ha nem tudod mit olvass, itt találhatsz hozzá inspirációt - BOOKISLAND    *****    Loki rajongók! Fan Fiction és egyéb történetek! Gyere és olvass nálam kedvedre! Ha tetszik, claim loyalty to me! (Loki)    *****    Ayang - Avagy milyen is a világ az én szememmel    *****    LÉGY A MAGAD ASZTROLÓGUSA és segíts másoknak is az asztrológia tanaival!    *****    Társszerkesztõket keresek a dakotajohnson.tk újranyitásához.Ha érdekel és szeretnél jelentkezni kattints a részletekért!    *****    Április 22. a Föld napja! Az ünnep alkalmából cifraszûrös juhászlegény vár benneteket a Mesetárban! Nézzetek be hozzánk!    *****    Asztrológiai tanácsadás, részletes elemzésekkel, a legkedvezõbb áron és teljesen ingyenes konzultáció, idõkorlát nélkül!    *****    Egy jégkorong-rajongó lelkészgyakornok lány blogja - ha van kedved, nézz be, szeretettel látlak :) Gréti    *****    Minden Kedves látogatómat szeretettel várom Asztrológia oldalamon, ahol az oktatás INGYENES, az elemzés BECSÜLET-KASSZÁS    *****    Ayang Avagy milye is a világ az én szememmel    *****    Charmed - Új külsõ - Még több tartalom - Még több információ, érdekesség - CHARMED - Bûbájos boszorkák - Varázslat - Cha    *****    BOOKISLAND -> A könyvek birodalma elvezet a képzeletünk világába! <- BOOKISLAND