Imagen de "Conectado" sobre el avatar

Foro donde exponer problemas de la Web o sugerencias para mejorar nuestra / vuestra comunidad.
Seguidores: SergioG, SergioG, BhEaN

Imagen de "Conectado" sobre el avatar

Notapor SergioG el 05 Jun 2017, 11:54

Buenas!

Antes de nada aviso: PIJADA :D

No llevo mucho en el foro, pero hay algo en lo que me fijo cada vez que entro y es la cartela de “Conectado” que aparece sobre los avatares de los usuarios.

Actualmente está en una capa interior a las imágenes, de ese modo, las que ocupan el ancho permitido, no se terminan de ver correctamente.

Propongo un par de soluciones:

1- Dejarlo tal cual y obviar mi mensaje jejeje

2- Modificarlo: seguramente será poner un div por encima (ya que es un gif transparente) o aplicar el mismo estilo .online a otra capa, aunque veo que está como background-image así que no se si va a servir, igual hay que hacer algún otro cambio. Si en algún momento lo habéis puesto detrás de las imágenes porque tapa demasiado, he hecho una opción de un punto verde, que es más discreto pero cumple su función.

Si os animáis a hacerlo y necesitáis que saque algún gif o png con la bolita verde o cualquier otra cosa que se os ocurra, contad conmigo.

Saludos!!
Adjuntos

cartela.png
CARTELA ACTUAL
cartela.png (10.36 KiB) Visto 1960 veces

actualmente.png
RESULTADO SOBRE AVATAR A FULLWIDTH
actualmente.png (145.7 KiB) Visto 1960 veces

opcion1.jpg
SOLUCIÓN 1
opcion1.jpg (30.88 KiB) Visto 1960 veces

opcion2.jpg
SOLUCIÓN 2 (PROPUESTA)
opcion2.jpg (29.41 KiB) Visto 1960 veces

En este mensaje, SergioG ha recibido un agradecimiento de:
BhEaN (06 Jun 2017, 13:49)
Avatar de Usuario
SergioG
Asidu@ en la selva
 
Mensajes: 139
Registrado: 05 May 2017, 00:28
Coche: Leon MK3 1.5 TSI 150cv
Agradecido: 47 veces

Re: Imagen de "Conectado" sobre el avatar

Notapor cvillajos el 05 Jun 2017, 12:47

SergioG escribió:Buenas!

Antes de nada aviso: PIJADA :D

No llevo mucho en el foro, pero hay algo en lo que me fijo cada vez que entro y es la cartela de “Conectado” que aparece sobre los avatares de los usuarios.

Actualmente está en una capa interior a las imágenes, de ese modo, las que ocupan el ancho permitido, no se terminan de ver correctamente.

Propongo un par de soluciones:

1- Dejarlo tal cual y obviar mi mensaje jejeje

2- Modificarlo: seguramente será poner un div por encima (ya que es un gif transparente) o aplicar el mismo estilo .online a otra capa, aunque veo que está como background-image así que no se si va a servir, igual hay que hacer algún otro cambio. Si en algún momento lo habéis puesto detrás de las imágenes porque tapa demasiado, he hecho una opción de un punto verde, que es más discreto pero cumple su función.

Si os animáis a hacerlo y necesitáis que saque algún gif o png con la bolita verde o cualquier otra cosa que se os ocurra, contad conmigo.

Saludos!!


También se le puede poner un 'z-index' superior por estilos CSS, para que quede por encima del avatar.¿No? (Siempre que la imagen sea transparente, claro).

Un saludo!!
- Seat Córdoba 1.9 TDI 130cv Sport --> [sold]
- Seat León ST 1.4 TSI ACT S&S 150cv FR --> [welcome]

¡¡Hazte socio del CPSL aquí y obtendrás numerosas ventajas!!
Avatar de Usuario
cvillajos
Moderador de Informática / Interfaces / Diagnosis
 
Mensajes: 12328
Imágenes: 0
Registrado: 14 Jun 2015, 13:32
Coche: Leon MK3 1.4 TSI 150cv
Agradecido: 3572 veces

Re: Imagen de "Conectado" sobre el avatar

Notapor javigody el 06 Jun 2017, 13:37

A mi la idea del puntito verde me gusta mucho.
SEAT León MK3 FR 1.4 TSI 150CV ACT

Instalador en Málaga -> VIM, bricos MK3, tempomat MK1 y más

--- ¡Colabora con nosotros y con la comunidad con tus backups de OBDeleven/Vagcom/VCDS en el siguiente enlace!: viewtopic.php?f=8&t=120732 ¡Gracias!---

En este mensaje, javigody ha recibido un agradecimiento de:
SergioG (06 Jun 2017, 13:46)
Avatar de Usuario
javigody
Aqui + que con la novi@
 
Mensajes: 759
Registrado: 13 Ago 2012, 21:23
Ubicación: Málaga
Coche: Leon MK3 1.4 TSI 125cv
Agradecido: 274 veces

