Conectarse
Últimos temas
miembros del staff
Beta readers
|
|
|
|
Equipo de Baneo
|
|
Equipo de Ayuda
|
|
Equipo de Limpieza
|
|
|
|
Equipo de Eventos
|
|
|
Equipo de Tutoriales
|
|
Equipo de Diseño
|
|
créditos.
Skin hecho por Hardrock de Captain Knows Best. Personalización del skin por Insxne.
Gráficos por y codes hechos por Kaffei e Insxne.
Gráficos por y codes hechos por Kaffei e Insxne.
Ayuda con hover.
Página 1 de 1. • Comparte
Ayuda con hover.
Hey Hola! Tengo un problema con unos de mis codigos. Pues veran, hice unas varias pruebas con este codigo y no salia bien. Ok, el codigo lo hice usando el hover.
Aqui les dejo el codigo que hice pero no se ve una imagen que inserte al codigo.
Aqui les dejo el codigo que hice pero no se ve una imagen que inserte al codigo.
- Previsualizacion:
- ♔TituloLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim."Pasa Por La Imagen"
- Codigo HTML:
- Código:
<center><div style="width: 500px; height: 310px; border-left: 2px dashed DeepPink; border-right: 2px dashed DeepPink;"> [left][url=http://bit.ly/1CQO3PP][blur][color=DeepPink][size=10][i]♔[/i][/size][/color][/blur][/url][/left]
<center><link href='http://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'><div style="width:450px; font-family: 'Indie Flower', cursive; color:DeepPink ; font-size: 40px; text-aling: justify; magin-top: 5px;">Titulo</div></center>
<style type="text/css">#kathe {width: 450px; height: 230px; overflow: hidden; position: relative;} #kathe .code {position: absolute; bottom: 0px; width: 450px; height: 230px; transition: 0.5s;} #kathe:hover .code {bottom: -450px; transition: 0.5s;}</style><center><div id="kathe"><div class="code"><div style="width: 450px; height: 230px; background:url(http://31.media.tumblr.com/86440374c80350c662ad828198a8cb10/tumblr_n0yb1vz9NP1r006fqo2_500.gif);"></div></div><div style="width: 450px; height: 230px; background:#F2F2F2; text-aling: justify; overflow: auto;"><link href='http://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'><div style="width:400px; font-family: 'Indie Flower', cursive; color:DeepPink ; font-size: 15px; magin-top: 5px; text-aling: justify;">[justify]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.[/justify]</div></div></div></center>
<center><link href='http://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'><div style="width: 250px; font-family: 'Indie Flower', cursive; color:DeepPink ; font-size: 10px; text-aling: justify; magin-top: 5px;">"Pasa Por La Imagen"</div></center></div></center>
Invitado
Invitado
Re: Ayuda con hover.
no soy experta en hover, pero probé el código y todo se ve bien ¿cuál es la imagen que debería verse?
bless.
Re: Ayuda con hover.
O pues que raro...Yo lo veo asi
- Click:
Invitado
Invitado
Re: Ayuda con hover.
yo lo veo así, cuando paso el cursor por la imagen. Y también uso Chrome, bueno, estoy desde el celular ;-; igual podrías mandarle un mensaje privado a una de las chicas de ayuda para que se fije ;-; así tenes un tercer punto de vista (:
bless.
Re: Ayuda con hover.
Okey, ya te distes cuenta de que estoy desde el cel...Le pedire ayuda a las chicas de diseño...Thanks!
Invitado
Invitado
Página 1 de 1.
Permisos de este foro:
No puedes responder a temas en este foro.
Miér 20 Nov 2024, 12:51 am por SweetLove22
» My dearest
Lun 11 Nov 2024, 7:37 pm por lovesick
» Sayonara, friday night
Lun 11 Nov 2024, 12:38 am por lovesick
» in the heart of the circle
Dom 10 Nov 2024, 7:56 pm por hange.
» air nation
Miér 06 Nov 2024, 10:08 am por hange.
» life is a box of chocolates
Mar 05 Nov 2024, 2:54 pm por 14th moon
» —Hot clown shit
Lun 04 Nov 2024, 9:10 pm por Jigsaw
» outoflove.
Lun 04 Nov 2024, 11:42 am por indigo.
» witches of own
Dom 03 Nov 2024, 9:16 pm por hange.