как се прави тази картинка

Maistorcheto

Registered
как се правят тези картинки
pic.gif
една картинка, а е направена като е горната страна на картинката(бялата) тя се показва винаги, а като миниш с мишката върху нея се показва долната (оранжевата) това с photoshop ли се прави или има някакъв код.
 
Прави се с CSS. Eто така
Код:
#menu { 
	width: 167px; 
	margin: 0px; 
} 

#menu a { 
	height: 16px; 
	voice-family: "\"}\""; 
	voice-family: inherit; 
	height: 19px; 
	text-decoration: none; 
} 

#menu a:link, #menu  a:visited { 
	color: #FFF; 
	display: block; 
	background: url(menu2.gif); 
	padding: 8px 0 0 35px; 
} 

#menu  a:hover { 
	color: #FFF; 
	background: url(menu2.gif) 0 -32px;  /* тук казваш коя част от снимката да се покаже */
	padding: 8px 0 0 35px; 
}
Това ти е примерно цсс-а.
и се прилага така в страницата -
Код:
<div id="menu">
<a href="index.php">Начало</a>
</div>
И това е цялата философия.
Като минеш с мишката ти се показва горната или долната част на снимката. Това се определя от тези разстояние - background: url(menu2.gif) 0 -32px; и padding: 8px 0 0 35px;
Ето я снимката за примера
menu2.gif


A това меню работещо може да го видиш тук
 

Горе