élargir la barre de navigation
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
élargir la barre de navigation
Détails techniques
Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
- Voir l'image:
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://hbetaville.forumactif.fr
Description du problème
Bonsoir,Je suis actuellement en train de faire une barre de navigation cependant je rencontre un petit défault. Actuellement, ma barre s'aligne au forum. Je souhaiterai qu'elle s'aligne sur le cadre du forum, pas sur toute la page mais jusqu'a mon background gris métalique voir sur le screen.
CSS:
- Code:
/* Image fond forum */
.bodyline {background:url(https://i97.servimg.com/u/f97/17/12/71/14/metal210.gif);}
/* Fin image fond forum */
/* Barre de navigation */
#navi {
background-color: #292929;
background-repeat:repeat-x;
width: 100%;
margin: 0px;
font-family: Arial;
font-size: 26px;
}
/* Fin barre de navigation */
/* Raccourcir l'affichage des liens */
.postbody a {
display: inline-block;
max-width: 300px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
vertical-align: bottom;
}
/* Fin raccourcir l'affichage des liens */
/* Zone de texte */
/* Palette de couleurs */
.color-option {
display: inline-block !important;
width: 15px !important; /* largeur de l'icône couleur */
height: 15px !important; /* hauteur de l'icône couleur */
border: 2px solid #fff !important; /* cadre blanc sur l'icône couleur */
margin: 3px !important; /* espace entre chaque icône */
box-shadow: 0 0 2px #778899; /* ombre */
cursor: pointer !important;
}
.color-option span{
display: block !important;
width: 15px !important; /* largeur de l'icône couleur */
height: 15px !important; /* hauteur de l'icône couleur */
}
.color-option, .color-option span {
border-radius: 2px; /* arrondi */
}
/* Palette complète - la largeur influence le nombre d'icônes affichées */
.sceditor-dropdown.sceditor-color-picker {
width: 200px !important; /* largeur de la palette complète */
height: 100px !important; /* hauteur de la palette complète */
padding: 5px !important;
border-radius: 5px !important;
}
/* Fin palette de couleurs */
/* Image dans réponse rapide */
.sceditor-container iframe, .sceditor-container textarea {
background:url(https://i57.servimg.com/u/f57/17/12/71/14/0kwhsz10.png)!important;
background-position: center !important ;
background-repeat: no-repeat !important ;
}
/* Fin image dans réponse rapide */
/* Fin zone de texte */
/* Effet de transition sur les liens*/
a {
-moz-transition:color 1s; /* Mozilla Firefox */
-webkit-transition:color 1s; /* Safari et Google Chrome */
-o-transition:color 1s; /* Opera */
transition:color 1s;
}
/* Fin effet de transition sur les liens */
Je vous remercie par avance de votre aide.
Dernière édition par remy59210 le Ven 9 Juin 2017 - 23:36, édité 1 fois
Re: élargir la barre de navigation
Bonjour "remy"
comme la largeur de ton "bodyline" est a 100% tu pourrais mettre ta barre de navigation à 103% et réajuster sa position vers la gauche en la décalant de -1.5%
Rectifie le CSS de ta "navi" comme ceci :
comme la largeur de ton "bodyline" est a 100% tu pourrais mettre ta barre de navigation à 103% et réajuster sa position vers la gauche en la décalant de -1.5%
Rectifie le CSS de ta "navi" comme ceci :
- Code:
/* largeur barre de Navigation et position*/
#navi {width: 103% !important;
margin-left: -1.5%;
}
Re: élargir la barre de navigation
Super ça marche ! Je vous remercie beaucoup !
Sujets similaires
» Avoir une barre "suivez l'actualité du forum" en dessous de la barre de navigation
» Barre de couleur derrière la barre de navigation + modifier le css des boutons
» barre de recherche réclacitrante dans la barre de navigation
» Modifier ma barre de navigation (en-tête et navigation)
» Suppression "barre" en dessous de la barre de navigation
» Barre de couleur derrière la barre de navigation + modifier le css des boutons
» barre de recherche réclacitrante dans la barre de navigation
» Modifier ma barre de navigation (en-tête et navigation)
» Suppression "barre" en dessous de la barre de navigation
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum