Clases únicas a los campos del miniperfil

Personaliza los miniperfiles de tu foro haciendo que cada uno de los campos tenga una clase única que puedas utilizar para personalizar los campos independientemente mediante CSS. Además, con este código eliminarás los molestos dos puntos que aparecen después del título del campo.

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”