[Aide] Barre de navigation

Page 1 sur 2 1, 2  Suivant

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

Résolu [Aide] Barre de navigation

Message par TCHIKI95 le Jeu 6 Oct 2011 - 19:07

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
****

Masculin
Messages : 473
Inscrit(e) le : 18/10/2009

TCHIKI95 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Aide] Barre de navigation

Message par Gorgorbey le Jeu 6 Oct 2011 - 19:31

Bonjour,

Voici le tutoriel concernant votre demande : http://forum.forumactif.com/t301744-mettre-sa-barre-de-navigation-en-haut-du-forum

Cordialement.

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Aide] Barre de navigation

Message par TCHIKI95 le Jeu 6 Oct 2011 - 19:37

Je les fait sa me mai juste la barre en haut mai pour le reste sa marche pas

TCHIKI95
****

Masculin
Messages : 473
Inscrit(e) le : 18/10/2009

TCHIKI95 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Aide] Barre de navigation

Message par Gorgorbey le Jeu 6 Oct 2011 - 19:40

Puis-je voir votre forum (adresse) ?

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Aide] Barre de navigation

Message par TCHIKI95 le Jeu 6 Oct 2011 - 19:57

Mon forum

TCHIKI95
****

Masculin
Messages : 473
Inscrit(e) le : 18/10/2009

TCHIKI95 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Aide] Barre de navigation

Message par Gorgorbey le Jeu 6 Oct 2011 - 20:07

Oui je vois vous n'avez pas du mettre le CSS (fin du tutoriel).
Arrow PA
Arrow Affichage
Arrow Images et couleurs
Arrow Couleurs
Arrow Onglet Feuille de style CSS
Mettez ce code :
Code:
.navig {
position: absolute;
top: 0px;
width: 100%;
}

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Aide] Barre de navigation

Message par TCHIKI95 le Jeu 6 Oct 2011 - 20:23

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
****

Masculin
Messages : 473
Inscrit(e) le : 18/10/2009

TCHIKI95 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Aide] Barre de navigation

Message par Gorgorbey le Jeu 6 Oct 2011 - 20:25

Ok décrivez moi en détail les opérations que vous avez effectuées avec les codes svp.

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Aide] Barre de navigation

Message par TCHIKI95 le Jeu 6 Oct 2011 - 23:31

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
****

Masculin
Messages : 473
Inscrit(e) le : 18/10/2009

TCHIKI95 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Aide] Barre de navigation

Message par Gorgorbey le Ven 7 Oct 2011 - 7:04

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.

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Aide] Barre de navigation

Message par TCHIKI95 le Ven 7 Oct 2011 - 14:53

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
****

Masculin
Messages : 473
Inscrit(e) le : 18/10/2009

TCHIKI95 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Aide] Barre de navigation

Message par Gorgorbey le Ven 7 Oct 2011 - 15:47

Mettez votre CSS perso ici SVP.

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Aide] Barre de navigation

Message par TCHIKI95 le Ven 7 Oct 2011 - 17:14

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
****

Masculin
Messages : 473
Inscrit(e) le : 18/10/2009

TCHIKI95 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Aide] Barre de navigation

Message par Nobunako le Ven 7 Oct 2011 - 17:20

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

Nobunako
*

Messages : 37
Inscrit(e) le : 27/08/2011

http://croisade-celeste.bb-fr.com
Nobunako a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Aide] Barre de navigation

Message par Gorgorbey le Ven 7 Oct 2011 - 17:21

EDIT : Mauvais message dsl.

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Aide] Barre de navigation

Message par TCHIKI95 le Ven 7 Oct 2011 - 17:38

@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://illiweb.com/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
****

Masculin
Messages : 473
Inscrit(e) le : 18/10/2009

TCHIKI95 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Aide] Barre de navigation

Message par Gorgorbey le Ven 7 Oct 2011 - 17:46

Essaye plutôt :
Code:
.mainmenu {
position: absolute;
position: fixed;
top: 0px;
width: 100%;
}
à la place de l'autre.

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Aide] Barre de navigation

Message par TCHIKI95 le Ven 7 Oct 2011 - 17:57

Marche pas je comprend pas

TCHIKI95
****

Masculin
Messages : 473
Inscrit(e) le : 18/10/2009

TCHIKI95 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Aide] Barre de navigation

Message par Gorgorbey le Ven 7 Oct 2011 - 18:01

Je ne sais pas je sèche^^

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Aide] Barre de navigation

Message par TCHIKI95 le Ven 7 Oct 2011 - 18:06

Ok merci de l'aide ^^

TCHIKI95
****

Masculin
Messages : 473
Inscrit(e) le : 18/10/2009

TCHIKI95 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Aide] Barre de navigation

Message par Invité le Sam 8 Oct 2011 - 16:24

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:
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://illiweb.com/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;
}   
Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Aide] Barre de navigation

Message par TCHIKI95 le Sam 8 Oct 2011 - 18:59

Merci mai ces mon CSS modifier ou je dois le faire moi même ?

TCHIKI95
****

Masculin
Messages : 473
Inscrit(e) le : 18/10/2009

TCHIKI95 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Aide] Barre de navigation

Message par Invité le Sam 8 Oct 2011 - 19:13

Bonsoir,

Il s'agit de votre CSS Wink j'ai apporté les corrections que j'ai indiqué au dessus Wink .

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Aide] Barre de navigation

Message par TCHIKI95 le Sam 8 Oct 2011 - 19:56

Merci mai j'ai un problème regarder Forum j'ai pas de barre de navigation

TCHIKI95
****

Masculin
Messages : 473
Inscrit(e) le : 18/10/2009

TCHIKI95 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Aide] Barre de navigation

Message par TCHIKI95 le Sam 8 Oct 2011 - 22:54

Aidez moi sil vous plait

TCHIKI95
****

Masculin
Messages : 473
Inscrit(e) le : 18/10/2009

TCHIKI95 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Aide] Barre de navigation

Message par Invité le Dim 9 Oct 2011 - 9:58

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 Smile

Bonjour,

Deux solutions:
1. Retirez ceci de votre CSS:
Code:
a.mainmenu img {display: none;}
ou
2. Dans PA > Affichage >en-tête et navigation, cochez NON à "afficher seulement les images de la barre de lien".

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Aide] Barre de navigation

Message par TCHIKI95 le Dim 9 Oct 2011 - 16:25

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
****

Masculin
Messages : 473
Inscrit(e) le : 18/10/2009

TCHIKI95 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Aide] Barre de navigation

Message par Invité le Dim 9 Oct 2011 - 16:49

Dans votre CSS, cherchez:

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;}
Et remplacez par:
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;}
La barre devrait toucher le bord gauche.

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Aide] Barre de navigation

Message par TCHIKI95 le Dim 9 Oct 2011 - 16:53

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
****

Masculin
Messages : 473
Inscrit(e) le : 18/10/2009

TCHIKI95 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Aide] Barre de navigation

Message par Invité le Dim 9 Oct 2011 - 16:59

Et comme ceci?
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;}
Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Page 1 sur 2 1, 2  Suivant

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