Autor Zpráva
crazynemo
Profil *
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
http://www.jakpsatweb.cz/priklady/jakotlacitko.html
Bubák
Profil
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 *
díky, toho jsem si nevšiml

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: