Cmo puedo poner esto

eZakto

Member
Messages
782
Reaction score
1
Points
18
No entendi lo primero...
Si te refieres a que cambie el fondo cuando pasas el mouse, se hace así:

Pones cada link en una celda de una tabla (<td>link</td>) o divs, y le asignas una clase (<td class="clase").

Luego, en el head, donde va el estilo CSS, pones esto:

.clase:hover { background-color: #FFFFFF; }

Saludos.
 

yaxiiah

New Member
Messages
268
Reaction score
0
Points
0
Woo gracias! ya me salio eso.. ahora me gustaria saber como hacer para que una imagen que sea link se cambie por otra cuando pones el mouse sobre esta
 

medina

x10 Addict
Community Support
Messages
1,809
Reaction score
6
Points
38
eso es mas complicadito si tienes dream wevaer hay una opcion es un codigo largo... lo tengo en mi pagina ve www.ituto.com.ar/indez.html esta del lado isquiero lo q dice beta
 

yaxiiah

New Member
Messages
268
Reaction score
0
Points
0
Hay pss yo quiero hacer algo igual..pero no tengo ni dreamweaver ni frontpage..no me podrias pasar le codigo y yo lo modifico a mi pagina?
 

medina

x10 Addict
Community Support
Messages
1,809
Reaction score
6
Points
38
con css lo puedes hacer
hasta es mejor ya q con el codigo es muy complicado son cmo 100 lineas

hazlo asi

.imagen:hover { background: url(www..com); }
 

eZakto

Member
Messages
782
Reaction score
1
Points
18
Si haces eso, cambiará la imágen de fondo, y eso no es un atributo de imagen (Una imagen con imagen de fondo?), eso se le agrega a las tabla, para eso la imágen principal tendria que ser una imagen de fondo y el atributo hover tendría que estár acoplado a la celda, es decir:
Code:
<table>
  <tr>
    <td class="imagen1"></td>
  </tr>
<table>

y en el CSS:

Code:
.imagen1 { background-image: url("imagen1.gif"); }
.imagen1:hover { background-image: url("imagen1_over.gif); }

Cosa que no es muy recomendable si quieres que la imagen sea un link. Porque, para que esto pase, por imagen tendrías que tener una celda, y para ello, todas acomodadas en una tabla, cosa que puede llegar a cambiar el diseño de la web. Además, para que la celda con imagen de fondo sea un link, tendrías que rellenarla con una imágen trasparente que ocupe el mismo tamaño que la imagen de fondo y a esta agregarle el link, cosa que no es muy agradable.

Saludos.
 
Last edited:

yaxiiah

New Member
Messages
268
Reaction score
0
Points
0
woo bueno pss me salio ahi mas o menos.. chequenlo aqui
http://with-hilary.com/home.html

La navegacion...fue solo practica.. como comienzo..ya que le agarre ek ritmo se pueden hacer cosas cjodas...siento que cada vez aprendo mas!
 

eZakto

Member
Messages
782
Reaction score
1
Points
18
Buenísima te quedó la navegación!

Una recomendación, solo para optimizar el código, el script lo ponés así:
Code:
<script language="JavaScript" type="text/javascript">
<!--
if (document.images)
{
var maker1 = new Image();
maker1.src = "http://with-hilary.com/images/nav1.jpg";
}
//-->
</script>
<script language="JavaScript" type="text/javascript">
<!--
if (document.images)
{
var maker2 = new Image();
maker2.src = "http://with-hilary.com/images/nav2.jpg";
}
//-->
</script>
[...]

Pero lo podés situar todo dentro del mismo tag script, osea:
Code:
<script language="JavaScript" type="text/javascript">
<!--
if (document.images)
{
var maker1 = new Image();
maker1.src = "http://with-hilary.com/images/nav1.jpg";
}
//-->

<!--
if (document.images)
{
var maker2 = new Image();
maker2.src = "http://with-hilary.com/images/nav2.jpg";
}
//-->
[...]
</script>

Saludos.
 

medina

x10 Addict
Community Support
Messages
1,809
Reaction score
6
Points
38
Pero con css pienso q es mas profesional y aparte de q es mucho mas corto!... perdon me quicoque!...
 

eZakto

Member
Messages
782
Reaction score
1
Points
18
No es ni más ni menos profesional, porque el javascript es un lenguaje de tan alto nivel como el css, con el que se pueden hacer incluso mejores cosas.

Además, leíste lo que dije antes? Para que el hover funcione con css tiene que tener la imagen principal como fondo de celda, y una serie de cosas más.

Saludos.
 

medina

x10 Addict
Community Support
Messages
1,809
Reaction score
6
Points
38
Osea q es mejor javascript en lo personal mientras mas lijero osea menos lineas tenga la pagina cambiado ese tipo de cosas por hover se me hace mejor por q carga mas rapido mas facil etc etc peor no niego q javascript no es ningun tiop de programacion mala ni nada se esq es muy buena y de las mas usasdas!

Saludos
Gracias por tu aclaracion
 

yaxiiah

New Member
Messages
268
Reaction score
0
Points
0
Jaja..bueno muchas gracias.. lo voy a corregir, gracias en serio por ayudar a personas tan incultas en esto como yo jaja... porque en serio que a veces no les entiendo nada al idioma que hablan.. pero bueno.. con la practica se hace al maestro
 

medina

x10 Addict
Community Support
Messages
1,809
Reaction score
6
Points
38
y no es inculto es principiante !!!! se aprende viendo y preguntando y para eso estamos :D
 

eZakto

Member
Messages
782
Reaction score
1
Points
18
Yo supongo que mientras no sea la canción entera, menos de la mitado o asi (creo yo), no hay problema...

Lo de la calidad... No enitendo... Por qué vas a tener que bajarla?

Saludos.

Edito: Lol, me equivoqué de thread xD Esto iba en el otro de la intro :p
 
Last edited:

medina

x10 Addict
Community Support
Messages
1,809
Reaction score
6
Points
38
bueo el mensaje llego al destinatario es lo q importa
 
Top