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

Vízszintes menü 24.


A menüben bármelyik menüpont lehet kiemelt. Akkor az a menüsor a menükódban így nézzen ki:

  <a class="active" href="ide jön a menü linkje">Főoldal</a></li>

 

Menükód

<div id="centeredmenu">
    <ul>
        <li>
            <a class="active" href="ide jön a menü linkje">Főoldal</a></li>
        <li>
            <a href="ide jön a menü linkje">Grafika</a></li>
        <li>
            <a href="ide jön a menü linkje">Leírások</a></li>
        <li>
            <a href="ide jön a menü linkje">CSS kódok</a></li>
    </ul>
</div>

CSS kód

<style type="text/css">
#centeredmenu {
   float:left;
   width:100%;
   background:transparent; /* a teljes menü háttere */
   border-bottom:4px solid #000000; /* alsó vonal */
   overflow:hidden;
   position:relative;
}
#centeredmenu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#centeredmenu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}
#centeredmenu ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:8px 10px 8px 10px; /* menücím és a menüháttér közti táv */
   background:#7C9750; /* menü színe, kivéve az első menüpont */
   color:#ffffff; /* szöveg színe */
   text-decoration:none;
   line-height:1.3em;
}
#centeredmenu ul li a:hover { /* menü kinézete, ha ráviszed az egeret */
   background:#AE4646;
   color:#ffffff;
}
#centeredmenu ul li a.active,
#centeredmenu ul li a.active:hover { /* aktív menü (1.menüpont) kinézete */
   color:#ffffff;
   background:#000000;
   font-weight:bold;
}
--></style>

Forrás

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

Az asztrológiai elõrejelzések olyan tendenciákat mutatnak,melyek,nehéz döntéseknél nélkülözhetetlenek. Rendeld meg most!    *****    Az Éjszaka Misztériuma várja régi és új látogatóit újult erõvel, és heti több bejegyzéssel! | Nox Arcana    *****    Simonyi ingatlan Debrecen, Balaton 2019 Sok-sok új eladó ingatlannal bõvült kínálatunk válassza ki az önnek megfelelõt.    *****    Nagyon részletes születési horoszkóp, 3 éves ajándék elõrejelzéssel, ingyenes konzultációval, csak nálam. Kattints ide!!    *****    Ha te is szereted a Zöld Íjász elbûvölõ szerelmespárját az Olicityt akkor itt a helyed! Mindent róluk és a sorozatról!    *****    A születési horoszkóp az ÚJ ÉV legszebb meglepetése! Ajándékba küldök 3 év elõrejelzést, jó tudni milyen lesz a jövõ!!!!    *****    Zenei blog. Kritikák, listák, ajánlók és még több! -> Popusz    *****    családi pótlék utalása 2019 - dátumok, kifizetések, idõpontok az utalásról itt:    *****    MOVIE-NIGHT -> ÚJ FILMES OLDAL NYÍLT <- MOVIE-NIGHT    *****    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.    *****    A Roxfort Boszorkány- és Varázslóképzõ Szakiskola megnyitja kapuit!    *****    "Ó, én bizony korántsem merném állítani, hogy ismerem a Roxfort összes titkát." /Dumbledore/    *****    THE EVIL WITHIN| Harry Potter szerepjáték    *****    BOOKISLAND - könyvajánlók, ahol a könyvek életre kelnek - BOOKISLAND    *****    SoulSisters/ Nézz be az oldalunkra, ha érdekes cikkre, vagy épp kritikára vágysz. Hangolódj velünk az ünnepekre!    *****    Szereted az ünnepi idõszakot? Már hetekkel elõtte készülsz? Vagy legszívesebben elkerülnéd? Mondd el!    *****    RIZLINGDAYS BLOG ! MAKEUP, STUDY TIPS AND ALLDAYS FOR YOU ABOUT ME    *****    THE EVIL WITHIN| Harry Potter szerepjáték    *****    REAVER GROVE | urban fantasy frpg