elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.
 
Inicio Ayuda Buscar Ingresar Registrarse
26 Mayo 2012, 15:21  


Tema destacado: [Overclocking] Récords de overclock del foro

+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web
| | |-+  Background como hipervinculo ... Ayuda !!!		 0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Background como hipervinculo ... Ayuda !!!  (Leído 755 veces)
Audioslave™

Desconectado Desconectado

Mensajes: 114


Ver Perfil
Background como hipervinculo ... Ayuda !!!
« en: 11 Agosto 2011, 08:43 »
Saludos a todos de este gran foro ^^

bueno tngo una duda y quisiera que me ayuden talves lo hagan talves no.. espero que si gracias de ante mano ^^

mi problema es que estoy desarrollando mi menu y quisiera darle mas estilo, quisiera que al pasar el mouse por la imagen que quiero .. cambie a una segunda imagen y que esta segunda imagen sea un hipervinculo .. bueno lo que yo eh intentado es lo siguiente

mi css:
td:hover {

   background:imagen1.png;

}

mi html:

<table>
   <tr>
      <td width="291" height="86" background="imagen2.png" >      </td>
   </tr>
</table>   

aqui lo que quiero es que la segunda imagen sea el hipervinculo  espero que me ayuden y para los que saven no se rian de mi pues solo soy un novato con ganas de aprender =) gracias ^^
En línea
EFEX


Desconectado Desconectado

Mensajes: 327


"Dinero Facil"


Ver Perfil WWW
Re: Background como hipervinculo ... Ayuda !!!
« Respuesta #1 en: 11 Agosto 2011, 09:46 »
Propiedades CSS
http://www.mclibre.org/consultar/amaya/css/css_propiedades.html

Código
background-image: url("RutaImagen.jpg"); 
 
En línea

GITHUB: github.com/empirefx
Audioslave™

Desconectado Desconectado

Mensajes: 114


Ver Perfil
Re: Background como hipervinculo ... Ayuda !!!
« Respuesta #2 en: 11 Agosto 2011, 11:13 »
Cita de: EFEX en 11 Agosto 2011, 09:46
Propiedades CSS
http://www.mclibre.org/consultar/amaya/css/css_propiedades.html

Código
background-image: url("RutaImagen.jpg"); 
 



ola gracias ^^ pero me podrias ayudar siendo un poco mas detallado porfavor ??? te lo agradeceria mucho
En línea
El As del Club Paris


Desconectado Desconectado

Mensajes: 1.815


Ver Perfil WWW
Re: Background como hipervinculo ... Ayuda !!!
« Respuesta #3 en: 11 Agosto 2011, 13:43 »
Código
td {
   background-image: url(imagen2.png);
   cursor:pointer;
}
 
td:hover {
   background-image: url(imagen1.png);
}

De esta forma al pasar el mouse por cualquier celda de una tabla su imagen de fondo cambiara de imagen2.png a imagen1.png, y ademas el cursor del mouse cambiara a una manito.
En línea
sudo suck --mycock -o force
EFEX


Desconectado Desconectado

Mensajes: 327


"Dinero Facil"


Ver Perfil WWW
Re: Background como hipervinculo ... Ayuda !!!
« Respuesta #4 en: 11 Agosto 2011, 14:35 »
Tambièn el habla de que la segunda imagen sea un hipervínculo‎, mi idea es que oculte un .div y muestre otro .div que estaba oculto y que este muestre el hipervínculo, algo asì:

Código
<html>
<head>
<title>CSS</title>
<style type="text/css">
/* Como en el ejemplo de [u]nsigned, definis un background para td
y al pasar el mouse este cambia por imagen1.jpg*/
td {
   background-image: url(imagen2.jpg);
   cursor:pointer;
}
td:hover {
   background-image: url(imagen1.jpg);
}
.enlace a {
   display:none; /* Ocultamos el enlace */
}
td:hover .enlace a {
   display:block; /* Al pasar el mouse sobre td mostramos el enlace */
}
td:hover .ocultar{
   display:none; /* y ocultamos */
}
 
</style>
</head>
<body>
 
<table>
   <tr>
	  <td width="291" height="86" >
		<div class="ocultar">Enlace</div>
		<div class="enlace"> <a href="#">ENLACE</a></div>
	  </td>
   </tr>
</table>
 
</body>
</html>
 
En línea

GITHUB: github.com/empirefx
Audioslave™

Desconectado Desconectado

Mensajes: 114


Ver Perfil
Re: Background como hipervinculo ... Ayuda !!!
« Respuesta #5 en: 11 Agosto 2011, 19:22 »
Cita de: EFEX en 11 Agosto 2011, 14:35
Tambièn el habla de que la segunda imagen sea un hipervínculo‎, mi idea es que oculte un .div y muestre otro .div que estaba oculto y que este muestre el hipervínculo, algo asì:

Código
<html>
<head>
<title>CSS</title>
<style type="text/css">
/* Como en el ejemplo de [u]nsigned, definis un background para td
y al pasar el mouse este cambia por imagen1.jpg*/
td {
   background-image: url(imagen2.jpg);
   cursor:pointer;
}
td:hover {
   background-image: url(imagen1.jpg);
}
.enlace a {
   display:none; /* Ocultamos el enlace */
}
td:hover .enlace a {
   display:block; /* Al pasar el mouse sobre td mostramos el enlace */
}
td:hover .ocultar{
   display:none; /* y ocultamos */
}
 
</style>
</head>
<body>
 
<table>
   <tr>
	  <td width="291" height="86" >
		<div class="ocultar">Enlace</div>
		<div class="enlace"> <a href="#">ENLACE</a></div>
	  </td>
   </tr>
</table>
 
</body>
</html>
 


:D Muchas gracias ^^ lo intenrtare.... les cuento despues como me fue
En línea
Audioslave™

Desconectado Desconectado

Mensajes: 114


Ver Perfil
Re: Background como hipervinculo ... Ayuda !!!
« Respuesta #6 en: 11 Agosto 2011, 20:04 »
Cita de: Audioslave™ en 11 Agosto 2011, 19:22

:D Muchas gracias ^^ lo intenrtare.... les cuento despues como me fue




que puedo decir.....  miles gracias ^^ consegui lo que queria.. aun que modifique algo ^^ pero igual muchisimas gracias...  que les valla bien ^^ javascript:void(0);
En línea
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Amigos necesito ayuda con un background para un logo de una web ayuda.
Diseño Gráfico 		™Carlos.® 2 476 Último mensaje 14 Agosto 2004, 00:23
por ™Carlos.®
Como tener el background del msn
Chats; IRC y Messengers 		funeraltrash 1 379 Último mensaje 13 Octubre 2005, 16:00
por zaerik
como poner un hipervinculo en mi web para administrar? [duda]
Desarrollo Web 		Txis 13 693 Último mensaje 8 Abril 2006, 05:03
por Txis
[AYUDA URGENTE]Cómo insertar un hipervinculo en un rich text box
Programación Visual Basic 		CICOLO_111234 4 1,319 Último mensaje 29 Octubre 2008, 21:23
por ✖ JuЯy ✖
aircrack en background como?
Hacking Wireless 		uzzy 0 561 Último mensaje 10 Agosto 2010, 14:22
por uzzy
Powered by SMF 1.1.16 | SMF © 2006-2008, Simple Machines