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

Vízszintes menü 18.


Leírás

Ez a menü akkor mutat a legjobban, ha a szerkeszthető fejlécbe teszed bele. Vagy is, ajánlott a kódot oda tenni!
Mivel maga a kód táblázatban van, így még több cellát is létrehozhatsz benne, ha esetleg van olyan információd, amit szeretnél mindig aktívnak tudni. A kódokat egymás alá illeszd be, úgy, ahogy itt van nálam. A CSS kódban írd át a színeket, betűtípust, stb. A képeket cseréld le a sajátodra, de nem muszáj. Okézd le és készen is vagy

Két fontos információ

  • A kódot én készítettem, kivéve a javascript részét, mert azt a neten találtam. De maga a menü saját!
  • A kód működik. Nem rossz, nincs benne semmi hiba. Ha nálad nem működik, akkor valamit elrontottál. Kihagytál egy kódrészt, vagy a CSS átírása közben történt valami baki. A lényeg, hogy ami itt van kód, az jó.

Menü kódja

<div class="nav">
    <table align="center" height="50" width="640">
        <tbody>
            <tr>
                <td align="left">
                    <a class="cssmenu" href="//aranymeli.gportal.hu">Főoldal</a> <a class="cssmenu" href="//aranymeli.gportal.hu/gindex.php?pg=19322271">Grafika</a> <a class="cssmenu" href="//aranymeli.gportal.hu/gindex.php?pg=20199690">Segítségek</a> <a class="cssmenu" href="//aranymeli.gportal.hu/gindex.php?pg=18012139">Kódok</a> <a class="cssmenu" href="http://www.linda.weboldala.net/" target="_blank">Galéria</a></td>
                <td align="center">
                    <a href="http://www.aranymeli.hu"><img alt="" src="//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1376229577_75.gif" style="width: 32px; height: 32px;" /></a> <a href="https://www.facebook.com/lindadesign.gportal" target="_blank"><img alt="" src="//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1367662327_23.png" style="width: 32px; height: 32px;" /></a></td>
            </tr>
        </tbody>
    </table>
</div>

CSS kódja

    <style type="text/css">
.nav {
    padding: 0;
    background-color: #3C3E50; /* a sáv háttérszíne */
    position: -webkit-sticky;
    z-index: 1;
        text-align: center;
    color: #fff; /* ha csak simán szöveget is írsz bele, akkor ez a szöveg színe */
}
.sticky { /* ezt NEM bántjuk! */
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 100;
}
a.cssmenu { /* menü kinézete */
    color: #F3F2F0 !important;
    padding: 10px;
    margin: 10px;
    font-size: 14px !important;
    font-family: georgia !important;
    background-color: transparent !important;}
a.cssmenu:hover { /* menü kinézete, ha ráviszed az egeret */
    text-decoration: underline;
}
-->    </style>

Javascipt kódok
A javascript kódokat nem kell bántani, csak úgy ahogy itt van illeszd be oda, ahol a menü is lesz!


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

Pont ITT Pont MOST! Pont NEKED! Már fejlesztés alatt is szebbnél szebb képek! Ha gondolod gyere less be!    *****    Kedves Csokoládé kedvelõk! Segítségeteket kérném a kérdõívem kitöltéséhez! Témája a CSOKOLÁDÉ MÁRKÁK! Köszön    *****    Mindig tudnod kell, melyik kikötõ felé tartasz. - ROSE HARBOR, a mi városunk - FRPG    *****    A boroszkányok gyorsan megtanulják... Minden mágia megköveteli a maga árát. De vajon mekkora lehet ez az ár? - FRPG    *****    Alkosd meg a saját karaktered, és irányítsd a sorsát! Vajon képes lenne túlélni egy ilyen titkokkal teli helyen? - FRPG    *****    why do all monsters come out at night - FRPG - Csatlakozz közénk! - Írj, és éld át a kalandokat!    *****    Aki szörnyekkel küzd, vigyázzon, nehogy belõle is szörny váljék. S ha hosszasan tekintesz egy örvénybe, az örvény vissza    *****    Rose Harbor, ahol a tenger suttog és a múlt sosem tûnik el teljesen. - FRPG - csatlakozz közénk te is :)    *****    Egy kikötõ, ahol minden hullám egy új kezdetet ígér. Rose Harbor, több mint egy város, egy világ a világ mögött.    *****    Rose Harbor &#8211; kisvárosi báj, nagy titkokkal - légy részese te is ennek a kalandnak :) - FRPG    *****    Óceán, erdõ, csillagfény &#8211; minden ösvény Rose Harborba vezet - aktív FRPG közösség    *****    Itachi Shinden 1. kötet Magyarul elérhetõ a konoha.hu -n. Nézzetek be! *** Itachi Shinden 1. kötet Magyarul elérhetõ!!!    *****    ÁGICAKÖNYVTÁRA - KÖNYVEK, KÖNYVEK, KÖNYVEK - ÁGICAKÖNYVTÁRA    *****    MOVIE-NIGHT -> Filmek, Sorozatok <- MOVIE-NIGHT    *****    Movie-    *****    Játssz a színekkel keress szebbnél szebb képeket, építs, szépítsd a portálod, hogy szebb és színesebb legyen a világod!    *****    Debrecen Huszti Lakóparki napelemes családiház eladó. 06209911123 Debrecen Huszti Lakóparki napelemes családiház eladó.    *****    Pont ITT Pont MOST! Pont NEKED! Már fejlesztés alatt is szebbnél színes szebb képek! Ha gondolod gyere less be!    *****    Kedves Csokoládé kedvelõk! Segítségeteket kérném a kérdõívem kitöltéséhez! Témája a CSOKOLÁDÉ MÁRKÁK! Köszön    *****    Homlokzati hõszigetelés! Vállaljuk családi házak, lakások, nyaralók és egyéb épületek homlokzati hõszigetelését!