Taille bannière forum.

[Grego63]

Détails techniques

Version du forum : ModernBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Internet Explorer
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Plusieurs utilisateurs
Problème apparu depuis : 13 mars 2021
Lien du forum : https://yaris-cross-club.forumactif.com/

Description du problème

Bonjour tout le monde j’ai un petit problème sur mon forum je suis vraiment novice.

Je voudrais savoir comment fait ton pour mettre une bannière en pleine écran sur son forum ?

Je voudrais aussi savoir la taille qu’il faudrait quelle fasse pour s’afficher en haut de mon forum sans laisser de trous pour une adaptation parfaite ?

Merci d’avance de votre aide si précieuse j’ai cherché dans le forum, je n’ai pas trouvé la réponse.

Cordialement.

[MlleAlys]

Bonjour,
Dans gestion des images, retirez l'image du "logo" pour la mettre plutôt dans "Image de fond de l'en-tête".

Normalement, sa taille d'affichage devrait s'adapter automatiquement à la largeur de l'écran de l'utilisateur, cependant une image trop petite sera agrandie à l'affichage et paraitra donc floue, mieux vaut partir d'une plus grande qui sera rétrécie à l'affichage si besoin (mais pas trop lourde pour ne pas ralentir son chargement).

[Grego63]

Merci de ta réponse mais malheureusement en fessant la manipulation que tu ma indiquée, je n’ai plus de bannière en haut de mon forum.

[Invité]

Bonjour Grego63,

Voici le chemin qu'il faut prendre pour y poser une image en haut du fond de l'en-tête

Chemin : Panneau d'administration / Affichage / Gestion des images / Mode Avancé

Chercher :  Général / navigation

Chercher : Image de fond de l'en-tête ... Réglé bien la dimension de votre url d'image



____________

2ᵉ solution :

Déposé ce code dans  Feuille de style CSS

Chemin : Panneau d'administration / Affichage / Couleurs /  Feuille de style CSS
Pour changer votre "url" d'image dans :  background-image: url  (Lien image)

Code:


.headerbar {
    background-color: #1D262C;
    background-image: url(https://i.servimg.com/u/f77/20/09/72/46/banner17.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 350px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}


_______________________

3ᵉ Solution :

Un Staff ou un utilisateur vous trouve une meilleure solution pour mieux afficher votre image d'en-tête dans la section Affichage!

Cela serai mieux que de passer dans la Feuille de style CSS juste pour une image, Peut être une mauvaise manipulation,

Cdlt, Stefano36

[Grego63]

Salut @Stefano36, merci de ton aide, j’ai essayé l’étape 1 et l’étape 2 et ça ne fonctionne pas.

[Invité]

Re-Bonsoir,

J'ai l'impression que c'est ta barre : (Accueil Calendrier Publications FAQ Rechercher Membres Groupes S'enregistrer Connexion) ! Quand tu descends qui empêche surement ton image d'en-tête de bien s'installer !!

[Invité]

Désinstalle le code de la Feuille de style CSS que je t'ai donné pour remettre à la normale,

Je panse que ta version de ton Thème ne prend pas toute l'image de fond de l'en-tête, seulement une partie d'une petite image dans le coin !! Il y a des thèmes comme ça !

Désolé, je vais me coucher, je pense que quelqu'un te trouvera une solution à ton problème !

Bonne nuitée,

Cdlt,

[Grego63]

J’ai supprimé les barres de navigation il y a le même problème.

Ok bonne nuit , pas de problème, c’est gentil de m’aider.

[MlleAlys]

Vous avez effectivement un code dans votre css qui écrase l'image mise dans le panneau d'admin pour mettre le dégradé bleu rose à la place, pardon je n'avais pas fait attention.
Dans votre feuille de style css, localisez et supprimez le code suivant :

Code:

div.headerbar {
  background: url(http://tt2.noc.re/img/blue.svg), -webkit-linear-gradient(left,#3dade9,#bf2fcb);
  padding: 5%;
}

(vous pouvez rechercher "div.headerbar" pour le trouver)
L'image de fond de l'en-tête apparaitra alors bien, et vous pourrez supprimer ou modifier votre image "logo".

[Grego63]

Je vous remercie cela à très bien fonctionner, c’est très gentil de votre part.