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

Voir le sujet précédent Voir le sujet suivant Aller en bas

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

Message par Cass' le Jeu 13 Aoû 2015 - 21:24

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 : http://i.imgur.com/6KA0xfD.jpg

— Ce que j'aimerais qu'elle ne dépasse pas comme limite, connecté comme déconnecté : http://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!

Cass'
****

Féminin
Messages : 212
Inscrit(e) le : 01/06/2011

http://golden-fool.bb-fr.com/
Cass' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec la barre de navigation et la bannière.

Message par Cyn le Ven 14 Aoû 2015 - 1:20

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;
}

Cyn
**

Féminin
Messages : 77
Inscrit(e) le : 08/09/2006

http://cat-rpg.forumactif.org/
Cyn a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec la barre de navigation et la bannière.

Message par Cass' le Ven 14 Aoû 2015 - 1:27

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!

Cass'
****

Féminin
Messages : 212
Inscrit(e) le : 01/06/2011

http://golden-fool.bb-fr.com/
Cass' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec la barre de navigation et la bannière.

Message par Cyn le Ven 14 Aoû 2015 - 3:34

Recoucou !

@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. Wink

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

Cyn
**

Féminin
Messages : 77
Inscrit(e) le : 08/09/2006

http://cat-rpg.forumactif.org/
Cyn a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec la barre de navigation et la bannière.

Message par Cass' le Ven 14 Aoû 2015 - 10:27

Merci beaucoup! Smile

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!

Cass'
****

Féminin
Messages : 212
Inscrit(e) le : 01/06/2011

http://golden-fool.bb-fr.com/
Cass' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec la barre de navigation et la bannière.

Message par Cyn le Ven 14 Aoû 2015 - 23:37

Re ^^

@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)

Cyn
**

Féminin
Messages : 77
Inscrit(e) le : 08/09/2006

http://cat-rpg.forumactif.org/
Cyn a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec la barre de navigation et la bannière.

Message par Cass' le Sam 15 Aoû 2015 - 0:32

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

Le sujet est résolu!

Cass'
****

Féminin
Messages : 212
Inscrit(e) le : 01/06/2011

http://golden-fool.bb-fr.com/
Cass' a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum