élargir la barre de navigation

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

Résolu élargir la barre de navigation

Message par remy59210 le Ven 9 Juin 2017 - 23:12

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
avatar

remy59210
***

Masculin
Messages : 134
Inscrit(e) le : 11/02/2013

http://hbetaville.forumactif.fr
remy59210 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: élargir la barre de navigation

Message par lmc38510 le Ven 9 Juin 2017 - 23:28

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 :
Code:
/* largeur barre de Navigation et position*/
#navi {width: 103% !important;
          margin-left: -1.5%;
          }
avatar

lmc38510
*****

Masculin
Messages : 891
Inscrit(e) le : 22/02/2012

http://lacaverneauxgrimoire.forumactif.org/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: élargir la barre de navigation

Message par remy59210 le Ven 9 Juin 2017 - 23:35

Super ça marche ! Je vous remercie beaucoup !

avatar

remy59210
***

Masculin
Messages : 134
Inscrit(e) le : 11/02/2013

http://hbetaville.forumactif.fr
remy59210 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