Joy
campo2 Mensajes :
35
campo3 Blood :
183001
campo4 Frasesita :
¡Hey! Aquí puedes colocar una frase que sea de tu agrado. Cambia colores, fonts y mucho más. BBcode permitido.
Hice esta firma con un hover sencillo, se supone que la imagen de fondo debe moverse al pasar el ratón, pero no funciona y no logro encontrar qué está mal.
campo2 Mensajes : 35 campo3 Blood : 183001 campo4 Frasesita : ¡Hey! Aquí puedes colocar una frase que sea de tu agrado. Cambia colores, fonts y mucho más. BBcode permitido. | 50 mensajes publicados
¡Seis años!
¡Seis años juntos! ♥
|
Eine Krone
campo2 Mensajes :
151
campo3 Blood :
497984
campo4 Frasesita :
brekekekex koax koax
Hola hola, @ilp2242:
Veo dos cosicas en tu firma. En primer lugar, foroactivo te ha añadido un espacio raro en el style:
Desde hace ya unos meses, foroactivo tiene la mala costumbre de insertar saltos de línea y espacios raros en los posts sin motivo aparente, así que, si te vuelve a pasar, mira si no tienes uno de esos. Por otra parte, en el código tiene más importancia el estilo inline (osea, el style="lo que sea") que el que está entre las etiquetas style, por lo que el code no aplica el background-position: right center; con el hover. Para solucionarlo, añade !important antes del punto y coma, tal que así:
Veo dos cosicas en tu firma. En primer lugar, foroactivo te ha añadido un espacio raro en el style:
Desde hace ya unos meses, foroactivo tiene la mala costumbre de insertar saltos de línea y espacios raros en los posts sin motivo aparente, así que, si te vuelve a pasar, mira si no tienes uno de esos. Por otra parte, en el código tiene más importancia el estilo inline (osea, el style="lo que sea") que el que está entre las etiquetas style, por lo que el code no aplica el background-position: right center; con el hover. Para solucionarlo, añade !important antes del punto y coma, tal que así:
- Código:
<div class="firma" style=" display:inline; border-bottom: 8px solid #300B13;"><div id="firmimg" style="width: 400px; height: 170px;background-image: url('http://placehold.it/500x170'); background-position: left center; display: inline-block; margin-right: 5px;"></div><div style="width: 170px;height: 170px; background: url('http://placehold.it/170x170'); display: inline-block;"></div></div>
<style>.firma:hover #firmimg {background-position: right center !important;}</style>
¡Tu opinión importa!
Recuerda dar tu opinión acerca del tutorial cuando lo hayas leído o puesto a prueba. Dime qué te ha gustado, qué te ha parecido complicado, qué te ha funcionado, qué no... ¡Es la única manera para mejorar la calidad de los tutoriales!campo2 Mensajes : 151 campo3 Blood : 497984 campo4 Frasesita : brekekekex koax koax | Ojo de águila
Detectaste un error. >: |
¡Encontrando fantasmas!
Participaste del evento 2023
Jarro de Caramelos
Participaste del evento 2023
Ayudante destacado
Has sugerido y ha sido implementado.
Soporte al coder
Has resuelto una duda en la zona de códigos
Soy maestro
Has subido un tutorial en la zona de códigos
¡Dix love!
¡Amamos Dix Inmortal!
Mano amiga
Has resuelto la duda de otro usuario ♥
Cinnamon roll
Too good for this world, too pure
¡Aportando!
Has subido 3 aportes a la zona códigos
Coder Supreme
He ganado en uno o varios Code Challenge
Challenger
Participo en los Code Challenges
Raspadito Navideño
Participaste en el evento 2023
¡Seis años!
¡Seis años juntos! ♥
150 mensajes publicados
|
Joy
campo2 Mensajes :
35
campo3 Blood :
183001
campo4 Frasesita :
¡Hey! Aquí puedes colocar una frase que sea de tu agrado. Cambia colores, fonts y mucho más. BBcode permitido.
muchas gracias, Eine
campo2 Mensajes : 35 campo3 Blood : 183001 campo4 Frasesita : ¡Hey! Aquí puedes colocar una frase que sea de tu agrado. Cambia colores, fonts y mucho más. BBcode permitido. | 50 mensajes publicados
¡Seis años!
¡Seis años juntos! ♥
|
Contenido patrocinado
Permisos de este foro:
No puedes responder a temas en este foro.
|
|