Re: Imagen de "Conectado" sobre el avatar

Notapor BhEaN el 06 Jun 2017, 13:49

Buenas!

Gracias por el aviso/sugerencia/propuesta (no se cómo llamarlo, jejeje)...

Es cierto lo que comentas, de hecho ya lo sabía, pero la solución no es "trivial" porque como bien dices dicha imagen está configurada como "background" del tag que contiene el avatar en lugar de ser un <div> por encima del mismo (no se en qué pelotas estarían pensando los de phpBB)...

De nada sirve por lo tanto el z-index, ya que lo que habría que hacer es quitar esa imagen del background y colocarla en otra capa flotante cuya posición fuera absoluta (para que estuviera por encima del avatar) en la misma posición en la que empieza el avatar... pero como ya he comentado varias veces, phpBB está fatal hecho, y encima las nuevas versiones NO son compatibles con las anteriores, por lo que no podemos actualizar... sino que tendríamos que rehacer de cero la web en lo que a diseño, funcionalidades, etc. se refiere...

Así que si queremos solucionar esto ya no podemos contar con esta gente, tenemos que hacerlo nosotros... y al no ser un cambio "rápido" no se cuando podré mirarlo...

Saludos,
Seat Leon 1.9TDI 150cv FR Special Edition (Ver galería)
Nissan 370z 3.7 v6 344cv Nismo (Ver galería)
Te explicaré por qué estás aquí. Estás porque sabes algo, aunque lo que sabes no lo puedes explicar. Pero lo percibes, ha sido así durante toda tu vida. Algo no funciona en el mundo. No sabes lo que es, pero ahí está, como una astilla clavada en tu mente, y te está enloqueciendo.

En este mensaje, BhEaN ha recibido un agradecimiento de:
SergioG (06 Jun 2017, 13:50)
Avatar de Usuario
BhEaN
Staff Admin
 
Mensajes: 25618
Imágenes: 35
Registrado: 29 Sep 2005, 12:11
Ubicación: Madrid
Coche: Leon MK1 1.9 TDI 150cv
Agradecido: 1550 veces

Re: Imagen de "Conectado" sobre el avatar

Notapor SergioG el 06 Jun 2017, 13:56

javigody escribió:A mi la idea del puntito verde me gusta mucho.

Gracias @javigody, a mi me da un poco igual una solución u otra, esa la hice porque me parecía más discreta y funcional.

BhEaN escribió:Buenas!

Gracias por el aviso/sugerencia/propuesta (no se cómo llamarlo, jejeje)...

Es cierto lo que comentas, de hecho ya lo sabía, pero la solución no es "trivial" porque como bien dices dicha imagen está configurada como "background" del tag que contiene el avatar en lugar de ser un <div> por encima del mismo (no se en qué pelotas estarían pensando los de phpBB)...

De nada sirve por lo tanto el z-index, ya que lo que habría que hacer es quitar esa imagen del background y colocarla en otra capa flotante cuya posición fuera absoluta (para que estuviera por encima del avatar) en la misma posición en la que empieza el avatar... pero como ya he comentado varias veces, phpBB está fatal hecho, y encima las nuevas versiones NO son compatibles con las anteriores, por lo que no podemos actualizar... sino que tendríamos que rehacer de cero la web en lo que a diseño, funcionalidades, etc. se refiere...

Así que si queremos solucionar esto ya no podemos contar con esta gente, tenemos que hacerlo nosotros... y al no ser un cambio "rápido" no se cuando podré mirarlo...

Saludos,


Ok @BhEaN, si te animas a hacerlo en algún momento, yo saco un .png o un .gif de un circulito verde para los conectados a la medida que me digas y encantado, puedes contar conmigo :ok:

En cuanto a la versión de phpBB ni idea, por lo que habéis comentado en otras ocasiones es un poco faena que no sea compatible, pero igual no es tontería plantearse una fecha, hacer el cambio y luego ir incorporando funcionalidades poco a poco.

Al final mantenerse actualizado ya no sólo por temas de funcionalidad y visuales, si no por seguridad. Pero bueno como veáis, sólo que me da que en algún momento se va a tener que actualizar deprisa y corriendo y quizá sea peor. Pero bueno, tampoco ha pasado nada.

Gracias por el espacio para las sugerencias, saludos!!!
Avatar de Usuario
SergioG
Asidu@ en la selva
 
Mensajes: 139
Registrado: 05 May 2017, 00:28
Coche: Leon MK3 1.5 TSI 150cv
Agradecido: 47 veces

Re: Imagen de "Conectado" sobre el avatar

Notapor cvillajos el 06 Jun 2017, 15:46

Jod****r... ya me habéis hecho tener que desempolvar mis apuntes de CSS :mosqueao:

Otras opciones sin necesidad de desarrollo, únicamente con estilos e imagen de background:

Opción 1:

Avatar-OnLine-1.png


