Cikkajánló
Kérdeztétek már jó sokan, hogy van-e rá valami megoldás, hogy KrazyJokes, Chazz és hasonló nevű egyének vagy robotok (ki tudja), ne firkálják tele a Chat-et. A válasz pedig, hogy
A költözésem óta a Coppermine Galéria témák menüpont üresen maradt. De most volt egy kis időm és három darab régebbi sablont a G-Portálos oldalamról áthoztam ide. Kicsit alakítottam rajtuk,
Már többször kérdeztétek tőlem, hogy meglehet-e azt csinálni, amikor átlátszó modult használtok, hogy csak a modul legyen átlátszó, de a benne lévő tartalom vagy kép az ne. A válasz
Sosugary Gallery | Jennifer Lawrence téma Szövegdoboz | Kattintásra kijelöli és másolja a szöveget Ingyenes téma | Coppermine Gallery free theme Prémium téma | Sophie Turner WordPress theme WordPress | Letöltés számláló
Vízszintes menü 18.

 

 

Menü kódja
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>

 

<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: link

lindadesign Hozzászólások
2 076 megtekintés

Hozzászólások