Como crear censos

Bueno, la verdad no es algo de lo que creí que se tuviera que hacer censo, pero me han preguntado cómo hacer uno varias veces y caí en la cuenta de que tal vez uno cuando lo sabe hacer suena simple pero antes... bueno, antes tal vez no (?) así que aquí os dejo las instrucciones para hacer un censo simple (:

Ante todo, lo que más me han preguntado es si se puede hacer automático. Que yo sepa, no se puede a menos que se trabaje en una plataforma privada - no en foroactivo - y teniendo acceso a la DataBase. Así que sí, cada vez que entre un nuevo usuario tendrán que modificar este codiguillo.


Paso 1: HTML
Comenzaremos montando un HTML simple en donde querramos que salga el censo (un módulo, el tablón de anuncios o cualquier lugar que soporte HTML):

Código:

Primer elemento <span class="censo censo1" style="width: 1px;"></span><br>

Debes colocar este HTML tantas veces como clases o razas o grupos necesites contar, modificando donde dice "Primer elemento" por el nombre de lo que vayas a contar (p. ej. vampiros, ángeles, magos, etc.) y cambiando el número que figura en el class por otro número, de modo que te queden tantos classes como elementos tengas.

Ejemplo:

Paso 2: CSS
Es necesario que le des un CSS básico a las barras que contarán a los usuarios. El siguiente código es necesario sí o sí:

Código:

.censo {
    display: inline-block;
    height: 20px;
}​

Puede variar el valor height dependiendo del tamaño de fuente empleado en el foro, por lo que recomiendo que lo ajusten según vean necesario (:

Pero además de esto, puedes darle diferentes colores a cada una de las barras del censo, llamandolas por su número. Supongamos que queremos que el color de la barra de censo3 sea #D1971B, en ese caso, vamos a añadir el siguiente CSS:

Código:

.censo3 {
background: #D1971B;
}

Del mismo modo se puede modificar estas barras para aplicar cualquiera de los efectos señalados en el tuto básico de cajas de este foro.


Paso 3: Añadir gente al conteo
Vale, esta es la parte insoportable. Cada vez que se registre alguien de tal o cual grupo, deberás ir a la barra correspondiente y aumentar el número donde dice style="width:1px;". Mi recomendación personal es que agreguen 2px por persona, pero no tengo idea de dónde colocarán el código, no sé si eso será mucho o será poco así que queda a vuestra disposición. Lo importante es que usen siempre el mismo valor, y si cambian de valor, recuerden actualizar toooodos los widths de todas las barritas. Es un trabajo aburrido, pero bueno, como todo en la vida ¡es cuestión de paciencia!