Cargando...
Rango
Sexo
Mensajes
Última visita
Miembro desde

Foro Nube » Servicios » Soporte Foroactivo

Foro Cerrado
Este foro se encuentra cerrado de forma indefinida. Puedes utilizarlo para revisar material antiguo que desees recuperar.

[PHPBB3][PEDIDO] Que los datos del perfil queden por encima del avatar al usar hover

Creado por ,

Mensaje [Página 1 de 1.]

Quinn

Publicado Lun 15 Sep - 19:11

Quinn
Sí, ya sé que no se me dan nada bien los títulos pero es que no se me ocurre una forma mejor de explicar lo que quiero (?

Estoy acostumbrada a usar el hover en el postprofile de manera que al pasar el ratón la imagen de perfil se mueva (ya sea con opacity, moviendolo hacia otro lado, etc.) dejando ver los datos del perfil. Lo que yo quiero es hacer que los datos estén por encima "invisibles" y que al pasar el ratón aparezcan, de este modo la imagen quedaría quieta y sin modificar.

¿es esto posible? 

Gracias de antemano! ^^

A 0 usuarios le gusta esto
Bret

Publicado Lun 15 Sep - 19:51

Bret
Administrador
Antes de nada, no has puesto la etiqueta correspondiente a la versión, así que supondré que es PHPBB3.

Veamos, como no has dicho qué efectos quieres simplemente haré el código base, que al pasar el ratón por el avatar muestre los perfiles. Ten en cuenta que tampoco has puesto un enlace hacia tu foro así que el código que te estoy haciendo está hecho para un foro PHPBB3 sin modificar.

Código:
.postprofile dl { min-height: 400px; }
.postprofile dl dt { position: absolute; z-index: 1; }
.postprofile dl dd { position: relative; z-index: 2; opacity: 0; }
.postprofile dl dt:hover ~ dd { opacity: 1; }

En la primera línea de código debes cambiar los 400 píxeles por la altura mínima que tendrá tu perfil. Por lo general es la suma de la altura de tu avatar más de la altura del nombre de usuario. En el resto no deberías tener la necesidad de cambiar nada.

A 0 usuarios le gusta esto
Quinn

Publicado Lun 15 Sep - 20:50

Quinn
Perfecto! Es justo lo que estaba bucando! Muchas gracias por responder y solucionarme la duda! <3

A 0 usuarios le gusta esto
Contenido patrocinado

Publicado

A 0 usuarios le gusta esto

Con la tecnología de Foroactivo y punBB