ModernBB : Structure En tête.

[Admin'R]

Détails techniques

Version du forum : ModernBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Autre
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Au passage d'une version Invision à ModernBB
Lien du forum : http://sectr.1fr1.net/forum.htm

Description du problème

Bonjour,

Je viens de passer mon forum d'une version invision à un la nouvelle version disponible depuis peu : ModernBB

Suis assez content de ce passage mais je n'arrive pas a fignoler l'apparence de mon forum d'ou ce petit message. Bizzarement j'ai déjà essayer de modifier la hauteur de l'en-tête de mon forum via le CSS mais bizarrement les codes ne donnent rien. Y -t-il une option que j'aurais oublié de valider pour que mon CSS soit actif ?

Voilà comment se présente mon forum


Premièrement j'aimerai passer le titre et la description de mon forum à coté de ma bannière aléatoire.

Et puis j'aimerai que la barre de menu fonctionne comme sur le fdf, qu'elle soit donc quand je suis en haut de page en dessous de la bannière aléatoire, du titre et de la description du forum. J'aimerai quelle garde l'apparence qu'elle a actuellement quand on descend sur le forum.



Merci

[Admin'R]

Up

[Chacha]

Message par Admin'R Hier à 14:00
Message par Admin'R Aujourd'hui à 0:24

Bonjour, Je vous rappelle qu'il est autorisé un seul UP par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné. Je vous invite à lire : - Règles générales du forum - Charte de ce forum

[Admin'R]

Pardon je n'avais pas retenu ce délais de 24 H, sorry.

[lmc38510]

Bonjour "Admin'R"

Pour modifier ton haut de page quelques lignes de CSS:

Code:

/* Modification entête */
#logo {display:none  !important;}
.navbar {
    text-align: center !important;
    background-color: #a00 !important;
}

Résultat:

[Admin'R]

Ah super c'est déjà beaucoup mieux, je perds cependant ma bannière aléatoire. mince ...

n'est-il pas possible de faire descendre la barre de navigation ici ? je m'aperçois que je suis très limité en css alors quelle m'avait suffit a peaufiner mon forum en version Invision.



Merci en tout les cas de votre temps.

[lmc38510]

Ah super c'est déjà beaucoup mieux, je perds cependant ma bannière aléatoire. mince ...

n'est-il pas possible de faire descendre la barre de navigation ici ? je m'aperçois que je suis très limité en css alors quelle m'avait suffit a peaufiner mon forum en version Invision.

Pour l'instant les Templates de ModernBB ne sont pas accessible ce qui fait que tes modifs (à mon avis) ne sont pas réalisables ...

[Admin'R]

Aie, il va falloir que je me forme à modifier les templates quand l'option sera disponible alors. Je suis plus habitué a tout affiné via le CSS, plus simple à mon avis pour les non initié ...

Merci en tout cas de vous être penché sur mon sujet.

[Steviah]

Salut.
Essais en mettant dans ton css :

Code:

.headerbar {
   height: 220px;
}
.navbar {
   text-align: left;
   width: 100%;
   float: left;
}

[Admin'R]

En supprimant la ligne de code, j'ai pu évidement récupérer ma bannière aléatoire

Code:


#logo {display:none  !important;}


Le résultat n'est pas celui que je souhaitais au départ, mais en attendant la possibilité de modifier la structure générale de mon en-tête, je cherche le compromis. Donc avec la suppression de la ligne voici ce que j'obtiens en haut de page.



Le soucis maintenant c'est le titre et la description du site qui se perd dans cette nouvelle présentation.
Puis-je passer par des balises HTML pour donner un effet ou est-ce que je dois aussi passer par mon CSS.

Merci de vos avis.

[Admin'R]

Salut.
Essais en mettant dans ton css :

Code:

.headerbar {
   height: 220px;
}
.navbar {
   text-align: left;
   width: 100%;
   float: left;
}

Merci,

C'est presque çà, mais la bar n'existant plus dans votre solution les membres ne peuvent plus s'inscrire.

Merci vraiment

[Steviah]

Elle est bien visible si tu mets bien 220px de hauteur à headerbar.
Met le code en entier et tout à la fin de ton css, des fois qu'un autre code similaire serait déjà en place avec une hauteur moins importante.

[Admin'R]

Elle est bien visible si tu mets bien 220px de hauteur à headerbar.
Met le code en entier et tout à la fin de ton css, des fois qu'un autre code similaire serait déjà en place avec une hauteur moins importante.

Bien vue, bravo et merci
J'avais effectivement un premier code pour remonter le titre et la description qui causait cette vue. Maintenant voici ou j'en suis.



Plusieurs questions en découlent pour moi:
- Est-ce possible de passer le titre et la description à droite de ma bannière aléatoire ?

- Est-ce possible d'avoir la barre de menu comme lorsqu'on défile sur le forum dès la position haute ?


Mes premiers test n'ont pas été concluant, j'espère ne pas abuser de votre patience. Je file au boulot.

Merci, vraiment, pour votre aide

[Steviah]

On peut y parvenir, mais pas sûre que l'affichage soit correct sur portable (je ne peux pas vérifier)

Pour le titre et description du forum :

Code:

#site-desc {
   position: relative;
   top: -150px;
   float: right;
}

La navigation :

Code:

.navbar li {
   margin: 10px 0 10px 0;
}

Et remplace le navbar d'avant par : (ou rajoute juste le background color)

Code:

.navbar {
  text-align: left;
  width: 100%;
  float: left;
  background-color: #AA0000;
}

[lmc38510]

Steviah ...

Je ne pensais pas que ce soit réalisable rien qu'avec du CSS

Si tu modifies -> left en -> center :

Code:

    .navbar {
      text-align: center !important;  /* left;*/
      width: 100%;
      float: left;
      background-color: #AA0000;
    }

La Barre de Navigation est centrée

[Admin'R]

Superbe merci à vous tout est vraiment plus sympa maintenant. Ca me fera largement patienter pour avoir le même fonctionnement que celui du FdF. Merci Mille fois à vous deux, mon forum ressemble a quelque chose maintenant.



Merci