Personalizando el editor

Seguramente te ha pasado. Estás diseñando tu foro con un precioso tema oscuro. Te diriges a modificar la página de los temas o la de crear uno y ahí está, el editor. Empiezas a pelearte con el CSS, que si !important por aquí, !important por allá. Y, cuando por fin has puesto el editor blanco en un color que no moleste tanto te das cuenta de que los iconos, al ser imágenes, se ven horribles y no destacan con tu tema negro. Tranquilo, con esta guía tu dolor se acabará.

Sugerencia de temas al escribir

Sugiere a tus usuarios temas relacionados cuando estén abriendo nuevos temas para evitar hilos repetidos. Este es el mismo código utilizado por el foro oficial de soporte de Foroactivo.

Diseño a perfiles dependiendo del grupo

Con este código podrás añadir CSS único para los perfiles de los usuarios de cierto grupo, con el objetivo de obtener una mayor personalización. Personalizaciones antes complicadas, como el hacer que los perfiles de miembros de «Gryffindor» tengan un color rojo, son ahora sencillas con tan solo instalar este código.

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

Continuar leyendo “Diseño a perfiles dependiendo del grupo”

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”

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”