Efekt ze strony Opcje

[kaznodzieja]

Witam 

Poszukuje sposobu jak wykonać efekt obrysowania nagłówka i ramki ze strony http://www.dobre-ksiazki.pl/ 

Chodzi mi o nagłówek "Dziś polecamy" i "Książka Tygodnia" i tych ramek które je otaczają

[vokiel]

Włączasz sobie stronę w FF, odpalasz FireBug'a, klikasz na ikonkę "Wskaż element strony, aby go zbadać" (druga po lewej, obok ikonki robaka). Wjeżdżasz kursorem nad badany element (pojawi się niebieska ramka w okół). Klikasz, i widzisz w źródle, że to znacznik h3, który jest ostylowany:

[CSS] pobierz, plaintext 
/* obramowanie */
#recomended {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #C0D0E0;
	margin-bottom:20px;
	margin-left:10px;
	padding:10px;
}
/* dziedziczy z body  */
body {
	color:#666666;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:small;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
}
/* nagłówek */
#content #recomended h3 {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(/images/box_title_bg.gif) no-repeat scroll left top;
	color:#D8790E;
	display:inline;
	float:left;
	font-size:13px;
	font-weight:bold;
	height:20px;
	margin-top:-10px;
	padding:2px 0 0;
	position:relative;
	text-align:center;
	width:190px;
}
 
#content div h3 {
	-x-system-font:none;
	border:0 none;
	clear:right;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	line-height:normal;
	margin:0;
	right:-1px;
	top:-0.8em;
}
[CSS] pobierz, plaintext 

Obrazek tła: (IMG:http://www.dobre-ksiazki.pl/images/box_title_bg.gif)

[kaznodzieja]

Wielkie dzięki, działa