¿Como poner el icono "Conectado" encima del avatar?Tema Solucionado

[Fran!]

Versión phpBB: 3.0.8
MODs Instalados: No son necesarios
Plantilla(s) usada(s): Supernova (Prosilver)
Servidor: Gratuito, Linux, Xtreemhost
Actualización desde otra versión: No
Conversión desde otro sistema de foros: No
URL: http://varyx.xtreemhost.com/

¡Hola!

Algunos usuarios de mi foro ponen el avatar muy grande y cuando están conectados el lazo de "Conectado" sale por debajo del avatar, impidiendo su lectura.

He probado con el z-index desde el firebug pero no funciona por lo que no se que hago mal, si me pueden aconsejar....

[Juanla]

En este caso creo que no es posible hacer uso del z-index, según entiendo una de las mejores cosas que puedes hacer es restringir el ancho del avatar un poco. O en vez de usar esa imagen de online/offline usar algo como esto:
http://www.coloreatuforo.com/tutoriales ... t1339.html

[Fran!]

¿Pero no hay otra forma aunque sea moviendo templates u algo parecido?

Necesito que se pongan por encima.

[Juanla]

Para hacerlo puedes usar imágenes en el HTML, en vez de la que usa el CSS, para ello hacen falta algunos cambios que no tengo tiempo de indicarte, espera aver si alguien responde con otra alternativa

[Megabyte]

Explico: "Encima del avatar" no es lo mismo q "arriba del avatar", por lo que creo que mi respuesta no te será tan util si es la primara opción, pero igual, te la dejo, esto es para que pongas el icono arriba del avatar o antes del avatar.

ABRIR ../styles/supernova/template/viewtopic_body.html

BUSCAR:

Código: Seleccionar todo

				<!-- IF postrow.POSTER_AVATAR -->

					<!-- IF postrow.U_POST_AUTHOR --><a href="{postrow.U_POST_AUTHOR}">{postrow.POSTER_AVATAR}</a><!-- ELSE -->{postrow.POSTER_AVATAR}<!-- ENDIF --><br />
				<!-- ENDIF -->
				<!-- IF not postrow.U_POST_AUTHOR --><strong>{postrow.POST_AUTHOR_FULL}</strong><!-- ELSE -->{postrow.POST_AUTHOR_FULL}<!-- ENDIF -->

AGREGAR ANTES el codigo para mostrar el icono de conectado y un <br /> luego, opcional.

[Fran!]

Yo lo que quiero es que me realice la misma función que el z-index, poner la imagen encima para que no sea tapada.

[Fran!]

Revivo tema.