alex27
Miembro
- Mensajes
- 88
- Puntuación de reacciones
- 43
- Puntos
- 18
En xenforo publicaron el siguiente tema http://xenforo.com/community/threads/online-status-indicator-within-threads.8813/ y aqui en XenFacil el siguiente http://www.xenfacil.com/temas/onlinestatus.1032/
Me puse a trabajar en la plantilla Extra.css, para mejorar para que no muestre un texto simple de Conectado o No Conectado.
La mejora que le hice fue colocarle color en una franja de acuerdo al status del usuario .
Van al tema de Xenforo y se bajan el addons y lo instalan en caso que no lo tengan ya instalado, luego buscan la plantilla Extra.css insertan o editan segun sea el caso el siguiente codigo:
La muestra esta en la siguiente imagen
Espero que mejoren un poco el aspecto de todos los Foros y sobre todo que se ve mejor si un usuario esta o no conectado.
Me puse a trabajar en la plantilla Extra.css, para mejorar para que no muestre un texto simple de Conectado o No Conectado.
La mejora que le hice fue colocarle color en una franja de acuerdo al status del usuario .
Van al tema de Xenforo y se bajan el addons y lo instalan en caso que no lo tengan ya instalado, luego buscan la plantilla Extra.css insertan o editan segun sea el caso el siguiente codigo:
Insertar CODE, HTML o PHP:
#messageUserInfo .helper {
background: transparent url(styles/default/xenforo/online_anim.gif) no-repeat;
display: block;
height: 60px;
right: -225px;
position: absolute;
top: -16px;
width: 250px;
}
/* Conectado - No Conectado | Mejorado por alex27 | */
.userUserOnline,.userUserOnlineInvisible
{
font-weight: bold;
font-size: 10px;
color: @contentBackground;
background: #008000 url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top;
padding: 1px 5px;
margin: -5px;
border: 1px solid #008000;
border-radius: 3px;
border-top-right-radius: 0px;
border-top-left-radius: 0px;
display: block;
float: inherit;
position: relative;
box-shadow: 0px 1px 3px rgba(0,0,0, 0.25);
}
.userUserOnline .firstSpan, .userUserOnlineInvisible .firstSpan
{
background-color: #008000;
border-top-right-radius: 3px;
position: absolute;
top: -4px;
right: -1px;
width: 4px;
height: 4px;
}
.userUserOnline .secondSpan, .userUserOnlineInvisible .secondSpan
{
background-color: #008000;
border-top-left-radius: 3px;
position: absolute;
top: -4px;
left: -1px;
width: 4px;
height: 4px;
}
.userUserOffline
{
font-weight: bold;
font-size: 10px;
color: @contentBackground;
background: #B40404 url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top;
padding: 1px 5px;
margin: -5px;
border: 1px solid #B40404;
border-radius: 3px;
border-top-right-radius: 0px;
border-top-left-radius: 0px;
display: block;
float: inherit;
position: relative;
box-shadow: 0px 1px 3px rgba(0,0,0, 0.25);
}
La muestra esta en la siguiente imagen
Espero que mejoren un poco el aspecto de todos los Foros y sobre todo que se ve mejor si un usuario esta o no conectado.