Estadísticas: 2,611 foros :: 836,905 usuarios :: 32,394,456 mensajes en 1,984,881 temas.

foros.ws | Directorio de Foros | Top Foros | Información del Servicio | Crear nuevo foro ( OFF ) | Foro de Soporte
Acceder | Crear nueva cuenta

foros.ws > Foro de Soporte

Buscar mensajes en Foro de Soporte


imágenes que cambian de color con el cursor

Página 1 de 1

Ir abajo | Responder

Publicar Nuevo Tema   Responder al Tema        Índice de masters -> Musica, BBCODE, html, javascript, flash, ...
 Ver tema anterior :: Ver siguiente tema  
Autor Mensaje
Marckios
Principiante
Principiante
Marckios

Registrado: 06 Apr 2010
Mensajes: 2
Promedio por Día: 0
Ubicación: A Coruña, Galicia



Hombre



Estado: Desconectado
MensajePublicado: 30 Apr 2010 7:12 pm    Título del mensaje: imágenes que cambian de color con el cursor Responder citando

Hola pues mi pregunta hoy es, ¿Cómo hago para que esta imágen


se ponga así

mientras tenga el cursor por encima?
_________________
Volver arriba
Ver perfil del usuario Enviar mensaje privado Enviar correo Visitar sitio web del autor MSN Messenger
RikkuTenjou
master del universo!
master del universo!
RikkuTenjou

Registrado: 11 Apr 2010
Mensajes: 638
Promedio por Día: 0.44
Mujer



Estado: Desconectado
MensajePublicado: 11 Jun 2010 1:03 pm     Responder citando

Código:
<script type="text/JavaScript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>

<a href="http://instituto-sakurai.mforos.com/1671162-normas-del-foro/"><img src="http://img697.imageshack.us/img697/3227/normasblanconegro.jpg" width="180" height="38" border="0" id="Image1" onmouseover="MM_swapImage('Image1','','http://img163.imageshack.us/img163/7048/normascolor.jpg',1)" onmouseout="MM_swapImgRestore()" /></a><br />
<a href="http://instituto-sakurai.mforos.com/search/"><img src="http://img43.imageshack.us/img43/290/buscarblanconegro.jpg" width="180" height="38" border="0" id="Image4" onmouseover="MM_swapImage('Image4','','http://img187.imageshack.us/img187/9295/buscarcolor.jpg',1)" onmouseout="MM_swapImgRestore()" /></a><br />
<a href="http://instituto-sakurai.mforos.com/tagboard/"><img src="http://img163.imageshack.us/img163/6899/tagblanconegro.jpg" width="180" height="38" border="0" id="Image2" onmouseover="MM_swapImage('Image2','','http://img412.imageshack.us/img412/8523/tagboardcolor.jpg',1)" onmouseout="MM_swapImgRestore()" /></a><br />
<a href="http://instituto-sakurai.mforos.com/images/"><img src="http://img96.imageshack.us/img96/2717/galeriaimgblanconegro.jpg" width="180" height="38" border="0" id="Image3" onmouseover="MM_swapImage('Image3','','http://img412.imageshack.us/img412/1223/galeriaimgcolor.jpg',1)" onmouseout="MM_swapImgRestore()" /></a><br />
<a href="http://instituto-sakurai.mforos.com/1673624/9137205-listado-de-historias-completas-de-los-pj-s-del-rol/"><img src="http://img187.imageshack.us/img187/3774/historiasblanconegro.jpg" width="180" height="38" border="0" id="Image6" onmouseover="MM_swapImage('Image6','','http://img44.imageshack.us/img44/5603/historiascolor.jpg',1)" onmouseout="MM_swapImgRestore()" /></a><br />
<a href="http://instituto-sakurai.mforos.com/1797998-periodico-del-instituto/"><img src="http://img64.imageshack.us/img64/8365/periodicoblanconegro.jpg" width="180" height="38" border="0" id="Image5" onmouseover="MM_swapImage('Image5','','http://img187.imageshack.us/img187/6467/periodicocolor.jpg',1)" onmouseout="MM_swapImgRestore()" /></a><br />
<a href="http://instituto-sakurai.mforos.com/1671192/8385816-afiliate-normas/"><img src="http://img18.imageshack.us/img18/9459/afiliablanconegro.jpg" width="180" height="38" border="0" id="Image7" onmouseover="MM_swapImage('Image7','','http://img64.imageshack.us/img64/8483/afiliacolor.jpg',1)" onmouseout="MM_swapImgRestore()" /></a><br />
</center>




