Barre de navigation trop large

[Brvmsoo]

Salut et merci bien de vouloir m'aider, donc voila mon probléme j'ai installé un nouveau théme pour mon forum en phbb3, j'ai demandé une barre de navigation que Tony a accepté de me faire, je l'installe et voila le resultat, j'ai du diminuer la taille des icones au maximum pour ne pas avoir ma barre de navigation sur 3 lignes, et voila que je me retrouve avec 2 ligne


S'il y'a un moyen de garder toutes les icones et de les recadrer sur une ligne sa serait cool, sinon j'suis pret à supprimer quelques icones comme celle de Profil, Groupes, mais faut me montrer comment faire.

Merci

[Invité]

Hello Brvmsoo,

ton forum est bien trop réduit et par conséquent tes icônes ne peuvent pas s'aligner.
Il vaut mieux renseigner une largeur en pourcentage au lieu de pixels :

Général/Configuration/Structure des pages

Largeur du forum (nombre ou %) : 70%

Modifie la valeur 70 si besoin.



a++

[Brvmsoo]

Je viens de modifier la largeur du forum et sa marche mais le probléme c'est que toutes mes catégories et sous forums ont pris de la largeur, ya t-il un moyen de modifier la largeur que de la barre de navigation et pas toucher au reste du forum

[Invité]

Re,

on peut positionner la navbar en haut du fofo en position fixed
(c'est à dire qu'elle sera toujours affichée en haut de page.

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajoutes ceci:

Code:


#page-header .navbar ul.linklist.navlinks
{
position:fixed;
background: #333;
top:30px;/*on position a 30px du haut*/
width:100%;
left:0px;
}
/*on decale de 90px le header logo*/
#page-header
{
margin-top:90px; 
}



Penses à cliquer sur le bouton

Je me suis basé avec une toolbar d'activée, si toutefois cette dernière n'était pas présente,
il faut alors modifier la valeur 30:

Code:

top:30px;/*on position a 30px du haut*/

de ce style:

Code:

#page-header .navbar ul.linklist.navlinks

Et la mettre à 0
Ensuite j'ai décalé aussi le header(logo etc) :

Code:

/*on decale de 90px le header logo*/
#page-header
{
margin-top:90px; 
}

Si la toolbar n'est pas activée remplaces la valeur 90 par 60.

Et voilou .

a++