elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.
 
Inicio Ayuda Ingresar Registrarse
07 Octubre 2008, 20:35  



+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderadores: дٳŦ٭, Red Mx)
| | |-+  Ayuda hipervinculos, tablas....
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Imprimir
Autor Tema: Ayuda hipervinculos, tablas....  (Leído 167 veces)
kraszic

Desconectado Desconectado

Mensajes: 240


Ver Perfil
Ayuda hipervinculos, tablas....
« en: 13 Mayo 2008, 18:50 »

Buenas vereis, todo empieza cuando estoy mirando templates y veo uno q tiene un menu a la izquierda y cuando pasas el raton por encima del boton del menu este cambiaba de color o aparecia una luz. Me gusto este efecto y fui a ver el codigo y vi q no era muy complicado y yo lo podia hacer.

Este es el codigo q lo hace:

En primer lugar esta la etiqueta de estilo css
Código:
.memoria1 {
background-image: url(images/template_07.png);
}
.memoria2 {
background-image: url(images/menu_memoria.png);
}

Despues el codigo con el q se consigue:
Código:
<td colspan="2" class="memoria1" onMouseOver="this.className='memoria2'" onMouseOut="this.className='memoria1'">


Como vereis el codigo es mas o menos q al poner el raton encima, el fondo de la celda cambie de imagen. Mi problema ahora es q les queria poner a estos "botones" hipervinculos a los apartados de mi web, y aqui es donde la he liado porq no se pueden poner hipervinculos a tablas ni a celdas asi q no se q hacer, darme soluciones porfavor.

saludos
En línea

«BadStupidMonkey™»

Desconectado Desconectado

Mensajes: 85


Mari.....Juana.....


Ver Perfil WWW
Re: Ayuda hipervinculos, tablas....
« Respuesta #1 en: 13 Mayo 2008, 19:15 »

Podrías utilizar el evento "onclick"
Código
onclick="window.location='http://www.google.com'" >

Te quedaría mas o menos asi:

Código
<td colspan="2" class="memoria1" onMouseOver="this.className='memoria2'" onMouseOut="this.className='memoria1'" onclick="window.location='tupagina.html'">

si lo deseas personalizar un poco mas...por ejemplo que al pasar por encima se muestre el típico cursor de hipervinculos....
eso seria algo así:


Código
style="cursor:pointer"

En total el codigo te quedara asi:

Código
<td colspan="2" class="memoria1" onMouseOver="this.className='memoria2'" onMouseOut="this.className='memoria1'" onclick="window.location='tupagina.html'" style="cursor:pointer">


Espero aver te ayudado...
Saludos


« Última modificación: 20 Junio 2008, 14:02 por BadStupidMonkey™ » En línea

I am bad and stupid.. but you are ugly xD
Páginas: [1] Ir Arriba Imprimir 
Ir a:  







Consolas     La Web de Goku     MilW0rm     MundoDivx

Hispabyte     Truzone     TodoReviews     ZonaPhotoshop

hard-h2o modding    Foros de ayuda    Yashira.org    Videojuegos    indetectables.net   

Noticias Informatica    Seguridad Informática    ADSL    Foros en español    eNYe Sec

Todas las webs afiliadas están libres de publicidad engañosa.

Powered by SMF 1.1.6 | SMF © 2006-2008, Simple Machines LLC