ConectarseRegistrarse
0

Temas

Monedas

Likes

0
Debes de estar Registrado y comentar para ver el enlace de descarga
Pulsa en Me Gusta para desbloquear contenidos ocultos y Agradecer por este aporte
Logros y Medallas obtenidos por

Temas Similares


Respuestas

avatar
Administrador
Administrador

Dalton
avatarDalton
Administrador
Ver perfil de usuario http://www.othispano.net
el Dom 06 Mayo 2012, 11:26 pm

Hola chicos! Hoy les dejo un nuevo código que consiste en que al pasar el cursor por uno de los números, sale un mensaje

Resultado:


Codigo;
Código:
<HEAD>
<style>

#ejemplo0 {
text-align: center;
display: block;
background-color: #28657D;
width: 400px;
height: 30px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#ejemplo1 {
text-align:center;
display:none;
width:400px;
line-height: 30px;
color: white;
font-family: arial;
text-shadow: black 1px 1px 1px;
}
#ejemplo2 {
text-align:center;
display:none;
width:400px;
line-height: 30px;
color: white;
font-family: arial;
text-shadow: black 1px 1px 1px;
}
#ejemplo3 {
text-align:center;
display:none;
width:400px;
line-height: 30px;
color: white;
font-family: arial;
text-shadow: black 1px 1px 1px;
}
#ejemplo4 {
text-align:center;
display:none;
width:400px;
line-height: 30px;
color: white;
font-family: arial;
text-shadow: black 1px 1px 1px;
}

#fondo{background-image:url(http://i41.servimg.com/u/f41/16/71/63/22/fondo14.png);
background-repeat:no-repeat;
width: 465px;
height: 100px;
}
</style>
<SCRIPT LANGUAGE="JavaScript">
function ver_ejemplo(user,ValueShow) {
var mousex = window.event.x;
var mousey = window.event.y;
user.style.display = ValueShow;
user.style.left = mousex + 5;
user.style.top = mousey;
}
</script>
</HEAD>
<BODY>
<br>
<center>


<div id="fondo">
<a onmouseover="ver_ejemplo(ejemplo1,'block')" onmouseout="ver_ejemplo(ejemplo1,'none')">
<img src="http://i41.servimg.com/u/f41/16/71/63/22/111.png">
</a>

<a onmouseover="ver_ejemplo(ejemplo2,'block')" onmouseout="ver_ejemplo(ejemplo2,'none')">
<img src="http://i41.servimg.com/u/f41/16/71/63/22/211.png">
</a>

<a onmouseover="ver_ejemplo(ejemplo3,'block')" onmouseout="ver_ejemplo(ejemplo3,'none')">
<img src="http://i41.servimg.com/u/f41/16/71/63/22/311.png">
</a>

<a onmouseover="ver_ejemplo(ejemplo4,'block')" onmouseout="ver_ejemplo(ejemplo4,'none')">
<img src="http://i41.servimg.com/u/f41/16/71/63/22/410.png">
</a><div id="ejemplo0">

<div id="ejemplo1">
<font> Primer ejemplo
</font>
</div>
<div id="ejemplo2">
<font> Segundo ejemplo
</font>
</div><div id="ejemplo3">
<font> Tercer ejemplo
</font>
</div><div id="ejemplo4">
<font> Cuarto ejemplo
</font>
</div>

</div></div>

</center>

Pueden colocar el código en el mensaje del índice o donde deseen!
saludos!.

Prueba;
http://www.webdesignforo.net/h6-prueba

avatar
Usuario VIP
Usuario VIP

.Storm
avatar.Storm
Usuario VIP
Ver perfil de usuario
el Sáb 26 Mayo 2012, 11:41 am

Muchas gracias por aportar.



avatar
Colaborador
Colaborador

3go0ne
avatar3go0ne
Colaborador
Ver perfil de usuario
el Dom 23 Sep 2012, 10:02 pm

@.Storm escribió:Muchas gracias por aportar.

Se te agradece el aporte fan



Sigueme en Twitter @3go0ne

AYÚDAME CON MI PROYECTO PARA CREAR UN FORO

Umbra ignis illuminat populus

Spoiler:
avatar
Usuario
Usuario

AlexSas
avatarAlexSas
Usuario
Ver perfil de usuario
el Vie 06 Mar 2015, 10:41 am

thanks

Permisos de este foro:
No puedes responder a temas en este foro.

 
Copyright © 2010 - 15-Tronos.net. All Rights Reserved.