Avatar online offline away
Hace un tiempo estuve buscando como colocar un borde de color al avatar de usuario según este esté online u offline. Pues solo había con un plugin q...

Hace un tiempo estuve buscando como colocar un borde de color al avatar de usuario según este esté online u offline.

Pues solo había con un plugin que usaba cuatro imágenes, una para cada lado.

Seguro muchos saben como hacerlo, pero bueno, traigo una forma sencilla de hacerlo editando las plantillas y agregando unas cuantas líneas a nuestra hoja de estilos css.

Lo primero que deben de hacer es ir a ACP>>Estilos y Plantillas>>Plantillas>>Tu theme>>Caja del Mensaje>>postbit_away

Y cambian todo por:

Código:
postaway

Ahora se van a >>posbit_offline y cambian todo por:

Código:
postoffline

El tercer paso es ir a >>posbit_online y cambiar todo por:

Código:
postonline

Como cuarto paso vamos a posbit y a posbit clasicc y buscamos:

Código:
{$post['onlinestatus']}

Borramos eso y buscamos:

Código:
{$post['useravatar']}

Cambiamos esa variable por:

Código:
<div class="{$post['onlinestatus']}">{$post['useravatar']}</div>


Ahora vamos a la parte divertida xD

Nos dirigimos a ACP>>Estilos y Plantillas>>Tu theme>>global.css>>editar modo avanzado

Nos dirigimos al final de esa hoja de estilos y agregamos:

Código:
.postonline img {
    border: 5px solid #069400;
    border-radius:5px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.postoffline img{
     border: 5px solid #000;
     border-radius:5px;
     margin-top: 10px;
     margin-bottom: 10px;
  
}

.postaway img{
     border: 5px solid #FF6600;
     border-radius:5px;
     margin-top: 10px;
     margin-bottom: 10px;
}

Capturas de como queda pero usando otro CSS, ya digo que es cuestión de jugar con el CSS

[Imagen: JZLGa.png]

[Imagen: sfmpU.png]
Lo demás ya es cuestión de que cada uno juegue con el css a su antojo y que, de ser necesario, agregue los prefijos para mozilla, chrome, opera.
Equipo de Desarrollo de Skylium Network




Última modificación: 1 Dec, 2012, 8:36 pm por 1s44c.
Muy buena modificacion, Juliens. Habrá que probarla
podrias poner imagenes para que el usuario se oriente sobre que es Smile
:)
Gracias por el aporte! la verdad es que esta muy bueno Big Grin
y como quito eso que sale asi al lado del avatar


postonline , postoffline y eso D: