Diseño a mensajes dependiendo del grupo del autor

Con este código podrás darle diseño a los mensajes de tu foro dependiendo del grupo de quién los haya publicado. Gracias a esto podrás hacer modificaciones como poner en azul los mensajes de los miembros de la casa «Ravenclaw», etc.

Además, este código también identifica los mensajes de los invitados o de los usuarios sin color, por lo que las posibilidades son aún mayores.

El funcionamiento es el siguiente: se crea una clase que identifica a los grupos y se añade a div.post para poder hacer cualquier tipo de modificación.

Continuar leyendo “Diseño a mensajes dependiendo del grupo del autor”

Centrado horizontal y vertical «like a boss»

Si llevas tiempo diseñando tus propios skins o incluso creando tablillas, fijo que has tenido la necesidad de centrar algo alguna vez. Lo más probable es que tengas un método para centrar de manera horizontal, pero cuando intentas centrar de manera vertical, mágicamente el centrado se vuelve un dolor de cabeza. En las siguientes líneas haré que eso se acabe de una vez por todas.

Columnas «like a boss»

A veces hacer que dos elementos se muestren uno al lado de otro puede ser difícil, al menos hasta ahora. Gracias a esta guía el hacer columnas será cuestión de segundos.

Diseño especial a un tema dependiendo de si es Libre o Privado

Con esta guía tendrás clases específicas para cada tema en la lista de temas de un foro dependiendo del icono que tengan esos foros (por ejemplo, un icono para los temas Libros y otro para los Privados).

Hay que tener en cuenta que el código se basa en la lógica de los iconos que proporciona Foroactivo pero no los utilizará de la forma visual en la que se conocen. Con esto quiero decir que el código ocultará la interfaz de los iconos a los usuarios y no funcionarán tal y como se les conoce hasta ahora.

Continuar leyendo “Diseño especial a un tema dependiendo de si es Libre o Privado”

Diferenciar Moderadores, Moderadores del Chat y Administradores en el Chatbox

El siguiente código elimina la arroba de los moderadores del chat, tanto en los mensajes como en la lista de usuarios conectados. Al mismo tiempo, añade las siguientes clases a los usuarios dependiendo de sus permisos:

  • Moderador: .chat-user-mod
  • Moderador del chat: (los antiguos «arrobas») .chat-user-chatmod
  • Administradores: .chat-user-admin
  • Usuario: .chat-user-normal

Con estas clases, el código permite poner un identificador personalizado para los moderadores e incluso añadir cualquier tipo de formato personalizado con CSS (sombras, bordes, fondos, etc.).

Continuar leyendo “Diferenciar Moderadores, Moderadores del Chat y Administradores en el Chatbox”

Imagen personalizada en los títulos de los mensajes

Algunos foros están dando a sus usuarios nuevas formas de personalizar sus perfiles. Últimamente estoy viendo bastantes foros con imágenes elegidas por los usuarios al lado de los títulos de sus mensajes.

Según tengo entendido, esto es algo muy sencillo de implementar en la plataforma Jcink, pero en Foroactivo puede ser un poco más lioso. He decidido hacer esta guía para enseñaros como hacerlo en Foroactivo en unos muy sencillos pasos utilizando mi plugin de modificaciones a los perfiles.

Funcionamiento

El usuario podrá acceder a su perfil, donde un nuevo campo aparecerá para que introduzcan la URL a una imagen que deseen que aparezca en sus mensajes, al lado de los títulos.

Continuar leyendo “Imagen personalizada en los títulos de los mensajes”

Temas con barra de desplazamiento y mejoras en la visualización del texto

Es ya bien sabido que cada vez se utiliza más la técnica de las barras de desplazamiento o «scroll» para aprovechar espacio en las páginas. Se empezó en su momento con las tablillas, donde el scroll permitía centrar la atención en sus diseños detallistas y dejar en segundo plano lo menos importante: el texto. Ahora, podemos verlas desde en descripciones de foros, las últimas 24h o incluso algunos atrevidos están empezando a crear tendencia incluyendo el scroll en la leyenda de los grupos.

Continuar leyendo “Temas con barra de desplazamiento y mejoras en la visualización del texto”

Variables CSS

El lenguaje CSS ha sufrido unas cuantas mejoras desde que la especificación de su versión número tres salió a la luz. De entre las mejoras, siempre he estado siguiendo de reojo a la evolución de las variables CSS, puesto que suponen un gran avance en la editabilidad y escalabilidad de los códigos CSS.

Considero que esta característica ha madurado lo suficiente y tiene el soporte necesario por parte de los navegadores más corrientes para poder ser utilizado a día de hoy. Es por ello que os vengo a informar sobre ella y a enseñaros, de forma general, cómo utilizarla.

Continuar leyendo “Variables CSS”

Cambiar el diseño del foro dependiendo de la estación

No sé para que demonios puede servir este código, pero por las risas aquí os lo dejo. Con este JS podréis cambiar el diseño del foro dependiendo de la estación del año. Está preparado para seguir una lógica única para todos los usuarios (las estaciones del hemisferio norte o del sur).

Detalles a tener en cuenta

  • Funciona en todas las versiones de Foroactivo e incluso en Jcink (yay ?)
  • Por motivos de sencillez, se considera que todos los años las estaciones cambian el día 21.
  • Por motivos de usabilidad para los administradores de foros de RPG, todos los usuarios comparten la misma estación.

Continuar leyendo “Cambiar el diseño del foro dependiendo de la estación”