[CSS]Aplicar Mouse Over Effect a tu logo

Bueno este tutorial es para que cuando pasen el Mouse por el Logo aparezca otro logo o una intregracion a tu logo usando solo CSS

Tienes que hacer tu Logo diferente

Logo.png
y
Logo2.png


Index.css
Buscas
 

Code: [Select]

#logo

{

display: block;

width: 510px;

height: 100px;

background: url(../images/theme/logo.png) no-repeat;

}

Replazas por

Code: [Select]

#logo

{

display: block;

width: 510px;

height: 100px;

background: url(../images/theme/logo.png) no-repeat;
       

}
#logo a:hover {background: url(../images/theme/logo2.png) no-repeat;}


Linbdo tip! +1
Saludos

¿Podrías dejar una imagen de previa para ver el efecto que queda o alguna previsualización en web?

http://zstudios.byethost13.com/

este es mi foro tienes el logo el efecto ya puesto