domingo, 1 de julio de 2012

Botones que cambian al pasar el ratón por encima:

Se suelen poner en los temas que tiene una columna lateral a la derecha, izquierda o en ambos lados. 
Os explico como va (en el tema redux) :

En los codigos HTML la columna lateral empieza desde la imagen de usuario hasta el ultimo contenido de la barra) Si no lo encuentras en tus códigos HTML preta 
"ctrl + F"  y pon en el recuadro de búsqueda

<div id="sidebar">


LEETE:  http://codigoshtmlparatumblr.blogspot.com.es/2012/07/barra-lateral-de-algunos-temas-de.html 
----------------------------------------------------------------------------------------------------------


Pega este codigo HTML:


<script language=”JavaScript”>
function cambiar (flag,img) {
if (document.images) {
if (document.images[img].permitirloaded) {
if (flag==1) document.images[img].src = document.images[img].permitir.src
else document.images[img].src = document.images[img].permitir.oldsrc
}
}
}
function preloadcambiar (img,adresse) {
if (document.images) {
img.onload = null;
img.permitir = new Image ();
img.permitir.oldsrc = img.src;
img.permitir.src = adresse;
img.permitirloaded = true;
}
}
</script>
<center><div id= “menu”>


<a onmouseover=”cambiar(1,’IMG1’);” onmouseout=”cambiar(0,’IMG1’);” href=”http://smile-smile-smile-forever.tumblr.com/ask“>
<img border=”0” src=”Imagen_que_saldra_para_clickarle” onload=”preloadcambiar(this,’Imagen_que_saldra_al_pasar_el_raton_por_encima’);” name=”IMG1”/></a>


Te explico como va:

Tienes que rellenar las comillas en negrita con lo que te dice, y si quieres poner mas botones (ask, submit, random, etc) solo tienes que poner la URL que quieras que te redireccione, en el primer parrafo.


Un error muy común en esto es no numerar las categorías.
TE EXPLICO. 
El código de las categorías contiene 3 veces `IMG1´. Date cuenta que al poner la 2ª categoría (o la que sea) tendrás que cambiar los tres "1" por un 2 (o el número que quieras) y siempre tienen que ser los tres números iguales en los dos párrafos.

MIRA ESTA IMAGEN:

Los tres números después de "IMG" son 7. Y en la siguiente categoría son los tres números 6.




Si quieres que al pasar el ratón por encima de la imagen no 

cambie o como crear categorías leete: 
http://codigoshtmlparatumblr.blogspot.com.es/2012/11/imagen-que-te-redireccione-una-pagina.html



Si quieres creear categorias con estos codigos leete: 

http://codigoshtmlparatumblr.blogspot.com.es/2012/11/imagen-que-te-redireccione-una-pagina.html 

No hay comentarios:

Publicar un comentario