anuncios imagen de fondo en la cabecera - cosas de estética

[GeorgioGalben]

Navegando por el foro de Andy, encontré un truco donde puedes añadir una imagen de fondo que se muestra arriba del todo en la cabecera en todas las páginas. (Para quienes no lo saben, Andy Bajka (AndyB) es un programador para xenForo desde hace muchos años.)

Si utilizas xenForo como plataforma para tu comunidad, en las siguientes líneas te muestro como podras añadir tu propia imagen de fondo independientemente del estilo que utilices. Vamos a ello:

(preparando una imagen que representa tu comunidad y un buen tamaño)
Normalmente el tamaño ideal es a partir de 1700px de anchura y unos 150-200px en altura.

Vamos al panel de control de administración a la siguiente ruta:
Aspecto - Estilos - Propiedades de estilo (deberás ver algo así)

Ahora ves más abajo y vas a ver algo así:

Pincha en ese botón donde apunta la flecha en la imagen y busca la imagen deseada en tu dispositivo.

Después de haberla cargado hay que agregar los siguientes valores tal y como aparece justo después en la caja Extra

background-repeat: no-repeat;
background-size: auto;

Guardamos y salimos...


Ahora vamos a las plantillas y seleccionamos la plantilla extra.less (tal como se muestra en la captura de abajo)

Finalmente agregamos el código en la caja respetando la altura de la imagen que hemos subido (en este caso 200px)

.p-header-content {
    height: 200px;
}

Y este es el resultado final: ​

Creditos:

• AndyB por esta guía
• Pixabay en pexels por la imagen.