[Aide] Barre de navigation
3 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 2 • Partagez
Page 1 sur 2 • 1, 2
[Aide] Barre de navigation
Bonsoir voila j'ai mis la barre de navigation en haut mai le problème quand je descend pour aller en bas du forum et bah la barre de navigation suis pas elle reste en haut est sa fait que je la vois pas quand je suis en bas du forum je la vois que quand je suis en haut est aussi j'arrive pas a mettre les coin arrondis de mon forum et de la barre de navigation j'ai regarde des css mai il marche pas sur mon forum si vous voulais l'adresse de mon forum il et sur mon profil merci
Dernière édition par TCHIKI95 le Dim 9 Oct 2011 - 17:10, édité 1 fois
TCHIKI95- ****
-
Messages : 478
Inscrit(e) le : 18/10/2009
Re: [Aide] Barre de navigation
Bonjour,
Voici le tutoriel concernant votre demande : https://forum.forumactif.com/t301744-mettre-sa-barre-de-navigation-en-haut-du-forum
Cordialement.
Voici le tutoriel concernant votre demande : https://forum.forumactif.com/t301744-mettre-sa-barre-de-navigation-en-haut-du-forum
Cordialement.
Re: [Aide] Barre de navigation
Je les fait sa me mai juste la barre en haut mai pour le reste sa marche pas
TCHIKI95- ****
-
Messages : 478
Inscrit(e) le : 18/10/2009
Re: [Aide] Barre de navigation
Puis-je voir votre forum (adresse) ?
TCHIKI95- ****
-
Messages : 478
Inscrit(e) le : 18/10/2009
Re: [Aide] Barre de navigation
Oui je vois vous n'avez pas du mettre le CSS (fin du tutoriel).
PA
Affichage
Images et couleurs
Couleurs
Onglet Feuille de style CSS
Mettez ce code :
PA
Affichage
Images et couleurs
Couleurs
Onglet Feuille de style CSS
Mettez ce code :
- Code:
.navig {
position: absolute;
top: 0px;
width: 100%;
}
Re: [Aide] Barre de navigation
je les mis se css mai il suis pas comme je les dit en haut la bar de navigation suis pas y-a rien de nouveau a par que la bar est en haut c'est tout
TCHIKI95- ****
-
Messages : 478
Inscrit(e) le : 18/10/2009
Re: [Aide] Barre de navigation
Ok décrivez moi en détail les opérations que vous avez effectuées avec les codes svp.
Re: [Aide] Barre de navigation
J'ai tout mis les code dans le CSS j'ai validé et enregistré et voila sa ma mis juste la barre en haut
TCHIKI95- ****
-
Messages : 478
Inscrit(e) le : 18/10/2009
Re: [Aide] Barre de navigation
Dans le tutoriel vous avez bien fait les étapes 1 et 2 du tutoriel correctement ?
Si oui je ne vois vraiment pas le problème...
PS : Au pire essayez d'enlever les codes que vous avez mis et de refaire le tutoriel.
Si oui je ne vois vraiment pas le problème...
PS : Au pire essayez d'enlever les codes que vous avez mis et de refaire le tutoriel.
Re: [Aide] Barre de navigation
Enfaite mon problème c'est que quand je descends pour aller en bas de Page de mon forum la barre de navigation ne suit pas elle reste en haut et moi j'aimerais qu'elle soit toujours visible parce que quand tu descends en bas de page elle est plus visible et bah moi je voudrais qu'elle suive même quand je vais en bas de Page et mon second problème c'est que les coins arrondis ne marche pas
TCHIKI95- ****
-
Messages : 478
Inscrit(e) le : 18/10/2009
Re: [Aide] Barre de navigation
Mettez votre CSS perso ici SVP.
Re: [Aide] Barre de navigation
Mon css ces le même que celui du tutoriel mai sa veut pas faire se que je veut donc faut que je trouve des CSS
TCHIKI95- ****
-
Messages : 478
Inscrit(e) le : 18/10/2009
Re: [Aide] Barre de navigation
Je vois !!
Alors c'est tout simple !!
il vous suffit de rajouter ce code à votre CSS :
Elle sera collée au haut de la page (top 0px et absolute) et suivra la descente de la page (fixed) :p
Alors c'est tout simple !!
il vous suffit de rajouter ce code à votre CSS :
- Code:
/* FIXE DE LA BARRE DE NAVIGATION */
.navig {
position: absolute;
position: fixed;
top: 0px;
width: 100%;
}
Elle sera collée au haut de la page (top 0px et absolute) et suivra la descente de la page (fixed) :p
Re: [Aide] Barre de navigation
EDIT : Mauvais message dsl.
Re: [Aide] Barre de navigation
Nobunako a écrit:Je vois !!
Alors c'est tout simple !!
il vous suffit de rajouter ce code à votre CSS :
- Code:
/* FIXE DE LA BARRE DE NAVIGATION */
.navig {
position: absolute;
position: fixed;
top: 0px;
width: 100%;
}
Elle sera collée au haut de la page (top 0px et absolute) et suivra la descente de la page (fixed) :p
Sa marche pas pourtant je les mis dans la feuille CSS rien qui fonctionne
Voila toute ma feuille CSS
- Code:
#savec { position:relative; }
.save-bloc { dispay: none; color: #555!important; cursor: point; z-index: 999; padding: 5px; border: 1px solid #BCBCBC; background: #efefef url(http://2img.net/i/fa/prosilver/bg_button.gif) repeat-x; display:none;top:20px;left:0px;position:absolute; white-space:nowrap; }
.save-bloc div:hover { color: #050505!important; }
.save-bloc div { cursor: pointer; }
.save-bloc select { background: #ccc; border: 1px solid #aaa; margin-bottom: 5px; }
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
body{
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
}
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
#announce
{text-align: center;
}
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
#page-footer, .clear {
margin-top: 90px;
}
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
{
text-decoration: none !important;
}
a:hover{
text-decoration: none !important;
}
/* -- CENTRER PROFIL POST -- */
tr.post span.name, tr.post span.postdetails.poster-profile {
display: block;
text-align: center;
margin-bottom: 0px;
}
tr.post span.name {
margin-bottom: -15px;
}
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
/* FIXE DE LA BARRE DE NAVIGATION */
.navig {
position: absolute;
position: fixed;
top: 0px;
width: 100%;
}
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
.bodyline {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
a{
text-decoration: none !important;
}
a:hover {
text-decoration: none !important;
color: #576163 !important;
}
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
.maintitle, .maintitle h1 {
font-weight: normal;
font-size: 18px;
font-family: Verdana,Verdana;
text-decoration: none;
line-height : 120%;
color : #141414;
}
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
.body {
background-position: top center;
background-repeat: no-repeat;
}
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Code:
.quote
{
background-color: #DCEAF5;
border: 1px solid #E5F1F9;
color: #666;
font-family: Verdana, Arial;
padding-left: 10px;
padding-right: 15px;
}
.code
{
background-color: #DCEAF5;
color: #666;
border: 1px solid #E5F1F9;
font-family: Verdana, Arial;
padding-left: 10px;
padding-right: 15px;
}
.spoiler
{
background: #DCEAF5;
border: 1px solid #E5F1F9;
font-family: Verdana, Arial;
color: #666;
padding-left: 10px;
padding-right: 15px;
}
.spoiler_closed hidden, .spoiler_content, .spoiler_closed
{
background: #DCEAF5;
border: 1px solid #E5F1F9;
font-family: Verdana, Arial;
color: #666;
padding-left: 10px;
padding-right: 15px;
border: none
}
/*Fin Code, Citations et spoiler*/
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
background-color: #000000;
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
a.mainmenu {
margin: 5px;
font-family: Arial;
font-size: 11px;
}
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
a.mainmenu img{
display: none;
}
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
border-top: 3px solid #a17a55;
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
border-bottom: 3px solid #a17a55;
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
border: 3px solid #dedede;
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
TCHIKI95- ****
-
Messages : 478
Inscrit(e) le : 18/10/2009
Re: [Aide] Barre de navigation
Essaye plutôt :
- Code:
.mainmenu {
position: absolute;
position: fixed;
top: 0px;
width: 100%;
}
Re: [Aide] Barre de navigation
Marche pas je comprend pas
TCHIKI95- ****
-
Messages : 478
Inscrit(e) le : 18/10/2009
Re: [Aide] Barre de navigation
Je ne sais pas je sèche^^
Re: [Aide] Barre de navigation
Ok merci de l'aide ^^
TCHIKI95- ****
-
Messages : 478
Inscrit(e) le : 18/10/2009
Re: [Aide] Barre de navigation
Bonjour,
Vous avez des propriétés CSS en dehors de vos paragraphes, des répétitions d'identifiants, et les ------------ peuvent créer des bugs.
Essayez en remplaçant la totalité de votre CSS par:
Vous avez des propriétés CSS en dehors de vos paragraphes, des répétitions d'identifiants, et les ------------ peuvent créer des bugs.
Essayez en remplaçant la totalité de votre CSS par:
- Code:
/*oter le soulignement des liens*/
a {text-decoration:none !important;}
a:hover {
text-decoration:none !important;
color:#576163 !important;}
/* liens navigation*/
a.mainmenu {
margin:5px;
font-family:Arial;
font-size:11px;}
a.mainmenu img {display: none;}
/*barre de navigation*/
.navig {
position:fixed;
border: 3px solid #dedede;
border-top: 3px solid #a17a55;
border-bottom: 3px solid #a17a55;
background-color: #000000; top:0px;
width:100%;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;}
/*fond du forum*/
body {
background-position:top center;
background-repeat:no-repeat;
background-attachment: fixed;}
/*codes*/
.code {
background-color:#DCEAF5;
color:#666;
border:1px solid #E5F1F9;
font-family:Verdana,Arial;
padding-left:10px;
padding-right:15px;}
/*citations*/
.quote {
background-color:#DCEAF5;
border:1px solid #E5F1F9;
color:#666;
font-family:Verdana,Arial;
padding-left:10px;
padding-right:15px;}
/*spoiler*/
.spoiler {
background:#DCEAF5;
border:1px solid #E5F1F9;
font-family:Verdana,Arial;
color:#666;
padding-left:10px;
padding-right:15px;}
.spoiler_closed hidden,.spoiler_content,.spoiler_closed {
background:#DCEAF5;
border:1px solid #E5F1F9;
font-family:Verdana,Arial;
color:#666;
padding-left:10px;
padding-right:15px;
border:none;}
#savec {position:relative;}
.save-bloc {
dispay:none;
color:#555!important;
cursor:point;
z-index:999;
padding:5px;
border:1px solid #BCBCBC;
background:#efefef url(http://2img.net/i/fa/prosilver/bg_button.gif) repeat-x;
display:none;
top:20px;
left:0px;
position:absolute;
white-space:nowrap;}
.save-bloc div:hover {color:#050505!important;}
.save-bloc div {cursor:pointer;}
.save-bloc select {
background:#ccc;
border:1px solid #aaa;
margin-bottom:5px;}
#announce {text-align:center;}
#page-footer,.clear {margin-top:90px;}
/*CENTRER PROFIL POST */
tr.post span.name,tr.post span.postdetails.poster-profile {
display:block;
text-align:center;
margin-bottom:0px;}
tr.post span.name {margin-bottom: -15px;}
.bodyline {
-moz-border-radius:10px;
-webkit-border-radius:10px;}
.maintitle,.maintitle h1 {
font-weight:normal;
font-size:18px;
font-family:Verdana,Verdana;
text-decoration:none;
line-height:120%;
color:#141414;}
/*selecteur de couleur*/
.colorpicker {
width:356px;
height:176px;
overflow:hidden;
position:absolute;
background:url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
font-family:Arial,Helvetica,sans-serif;
display:none;
}
.colorpicker_color {
width:150px;
height:150px;
left:14px;
top:13px;
position:absolute;
background:#f00;
overflow:hidden;
cursor:crosshair;
}
.colorpicker_color div {
position:absolute;
top:0;
left:0;
width:150px;
height:150px;
background:url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
}
.colorpicker_color div div {
position:absolute;
top:0;
left:0;
width:11px;
height:11px;
overflow:hidden;
background:url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
margin:-5px 0 0 -5px;
}
.colorpicker_hue {
position:absolute;
top:13px;
left:171px;
width:35px;
height:150px;
cursor:n-resize;
}
.colorpicker_hue div {
position:absolute;
width:35px;
height:9px;
overflow:hidden;
background:url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
margin:-4px 0 0 0;
left:0px;
}
.colorpicker_new_color {
position:absolute;
width:60px;
height:30px;
left:213px;
top:13px;
background:#f00;
}
.colorpicker_current_color {
position:absolute;
width:60px;
height:30px;
left:283px;
top:13px;
background:#f00;
}
.colorpicker input {
background-color:transparent;
border:1px solid transparent;
position:absolute;
font-size:10px;
font-family:Arial,Helvetica,sans-serif;
color:#898989;
top:4px;
right:11px;
text-align:right;
margin:0;
padding:0;
height:11px;
}
.colorpicker_hex {
position:absolute;
width:72px;
height:22px;
background:url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
left:212px;
top:142px;
}
.colorpicker_hex input {
right:6px;
}
.colorpicker_field {
height:22px;
width:62px;
background-position:top;
position:absolute;
}
.colorpicker_field span {
position:absolute;
width:12px;
height:22px;
overflow:hidden;
top:0;
right:0;
cursor:n-resize;
}
.colorpicker_rgb_r {
background-image:url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
top:52px;
left:212px;
}
.colorpicker_rgb_g {
background-image:url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
top:82px;
left:212px;
}
.colorpicker_rgb_b {
background-image:url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
top:112px;
left:212px;
}
.colorpicker_hsb_h {
background-image:url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
top:52px;
left:282px;
}
.colorpicker_hsb_s {
background-image:url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
top:82px;
left:282px;
}
.colorpicker_hsb_b {
background-image:url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
top:112px;
left:282px;
}
.colorpicker_submit {
position:absolute;
width:22px;
height:22px;
background:url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
left:322px;
top:142px;
overflow:hidden;
}
.colorpicker_focus {
background-position:center;
}
.colorpicker_hex.colorpicker_focus {
background-position:bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position:bottom;
}
.colorpicker_slider {
background-position:bottom;
}
Invité- Invité
Re: [Aide] Barre de navigation
Merci mai ces mon CSS modifier ou je dois le faire moi même ?
TCHIKI95- ****
-
Messages : 478
Inscrit(e) le : 18/10/2009
Re: [Aide] Barre de navigation
Bonsoir,
Il s'agit de votre CSS j'ai apporté les corrections que j'ai indiqué au dessus .
Cordialement.
Il s'agit de votre CSS j'ai apporté les corrections que j'ai indiqué au dessus .
Cordialement.
Invité- Invité
Re: [Aide] Barre de navigation
Merci mai j'ai un problème regarder Forum j'ai pas de barre de navigation
TCHIKI95- ****
-
Messages : 478
Inscrit(e) le : 18/10/2009
Re: [Aide] Barre de navigation
Aidez moi sil vous plait
TCHIKI95- ****
-
Messages : 478
Inscrit(e) le : 18/10/2009
Re: [Aide] Barre de navigation
Bonjour, Je vous rappelle qu'il est autorisé un seul UP par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné. Je vous invite à lire : A bientôt sur ForumActif |
Bonjour,
Deux solutions:
1. Retirez ceci de votre CSS:
- Code:
a.mainmenu img {display: none;}
2. Dans PA > Affichage >en-tête et navigation, cochez NON à "afficher seulement les images de la barre de lien".
Cordialement.
Invité- Invité
Re: [Aide] Barre de navigation
Merci sa marche mai le seul problème c'est que la barre n'est pas assez longue pour toucher le coter gauche elle touche que le coter droits
TCHIKI95- ****
-
Messages : 478
Inscrit(e) le : 18/10/2009
Re: [Aide] Barre de navigation
Dans votre CSS, cherchez:
Cordialement.
- Code:
/*barre de navigation*/
.navig {
position:fixed;
border: 3px solid #dedede;
border-top: 3px solid #a17a55;
border-bottom: 3px solid #a17a55;
background-color: #000000; top:0px;
width:100%;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;}
- Code:
/*barre de navigation*/
.navig {
position:fixed;
border: 3px solid #dedede;
border-top: 3px solid #a17a55;
border-bottom: 3px solid #a17a55;
background-color: #000000; top:0px;
width:100%;
margin-left: -7px;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;}
Cordialement.
Invité- Invité
Re: [Aide] Barre de navigation
C'est presque sa mai je voudrais que soit comme la barre a droite donc sa serai bien que soit les coin soit arrondis sa serai bien ou soit que les 2 coin touche jusqu'au bout
TCHIKI95- ****
-
Messages : 478
Inscrit(e) le : 18/10/2009
Re: [Aide] Barre de navigation
Et comme ceci?
On remplace toujours le même morceau de la feuille CSS:
On remplace toujours le même morceau de la feuille CSS:
- Code:
/*barre de navigation*/
.navig {
position:fixed;
border: 3px solid #dedede;
border-top: 3px solid #a17a55;
border-bottom: 3px solid #a17a55;
background-color: #000000; top:0px;
width:99%;
margin-left: -5px;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;}
Invité- Invité
Page 1 sur 2 • 1, 2
Sujets similaires
» Aide pour ma barre de navigation svp
» barre de recherche réclacitrante dans la barre de navigation
» Aide pour l'installation d'une barre de navigation flottante
» Aide pour corriger script et changer Barre de navigation
» Avoir une barre "suivez l'actualité du forum" en dessous de la barre de navigation
» barre de recherche réclacitrante dans la barre de navigation
» Aide pour l'installation d'une barre de navigation flottante
» Aide pour corriger script et changer Barre de navigation
» Avoir une barre "suivez l'actualité du forum" en dessous de la 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 2
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum