Problème avec la barre de navigation et la bannière.

[Cass']

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Dès que j'ai installée la nouvelle bannière.
Lien du forum : http://golden-fool.bb-fr.com/

Description du problème

Bonjour!

J'ai un problème avec ma bannière ainsi que ma barre de navigation. Comme sur le lien donné du forum, la bannière est légèrement décalée sur la droite alors que celle-ci devrait être centrée, ce qui est précisé dans le panneau d'administration.

De plus, la barre de navigation, elle est dirigé vers la droite grâce une fois de plus au PA. Cependant, en padding ou en margin, je n'arrive pas à la décaler jusqu'à la bannière, je m'explique en image :

— La version actuelle : https://i.imgur.com/6KA0xfD.jpg

— Ce que j'aimerais qu'elle ne dépasse pas comme limite, connecté comme déconnecté : https://i.imgur.com/fqPR3J5.jpg

J'ajoute de plus qu'il est compliqué de modifier même par CSS, la taille et la typographie de ma barre de navigation (j'aimerais en choisir une personnalisée, cependant, je ne sais où mettre le second code. Je sais que le premier, du style

Code:

font-family: 'Lato', sans-serif;

va dans le css mais le second, dans ce style

Code:

<link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>

je ne sais pas).

Merci d'avance!

[Cyn]

Hello =)

Pour le positionnement, actuellement, dans ton CSS, tu as ceci :

Code:

.navig {
    font-family: Courier New;
    font-size: 8px;
    letter-spacing: 2px;
    padding-top: 12px;
    position: absolute;
    text-transform: uppercase;
    top: 0;
    width: 100%;
}

Il faut tout d'abord retirer le position: absolute; et le top: 0;. On va également modifier le width pour 1200px (la largeur de ta bannière) plutôt que 100% (qui équivaut à toute la largeur de la page). On va ensuite positionner le texte à droite avec un text-align: right; et center la barre de navigation avec un margin: auto; .

Avec ces modifications, la hauteur de ta barre augmente. Pour l'ajuster à la hauteur précédent, modifie le padding-top (5px font l'affaire) et ajoute un margin-bottom à -20px environ.

Concrètement, au final, tu as ça :

Code:

.navig {
    font-family: Courier New;
    font-size: 8px;
    letter-spacing: 2px;
    padding-top: 5px;
    text-transform: uppercase;
    width: 1200px;
    margin: 0px auto -20px auto;
    text-align: right;
}

[Cass']

Merci beaucoup, effectivement, ça marche bien mieux! Si je peux me permettre, j'ai encore quelques questions cependant!

Comment se fait-il que le font-size ne semble pas avoir d'effet (j'ai beau vouloir le rétrécir, il ne semble pas prendre en compte les valeurs)?

Et comment personnaliser la typo comme précisé plus haut?

Merci d'avance!

[Cyn]

Recoucou !

Comment se fait-il que le font-size ne semble pas avoir d'effet (j'ai beau vouloir le rétrécir, il ne semble pas prendre en compte les valeurs)?

Essais avec la class mainmenu =)

Code:

.mainmenu {
  font-size: 18px;
}

Et comment personnaliser la typo comme précisé plus haut?

C'est expliqué dans le tuto.

Le code HTML (le deuxième que tu ais donné) se place dans le template overall_header.

[Cass']

Merci beaucoup!

Dernière question, j'ai cherché de nombreux sujets afin de supprimer dans la barre de navigation et de manière définitive "Rechercher" ainsi que "Groupes", j'ai seulement réussi pour "FAQ", comment faire pour les deux autres?

Merci d'avance!

[Cyn]

Re ^^

Dernière question, j'ai cherché de nombreux sujets afin de supprimer dans la barre de navigation et de manière définitive "Rechercher" ainsi que "Groupes", j'ai seulement réussi pour "FAQ", comment faire pour les deux autres?

Normalement, ça devrait marcher en allant dans :

Panneau d'administration -> Utilisateurs et groupes -> Permissions spéciales

Par contre, toi, en tant qu'Administrateur, tu les verras toujours.

(Si tu tiens vraiment à ne pas les voir toi non plus, il y aurait sinon l'option d'utiliser un code javascript (mais j'y connais rien) ou de supprimer ta barre de navigation pour la remplacer par une barre fait à la main, tout codée de A à Z. Mais c'est p't'être beaucoup de boulot pour pas grand chose. =P)

[Cass']

Merci beaucoup, je pense que ça sera suffisant plutôt que de tout recoder à la main!

Le sujet est résolu!