Problème avec la barre de navigation et la bannière.
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Problème avec la barre de navigation et la bannière.
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;
- Code:
<link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
Merci d'avance!
Re: Problème avec la barre de navigation et la bannière.
Hello =)
Pour le positionnement, actuellement, dans ton CSS, tu as ceci :
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 :
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;
}
Re: Problème avec la barre de navigation et la bannière.
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!
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!
Re: Problème avec la barre de navigation et la bannière.
Recoucou !
Essais avec la class mainmenu =)
C'est expliqué dans le tuto.
Le code HTML (le deuxième que tu ais donné) se place dans le template overall_header.
Cass' a écrit: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;
}
Cass' a écrit: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.
Re: Problème avec la barre de navigation et la bannière.
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!
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!
Re: Problème avec la barre de navigation et la bannière.
Re ^^
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' a écrit: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)
Re: Problème avec la barre de navigation et la bannière.
Merci beaucoup, je pense que ça sera suffisant plutôt que de tout recoder à la main!
Le sujet est résolu!
Le sujet est résolu!
Sujets similaires
» Problème avec la personnalisation de la barre de navigation
» Thème complet avec Bannière, barre de navigation, puces etc...
» probleme avec CSS pour une barre de navigation avec boutons reactifs
» J'ai un problème avec la barre de navigation =(
» Probleme avec ma barre de navigation
» Thème complet avec Bannière, barre de navigation, puces etc...
» probleme avec CSS pour une barre de navigation avec boutons reactifs
» J'ai un problème avec la barre de navigation =(
» Probleme avec ma barre de navigation
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum