Topic: Como puedo hacer esto?

June 19, 2013 - 03:33 15:33

Como puedo hacer esto?

Datos importantes:
Url del foro: http://network-gamers.com/
Version de SMF: 2.0.4
Theme del foro: MysticJade

Descripcion del problema:
Hola a todos , quería pedirles ayuda , quiero hacer que mi logo se vea diferente cuando paso el cursor sobre el , busquen un tutorial en smf , y encontre esto :http://www.smfsimple.com/index.php/topic,3373.html

Pero tengo un problema , cuando abro Index.css busco la lineas y en ves de aparecerme como me lo pone en el tutorial , me aparecen así :

#logo a { float: left; margin: 0; display: block; width: 400px; height: 100px; background: url(../images/custom/logo.png) no-repeat;}

Como puedo hacer esto que quiero?

Espero que me puedan ayudar

saludos y gracias

**Reply #1** June 19, 2013 - 03:42 15:42

Solo tenes que agregar el #logo.hover {background: url(../images/theme/logo2.png) no-repeat;}

**Reply #2** June 19, 2013 - 04:27 16:27

#logo a { float: left; margin: 0; display: block; width: 400px; height: 100px; background: url(../images/custom/logo.png) no-repeat;}
#logo.hover {background: url(../images/theme/logo2.png) no-repeat;}

Si lo agrego asi , estaria bien ?

Pd: Gracias Lean por ayudarme

**Reply #3** June 19, 2013 - 04:46 16:46

claro, prueba y veras

**Reply #4** June 19, 2013 - 05:20 17:20

Quote from: Lean on June 19, 2013 - 03:42 15:42

Solo tenes que agregar el #logo.hover {background: url(../images/theme/logo2.png) no-repeat;}

Si me das un dia te puedo hacer un bonito efecto (trato) xdd

Enviado desde mi iPhone usando tapatalk 2

**Reply #5** June 19, 2013 - 05:23 17:23

Quote from: nikooo14 on June 19, 2013 - 05:20 17:20

Quote from: Lean on June 19, 2013 - 03:42 15:42
Solo tenes que agregar el #logo.hover {background: url(../images/theme/logo2.png) no-repeat;}
Si me das un dia te puedo hacer un bonito efecto

Ovio! Te espero , no hay problema , avisame cuando lo tengas amigo !

Muchas gracias a los 2 !

Enviado desde mi iPhone usando tapatalk 2

Leaa intente modificando el index.css pegando el codigo como te lo mostre anteriormente , agrege el logo2.png a la carpeta de mi theme y sin embargo no noto cambios al pasar el mouse :S

**Reply #6** June 19, 2013 - 05:40 17:40

Fijate que la imagen logo2 no esta. Adonde la pusiste? Pasame el link directo de la imagen

Edito: Cuack, la pusiste en /images/custom/logo2.png, y vos en el css estas poniendo theme en ves de custom

Edito 2: El tutorial estaba mal, enrealidad es #logo a:hover y lo demas

**Reply #7** June 19, 2013 - 06:23 18:23

Quote from: Lean on June 19, 2013 - 05:40 17:40

Fijate que la imagen logo2 no esta. Adonde la pusiste? Pasame el link directo de la imagen

Edito: Cuack, la pusiste en /images/custom/logo2.png, y vos en el css estas poniendo theme en ves de custom

Edito 2: El tutorial estaba mal, enrealidad es #logo a:hover y lo demas

EL logo 2 lo puse en la misma carpeta que logo 1 , osea custom

Y lo segundo no entendi xD

**Reply #8** June 19, 2013 - 06:34 18:34

Dale, no me hagas laburar che XD
#logo a:hover {background: url(../images/custom/logo2.png) no-repeat;}

Ahi estas llamando a la imagen en la carpeta images/theme y enrealidad el logo esta en images/custom, por eso nunca iba a andar.

**Reply #9** June 19, 2013 - 06:39 18:39

Lean Sos un kapo !

, Graaacias amigo , y debes en cuando hace bien

Jajaja Un saludo cuidatee !

**Reply #10** June 19, 2013 - 06:43 18:43

ajajaja que hdp!!! Para eso estamos. (pero aveces tambien tiren un fernecito por lo menos cheeeee)
Saludos

Como puedo hacer esto?