En tête avec forum ModernBB

[petitlapinou]

Détails techniques

Version du forum : Inconnue
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome, Autre
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.regardtv.net

Description du problème

Bonjour,

Est-ce qu'il y a une solution pour dimunée la place attribuée pour l'en-tête sur un forum ModernBB, car ca prend la moitié de l'écran au moins ?

Même sur la version demo https://modernbb.forumactif.com/ je trouve que c'est trop grand.

En résumé je trouve que la place attribuée pour l'Image de fond de l'en-tête est trop grand

Car si on a un petit logo, on perd énormément de place. (comme mon forum)

Cordialement

[Walt]

Bonjour,

Il vous suffit d'ajouter le CSS suivant ({CSSLINK}) :

Code:

.headerbar {
  height: 250px
}

En modifiant 250px par la hauteur souhaitée.

Cordialement,
Walt

[Invité]

édit 23h32 :: Walt a répondu en même temps , mais je poste quand même car il manque le code de la description , et oui la description remonte quand ont diminue la hauteur du header..


bonsoir ^^

ont peut ajouté ces 2 codes css a la feuille de style

Panneau admin>affichage>couleur>feuille de style

Code:

.headerbar {
    height: 200px;/*ont diminue la hauteur du header*/
  }

Code:

#site-desc {
    top: 85%;/*ont descend la description*/
}

n'hésité pas a utilisé le hack (!important) si nécessaire ... car je suppose que le css de cette version et soit hébergé , soit dans les templates .

exemple >>>

Code:

.headerbar {
    height: 200px!important; /*ont diminue la hauteur du header*/
  }

Code:

#site-desc {
    top: 85%!important; /*ont descend la description*/
}

[petitlapinou]

Hello,

Merci à vous 2, mais aucun code ne fonctionne, aucun changement à l'affichage.

Merci quand même

[Cloo]

Pourtant, hier, suite à ce post, j'ai mis ceci dans le CSS de mon forum test, et ça a bien diminué la taille du bandeau en haut du forum:

Code:

/* hauteur de la barre d'en-tête */
.headerbar {
  height: 270px;
}
#site-desc {
    top: 70%;/*on descend la description*/
}

Ça donne ceci:
http://accrosjardintest.forumactif.com/
(Sera là pour la journée, je vais revenir à mon ancien thème après)

[petitlapinou]

Merci clo pour l'aide, j'ai fais un C/C du code que vous avez mis et ça me sort:

Erreur
Erreur détectée
Nous avons compté un nombre impaire de guillemets donc une chaine est mal fermée. Cela signifie que votre CSS risque de ne pas être valide et ne sera pas affiché correctement sur votre forum.

Nous vous conseillons de relire votre code.

Je trouve pas l'erreur du guillemet

[Cloo]

Essaie d'enlever l'apostrophe dans le 1er commentaire, il me semble avoir déjà eu ce problème.
Sinon, ça vient d'autre part dans le CSS.

[petitlapinou]

Ok, merci ca fonctionne définitivement pas chez moi et les 3 cases des Options du CSS sont sur NON

A noter que ma feuille CSS est vierge, c'est le seul code que j'ai mis

Vive le mystère de l'informatique

[Cloo]

Dans les options, j'ai Non, Non, Oui.

Quelqu'un de plus calé viendra sûrement t'aider.

[petitlapinou]

Ok, en tout cas merci pour ton aide

[Cloo]

Peux-tu copier/coller ici exactement ce que tu as dans ta feuille CSS?

[petitlapinou]

J'ai juste ça

Code:

.headerbar {
  height: 270px;
}
#site-desc {
    top: 70%;
}

[Cloo]

Bizarre...

[petitlapinou]

Tu l'as dis

[◦Jay◦]

Bonjour petitlapinou, ces codes fonctionnent, est-ce que vos options de feuille css sont bien configurées ? :

-Forcer le CSS de base du forum: non
-Désactiver le CSS de base: non
-Optimiser votre CSS: oui

Bien à vous.

[petitlapinou]

Hello jay,

Oui, les options sont bien configurées comme indiqué

[◦Jay◦]

Essayez comme ceci :

Code:

.headerbar {
  height: 270px !important ;
}
#site-desc {
    top: 70% !important ;
}

[petitlapinou]

Je n'ai pas inséré cette image, c'est le forum démo de forum actif

[◦Jay◦]

Oui, j'ai édité.

[petitlapinou]

Merci, mais ca fonctionne toujours pas

Code:

.headerbar {
  height: 270px !important ;
}
#site-desc {
    top: 70% !important ;
}

Pourtant sur le forum de Cloo ca fonctionne très bien lol

[◦Jay◦]

Essayez comme ceci :

Code:

.headerbar {
  max-height: 270px !important ;
}
#site-desc {
    top: 70% !important ;
}

[petitlapinou]

Merci, mais non ca fonctionne toujours pas lol

[◦Jay◦]

Oui, je vois que le css n'est pas pris en compte, il y a en effet un problème... Je vais essayer de me renseigner.

[petitlapinou]

Ok, merci pour le coup de main

[◦Jay◦]

Avez-vous essayé de mettre seulement celui-ci dans un premier temps ?

Code:

.headerbar {
  max-height: 270px !important ;
}

[petitlapinou]

Oui, mais toujours rien comme changement

C'est fou, j'ai juste besoin d'un forum simple pour discuter en communauté, jamais modifier la feuille CSS et dès que je veux le faire ça fonctionne pas lol

[◦Jay◦]

Il s'agit de la version Beta, cela va bien finir par rentrer dans l'ordre.

[petitlapinou]

J'en doute pas, mais cloo a testé sur son forum test http://accrosjardintest.forumactif.com/ en Modernbb et ca fonctionne très bien alors je vois pas pourquoi chez moi ca bug

[Walt]

Bonjour,

Le code inséré apparait bien dans votre CSS je ne vois donc aucune raison pour qu'il ne soit pas interprété.
Pourriez-vous remplacer le code présent par celui-ci, dans un premier temps ?

Code:

.headerbar {
      height: 270px !important ;
}

[petitlapinou]

Hello Walt,

Voilà il est inséré mais rien ne se passe