Opción 2:

Avatar-OnLine-2.png


Un saludo!!
- Seat Córdoba 1.9 TDI 130cv Sport --> [sold]
- Seat León ST 1.4 TSI ACT S&S 150cv FR --> [welcome]

¡¡Hazte socio del CPSL aquí y obtendrás numerosas ventajas!!

En este mensaje, cvillajos ha recibido un agradecimiento de:
SergioG (06 Jun 2017, 15:52)
Avatar de Usuario
cvillajos
Moderador de Informática / Interfaces / Diagnosis
 
Mensajes: 12328
Imágenes: 0
Registrado: 14 Jun 2015, 13:32
Coche: Leon MK3 1.4 TSI 150cv
Agradecido: 3572 veces

Re: Imagen de "Conectado" sobre el avatar

Notapor SergioG el 06 Jun 2017, 16:17

cvillajos escribió:Jod****r... ya me habéis hecho tener que desempolvar mis apuntes de CSS :mosqueao:

Otras opciones sin necesidad de desarrollo, únicamente con estilos e imagen de background:

Opción 1:
El adjunto Avatar-OnLine-1.png ya no está disponible


Opción 2:
El adjunto Avatar-OnLine-1.png ya no está disponible


Un saludo!!


Yeah @cvillajos!!!! Ese tab con la chuleta de https://www.w3schools.com/ jejeje

A mi las esquinas redondeadas de una forma tan exagerada no me molan mucho, sobre todo porque no todas las fotos de avatares ocupan el 100% del espacio, por ejemplo para la del compañero @CrAfTy (que se me ocurre ahora mismo) se le cortaría un cacho importante en proporción.

Yo creo que es “sencillo”, seguramente lo más complicado sea localizar el trozo del código donde insertarlo, supongo que si tenéis guardada alguna versión en local no será muy complicado buscando dentro del proyecto.

Para tirar, creo que pondría un div nuevo así, por ejemplo, después del tag “dl” del class profile:

<div class="online-v2" style="
position: absolute;
margin-left: 123px;
margin-top: 8px;
"><img src="https://cdn.shopify.com/s/files/1/0166/4148/t/40/assets/green_light_10.png?5264068037243078244"></div>


Y luego eliminar la clase que hay con la cartela actual y a correr.

Supongo que habrá formas más elegantes de hacerlo, pero para salir de paso puede valer.

Saludos!
Adjuntos

avatar.jpg
Avatar de Usuario
SergioG
Asidu@ en la selva
 
Mensajes: 139
Registrado: 05 May 2017, 00:28
Coche: Leon MK3 1.5 TSI 150cv
Agradecido: 47 veces

Re: Imagen de "Conectado" sobre el avatar

Notapor CrAfTy el 06 Jun 2017, 16:19

Aparezco porque se me menciona en un post y solo digo:

Dejad de dar trabajo a BhEaN, malditos porculeros! :crafty:

En este mensaje, CrAfTy ha recibido un agradecimiento de:
SergioG (06 Jun 2017, 16:27)
Avatar de Usuario
CrAfTy
Cansin@ de los leones
 
Mensajes: 12778
Registrado: 07 Oct 2004, 10:35
Ubicación: Madrid
Coche: Leon MK1 1.9 TDI 110cv
Agradecido: 238 veces

Re: Imagen de "Conectado" sobre el avatar

Notapor SergioG el 06 Jun 2017, 16:29

CrAfTy escribió:Aparezco porque se me menciona en un post y solo digo:

Dejad de dar trabajo a BhEaN, malditos porculeros! :crafty:


Perdona @CrAfTy, pero es que me venías perfecto para ponerte como ejemplo :mad:

Y todo lo contrario, era por facilitar la tarea a @BhEaN por si en algún momento decide ponerse con ello :mrgreen:
Avatar de Usuario
SergioG
Asidu@ en la selva
 
Mensajes: 139
Registrado: 05 May 2017, 00:28
Coche: Leon MK3 1.5 TSI 150cv
Agradecido: 47 veces

Re: Imagen de "Conectado" sobre el avatar

Notapor CrAfTy el 06 Jun 2017, 16:36

SergioG escribió:
CrAfTy escribió:Aparezco porque se me menciona en un post y solo digo:

Dejad de dar trabajo a BhEaN, malditos porculeros! :crafty:


Perdona @CrAfTy, pero es que me venías perfecto para ponerte como ejemplo :mad:

Y todo lo contrario, era por facilitar la tarea a @BhEaN por si en algún momento decide ponerse con ello :mrgreen:


Pobre @BhEaN :lol:
Avatar de Usuario
CrAfTy
Cansin@ de los leones
 
Mensajes: 12778
Registrado: 07 Oct 2004, 10:35
Ubicación: Madrid
Coche: Leon MK1 1.9 TDI 110cv
Agradecido: 238 veces


Volver a Problemas y sugerencias de la web


Temas similares


¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 4 invitados