Para modificar este código a gusto nos tenemos que fijar en la parte de abajo, porque la última parte es la que tendremos que modificar con nuestras medidas, nuestros links y nuestras imagenes:

<a href="http://instituto-sakurai.mforos.com/1671162-normas-del-foro/"><img src="http://img697.imageshack.us/img697/3227/normasblanconegro.jpg" width="180" height="38" border="0" id="Image1" onmouseover="MM_swapImage('Image1','','http://img163.imageshack.us/img163/7048/normascolor.jpg',1)" onmouseout="MM_swapImgRestore()" /></a><br />

1. Como verán, deben cambiar la URL del principio por la vuestra. (<a href="http://instituto-sakurai.mforos.com/1671162-normas-del-foro/">)

2. luego colocar el link de la imagen principal que no cambia al pasar el cursor, (<img src="http://img697.imageshack.us/img697/3227/normasblanconegro.jpg")

3. Luego ajustar el tamaño de esa imagen al código (width="180" height="38")

4. Este paso es muy importante. Por cada "menú" del código deben poner un numero diferente en esta parte (id="Image1" onmouseover="MM_swapImage('Image1' ) Por ejemplo, en esta parte yo puse el 1 y coloque Image1 y Image1 en ambos lados del código. Esto sirva para que las imagenes vayan a par y se iluminen correctamente. En el siguiente menú será igual pero poniendo Image2.

5. Y por ultimo en esta parte añadimos el link de la imagen coloreada que aparecerá cuando pasemos el cursor por encima. ('http://img163.imageshack.us/img163/7048/normascolor.jpg',1)" )

Y así hasta que tengamos añadidos todos los minimenús que queremos poner. (Yo puse normas, inicio, foro, afiliaciones etc)
_________________


Cantidad de temas: 10687 | Mensajes: 169345 | Total usuarios: 2814

"Me gustas cuando no hablas,
porque es como si no estuvieras"
Volver arriba
Ver perfil del usuario Enviar mensaje privado Enviar correo Visitar sitio web del autor
Ari
Asiduo
Asiduo
Ari

Registrado: 18 Feb 2010
Mensajes: 97
Promedio por Día: 0.06
Ubicación: Gallifrey



Mujer



Estado: Desconectado
MensajePublicado: 11 Jun 2010 7:07 pm     Responder citando

este codigo, te permite usar ese efecto sobre que imagenes? del portal? o el encabezado o los foros?
_________________


Volver arriba
Ver perfil del usuario Enviar mensaje privado Enviar correo
RikkuTenjou
master del universo!
master del universo!
RikkuTenjou

Registrado: 11 Apr 2010
Mensajes: 638
Promedio por Día: 0.44
Mujer



Estado: Desconectado
MensajePublicado: 11 Jun 2010 7:11 pm     Responder citando

Supongo que la del encabezado no, porque al poderse utilizar solo bbcode es algo mas complicado, y sobre los foros no entendí bien que quieres decir, pero creo que no :/
_________________


Cantidad de temas: 10687 | Mensajes: 169345 | Total usuarios: 2814

"Me gustas cuando no hablas,
porque es como si no estuvieras"
Volver arriba
Ver perfil del usuario Enviar mensaje privado Enviar correo Visitar sitio web del autor
Enviar tema a:
Meneame Meneame
Digg

Guardar tema en favoritos:

Google Bookmarks

Yahoo Yahoo Bookmarks

Delicious Delicious

Sindicar titulares de este foro

Todas las horas están en GMT + 2 Horas

No puede crear mensajes
No puede responder temas
No puede editar sus mensajes
No puede borrar sus mensajes
No puede votar en encuestas

Página 1 de 1
Publicar Nuevo Tema     Responder al Tema        Índice de masters -> Musica, BBCODE, html, javascript, flash, ...


 
Saltar a:  




Contactar con el Administrador de foros.ws
Sobre... Privacidad | Términos del servicio | foros.ws es un servicio de ieFactory Internet. Datos legales