Buenas, llevo unas horitas probando y probando para conseguir hacer un hover con unos botones de facebook que he puesto en mi footer.
El tema es que algo mal debo estar haciendo en la hoja de estilos ya que no consigo que me identifique las clases que creo.
He probado también con el onmouseover y no he conseguido nada tampoco xD, puede ser que solo funcione con .gif onmouseover?
Bueno independientemente de ello me gustaria conseguir hacerlo con css ya que es más simple.
Haber si podeis ayudarme :D Este es el codigo del footer:
Código:
<div id="footer">
<div class="botones-footer">
<a style="float:left;position:relative;left:120px;top:20px;" id="fcbuton1" href="http://www.facebook.com/BauliaWeb" target="_blank"><img src="http://baulia.com/oc-content/themes/olxES/images/facebook-black.png" ></a>
<a style="float:left;position:relative;left:140px;top:20px; " id="fcbuton2" href="https://twitter.com/AnunciosBaulia" target="_blank"><img src="http://baulia.com/oc-content/themes/olxES/images/twitter-black.png" ></a>
<a style="float:left;position:relative;left:160px;top:20px; " id="fcbuton3" href="http://www.youtube.com/channel/UC4wg775jHQVhkoFqyxC7IAA" target="_blank"><img src="http://baulia.com/oc-content/themes/olxES/images/youtube-black.png" ></a>
<a style="float:left;position:relative;left:180px;top:20px; " id="fcbuton4" href="http://www.linkedin.com/profile/view?trk=tab_pro&id=225864438" target="_blank"><img src="http://baulia.com/oc-content/themes/olxES/images/linkedin-black.png" ></a>
<a style="float:left;position:relative;left:200px;top:20px;" id="fcbuton5" href="http://baulia.com/blog" target="_blank"><img src="http://baulia.com/oc-content/themes/olxES/images/blog-black.png" ></a></div>
<div class="inner"> <span> © Baulia 2013</span>
<a href="<?php echo osc_contact_url(); ?>"><?php _e('Contacto', 'olx') ; ?></a> |
<?php osc_reset_static_pages() ; ?>
<?php while( osc_has_static_pages() ) { ?>
<a href="<?php echo osc_static_page_url() ; ?>"><?php echo osc_static_page_title() ; ?></a> |
<?php } ?>
</div>
</div>
</div>
Y este es el codigo que estoy utilizando en css
Cita: #footer .botones-footer a.fcbuton1 {background: url(../images/facebook-black.png);}
#footer .botones-footer a.fcbuton1:hover { background: url(../images/facebook2.png);}
Gracias por adelantado :D
Saludos!