(AWESOMEBB) ajouter une bannière dans la description

[Yuth]

Bonjour les forumactivistes

Je suis actuellement en train de travailler sur une version de test de mon forum en awesomeBB:
https://laroyale-test.kanak.fr/forum

la version "finale" étant encore en phpbb :
https://www.laroyale-modelisme.net/

Mon idée aurait été de reprendre la bannière et de la mettre dans la description du forum en passant par :
Admin => Général => Description du site

Les liens avec balises servimg ou même html :
<img alt="La Royale" src="https://i.servimg.com/u/f37/17/60/35/15/lrm10.png" />

Permettent à l'image de s'afficher, mais à la reconnexion suivante... POUF ! elle n'est plus là...

Y-aurait-il une option pour remettre cette bannière ?

Merci za vous

[Stefano123]

Bonjour, Yuth

Vous voulez parler de l'image du Hearder, comme ceci ?

[Yuth]

Bonjour, Yuth

Vous voulez parler de l'image du Hearder, comme ceci ?

yes, c'est comme ça que vous le voyez ?


techniquement, je la voudrais de cette taille :

[Stefano123]

Chaque version de forum, l'encadrement header est différent

La version PhpBB2 et la version AwesomeBB non pas du tout la même dimension de cadrant header !

Oui, je l'aperçois comme ça, j'ai copié votre lien d'img et collé et ça donne cette vision.

Avez-vous réessayé de rajouter cette image dans votre panneau administration ?
Affichage /  Images et Couleurs / Mode Avancé / Image de fond de l'en-tête :

Vous voulez que votre image du header-banner, soit comme ceci ?

[Yuth]

Oui quelque chose dans le genre, qui me permettrait de retirer le texte

[Yuth]

Avez-vous réessayé de rajouter cette image dans votre panneau administration ?
Affichage /  Images et Couleurs / Mode Avancé / Image de fond de l'en-tête :

J'avais essayé, mais l'effet était que le logo était agrandit de façon disproportionnée...

Edit : ça me donne un truc comme ça :

[Stefano123]

Oui quelque chose dans le genre, qui me permettrait de retirer le texte

Retire le texte !!!! vous voulez parler de ce texte-là "La Royale Modélisme", dans le header ?

[Yuth]

Oui quelque chose dans le genre, qui me permettrait de retirer le texte

Retire le texte !!!! vous voulez parler de ce texte-là "La Royale Modélisme", dans le header ?

Oui, je l'ai retiré

[Stefano123]

Dans votre feuille de style CSS, Avez-vous ce code ?

Code:

#header-banner {
  background-color: #003a8c;
  background-image: url(https://2img.net/i/fa/empty.gif);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 200px;
  margin-bottom: 33px;
  position: relative;
  width: 100%;
}

[Yuth]

Dans votre feuille de style CSS, Avez-vous ce code ?

Code:

#header-banner {
  background-color: #003a8c;
  background-image: url(https://2img.net/i/fa/empty.gif);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 200px;
  margin-bottom: 33px;
  position: relative;
  width: 100%;
}

Oui exactement le même code :

Code:

/* Main menu */
#header-banner {
   background-color: #003a8c;
   background-image: url("https://i.servimg.com/u/f37/17/60/35/15/lrm10.png");
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   height: 200px;
   margin-bottom: 33px;
   position: relative;
   width: 100%;
   }

[Stefano123]

Pour la version [awesomeBB] : Remplacez votre : #header-banner : par celui-là tel qu'il est là !

Code:

#header-banner {
 background-color: #003a8c;
 background-image: url(https://i.servimg.com/u/f76/20/24/08/02/la-roy14.png);
 background-position: center;
 background-repeat: no-repeat;
 background-size: 70%;
 height: 350px;
 margin-bottom: 33px;
 position: relative;
 width: 100%;

J'ai modifié ceci :

Code:

background-size: cover;
height: 200px;
background-image: url(https://2img.net/i/fa/empty.gif);


Pourriez-vous me dire si cela vous convient ?

[Yuth]

Ca marche bien, ca agrandit le header pour que le logo rentre, mais l'image fait 180px de haut, pour qu'il n'ait pas l'air d'écraser le forum et là elle est trop grosse, il faut changer un autre truc ds le css pour la limiter ?

peut être ça ?

Code:

@media (min-width: 961px) {
   #header-banner {
   margin-top: 64px;
   }

[Stefano123]

Ca marche bien, ca agrandit le header pour que le logo rentre, mais l'image fait 180px de haut, pour qu'il n'ait pas l'air d'écraser le forum et là elle est trop grosse, il faut changer un autre truc ds le css pour la limiter ?

Dans ce code, on peut que méfier l'encadrement du header, mais pas l'image !! Il faut que vous redimensionnez votre image extérieurement et que vous la recollez dans le header

Essayez ceci voir :
Le 50% c'est zoom de l'image et 235px c'est la hauteur de cadre :

Code:

#header-banner {
  background-color: #003a8c;
  background-image: url(https://i.servimg.com/u/f37/17/60/35/15/lrm10.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50%;
  height: 235px;
  margin-bottom: 33px;
  position: relative;
  width: 100%;
}

[Yuth]

Nickel !

en bidouillant les paramètres :

Code:

#header-banner {
 background-color: #003a8c;
 background-image: url(https://i.servimg.com/u/f37/17/60/35/15/lrm10.png);
 background-position: center;
 background-repeat: no-repeat;
 background-size: 30%;
 height: 200px;
 margin-bottom: 33px;
 position: relative;
 width: 100%;
  }

Ca donne un résultat nickel !

Un énoooorme merci pour votre temps et cette aide précieuse

[Stefano123]

Avec plaisirs, le principal, c'est que cela vous plaise,

cordialement,