| Autor | Zpráva | ||
|---|---|---|---|
| crazynemo Profil * |
#1 · Zasláno: 4. 8. 2009, 21:32:32
Můžu se zeptat jak je vytvořen stín u oušek(tak je pojmenoval Yuhů) na hlavní stránce jakpsátweb (tzn. Návody, HTML, CSS,...) stín? Já bych na takové tlačítka použil obrázky ale css mění jen barvu.
CSS: /* ----------------------------------------------------------------- */
/* BARVY variace podle classu u body + barvy ousek */
/* default */
#prouzek {background-color: #4a6;}/*h1 { behavior: url('priklady/pokus2.htc')}*/
#ouska a {background-color: #eeeedd; border-color: #eed}
.zak #prouzek {background-color: #4a6;}
.zak #ouska a.zak, #ouska a.zak:hover {background-color: #4a6; border-color: #4a6}
.zak #prouzek a {border-color: #4a6}
.html #prouzek {background-color: #999;}
.html #ouska a.html, #ouska a.html:hover{background-color: #999; border-color: #999}
.html #prouzek a {border-color: #999}
.css #prouzek {background-color: #dab050; }
.css #ouska a.css, #ouska a.css:hover{background-color: #dab050; border-color: #dab050}
.css #prouzek a {border-color: #dab050}
.js #prouzek {background-color: #b69;}
.js #ouska a.js, #ouska a.js:hover{background-color: #b69; border-color: #b69}
.js #prouzek a {border-color: #b69}
.ost #prouzek {background-color: #6ad;}
.ost #ouska a.ost, #ouska a.ost:hover {background-color: #6ad; border-color: #6ad; }/*#4169e1*/
.ost #prouzek a {border-color: #6ad}
.clanky #prouzek {background-color: #8a9;}
.clanky #ouska a.clanky, #ouska a.clanky:hover {background-color: #8a9; border-color: #8a9}
.clanky #prouzek a {border-color: #8a9}
/* vybraná bílá záložka */
#prouzek a#sel {background-color: white; border-color: white; border-style: outset;}
#prouzek a:hover {color: #eed}
#prouzek a#sel:hover {color: black;}
HTML: <div id="ouska" > <a class="zak" href="index.html">Návody</a> <a class="html" href="html/index.html">HTML</a> <a class="css" href="css/index.html">CSS</a> <a class="js" href="javascript/index.html">JavaScript</a> <a class="clanky" href="clanky/index.html" >Články</a> <a class="ost" href="navigace/ostatni.html">Ostatní</a> </div> Tohle je část kodu kterou jsem přiřadil k ouškum, co dalšího jsem přehled? |
||
| Jan Tvrdík Profil |
#2 · Zasláno: 4. 8. 2009, 21:38:44
|
||
| Bubák Profil |
#3 · Zasláno: 4. 8. 2009, 21:48:32
Přehlédnul jsi třebas toto:
#ouska {line-height: 26px; font-size: 12px; letter-spacing:1px;}
#ouska a {
padding: 3px 5px;
border: 4px outset #eed;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
color: black;
background-color: #eed;
text-decoration: none;
}Ale je toho víc. Vem celé CSS, postupně umazávej, pokus smažeš něco navíc, použij Undo (Zpět, Ctrl+Z). Alebo začni od počátku, jak radí Jan Tvrdík. |
||
| crazynemo Profil * |
#4 · Zasláno: 4. 8. 2009, 21:51:53
díky, toho jsem si nevšiml
|
||
|
Časová prodleva: 15 let
|
|||
0