Staff en línea

[Javascript] Estadisticas como en punbbb
Tema iniciado por y Añadir a favoritos

[Javascript] Estadisticas como en punbbb 
el Jue Oct 23, 2014 1:52 pm
staff


Última edición por Chalo el Sáb Ene 02, 2016 2:32 pm, editado 3 veces
[codebox]Coloca las estadisticas como en punBB[/codebox]

CSS
Código:

/*Estadisticas*/
#stats {
  background: #F4F4F4;
  font-size: 11px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  color: #333;
  border: 1px solid #DDD;
  border-bottom: none;
  margin-top: 8px;
  padding: 8px 10px;
}
/*Estadisticas Nuestros miembros han publicado un total de X mensajes*/
#stats .h3 + p {
  float: right;
}
/*Eliminar titulo Estadisticas y lineas br*/
#stats .h3, .onlinelist br + strong + br, .onlinelist a + br + br +br + br, #i_whosonline {
  display: none;
}
/*Titulo Quien esta en linea*/
#stats + .h3 {
  border: none;
  font-weight: normal;
  text-transform: none;
  position: relative;
  margin-top: -26px;
  text-align: right;
  right: 14px;
  top: 33px;
}

#stats + .h3 a {
  font-size: 13px;
}
/*Cuadro Quien esta en linea*/
.onlinelist {
  font-size: 12px;
  color: #333;
  background: #F4F4F4;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  border: 1px solid #DDD;
  border-top-style:  dashed;
  margin-top: 8px;
  padding: 8px 10px;
}
/*Leyendas*/
.onlinelist em {
  font-style: normal;
}
JS
[hidecode]
Código:

$function(){
$(".forabg + .linklist").after('<div id="stats"></div>');
$("p + .clear + .h3, p.page-bottom + .h3, p.page-bottom").appendTo("#stats");
$("#i_whosonline + p").addClass('onlinelist');
});
[/hidecode]
Chalo
avatar

¿Que estoy pensando? :

vamos a hacer cosas geniales :) [table class=fecha_up][td]Se modifico:24/05/18 - 11:11 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6714


Puntos :

8781


Me gusta :

1010


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

Re: [Javascript] Estadisticas como en punbbb 
el Vie Ene 09, 2015 3:59 pm
¿Este código para qué sirve concretamente, aparte de lo que puede parecer a un novato como yo a primera visual?

¿Y dónde lo ubicaríamos?

Gracias anticipadas y gracias por el code.

:roll:

P.D.: Ya volveré a comentar tras recibir respuesta y lo volveré a ver, espero... ;)
Tao
avatar

¿Que estoy pensando? :

La cuarta dimensión [table class=fecha_up][td]Se modifico:8/09/16 - 23:52 hrs.[/td][/table]


Banner en temas :

http://coverjunction.s3.amazonaws.com/2012/131/6a42e7a0-25f2-4bac-8398-5a75a0eaf17f.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #333


Mensajes :

271


Puntos :

347


Me gusta :

54


ingreso :

04/01/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario http://lacuartadimension.foroactivo.com/

Volver arriba Ir abajo

Re: [Javascript] Estadisticas como en punbbb 
el Vie Ene 09, 2015 7:34 pm
staff
@Tao escribió:[quotelink="/t40-estadisticas-como-en-punbbb#679"]
¿Este código para qué sirve concretamente, aparte de lo que puede parecer a un novato como yo a primera visual?

¿Y dónde lo ubicaríamos?

Gracias anticipadas y gracias por el code.

:roll:

P.D.: Ya volveré a comentar tras recibir respuesta y lo volveré a ver, espero... ;)

los codigos que son javascript van colocados en esta sección



y los CSS van en donde ya te explicamos
Chalo
avatar

¿Que estoy pensando? :

vamos a hacer cosas geniales :) [table class=fecha_up][td]Se modifico:24/05/18 - 11:11 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6714


Puntos :

8781


Me gusta :

1010


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

Re: [Javascript] Estadisticas como en punbbb 
el Sáb Ene 02, 2016 2:23 pm
muchas gracias por el code
Roger
avatar

¿Que estoy pensando? :

Probando el status del foro [table class=fecha_up][td]Se modifico:9/03/17 - 9:13 hrs.[/td][/table]


Banner en temas :

http://thedesigninspiration.com/wp-content/uploads/2012/06/Facebook-Covers-029.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

304


Puntos :

342


Me gusta :

30


ingreso :

30/03/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

 En la misma categoria


Permisos de este foro:
No puedes responder a temas en este foro.