Barre de navigation

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

Résolu Barre de navigation

Message par Touwnsi le Sam 15 Juin 2013 - 14:56

Bonjour j'ai suivi un tuto pour mettre ma barre de navigation en haut du forum, voilà ce que j'obtiens,

(Le bleu = l'image de fond du forum)
J'aimerais mettre un fond à la Barre qui fasse toute la largeur du forum que sa donne sa:





Et un code pour que quand on descend la barre ne disparaît pas..


Merci


Dernière édition par Touwnsi le Dim 16 Juin 2013 - 20:32, édité 2 fois

Touwnsi
Nouveau membre

Messages : 10
Inscrit(e) le : 03/05/2013

http://haddoleague.keuf.net/
Touwnsi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation

Message par Touwnsi le Dim 16 Juin 2013 - 15:02

up.

Touwnsi
Nouveau membre

Messages : 10
Inscrit(e) le : 03/05/2013

http://haddoleague.keuf.net/
Touwnsi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation

Message par Touwnsi le Dim 16 Juin 2013 - 16:55

Désolé du DP.

Enfin d'compte j'ai réussi à mettre le fond sur ma barre, mais
La largeur du fond que j'ai mis prend pas tout la largeur de mon forum le code que j'ai mit:


Code:
 .navig {
position: fixed; /*--- Cette ligne permet de toujours afficher la barre ---*/
top: 0px;
width:100%;
background-image: url("http://img15.hostingpics.net/pics/947807verthaut.png");
  border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #000000;
}
a.mainmenu img{
display: none;
}

Touwnsi
Nouveau membre

Messages : 10
Inscrit(e) le : 03/05/2013

http://haddoleague.keuf.net/
Touwnsi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation

Message par Matriochka le Dim 16 Juin 2013 - 17:09

Bonjour,

Il faut ajouter à l’élément .navig :
Code:
background-repeat:repeat-x;
Ce qui nous donne :
Code:
.navig {
position: fixed; /*--- Cette ligne permet de toujours afficher la barre ---*/
top: 0px;
width:100%;
background-image: url("http://img15.hostingpics.net/pics/947807verthaut.png");
background-repeat:repeat-x;
  border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #000000;
}
Cette ligne permet de faire répéter l’image sur l’axe X (donc, horizontalement).

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Barre de navigation

Message par Touwnsi le Dim 16 Juin 2013 - 17:22

J'obtiens toujours le même résultat:

Touwnsi
Nouveau membre

Messages : 10
Inscrit(e) le : 03/05/2013

http://haddoleague.keuf.net/
Touwnsi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation

Message par Matriochka le Dim 16 Juin 2013 - 18:57

Ah je n’avais pas compris ça comme ça.

Essaye d’ajouter ceci en plus dans ton CSS :
Code:
body {padding:0px;}

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Barre de navigation

Message par Touwnsi le Dim 16 Juin 2013 - 19:14

Bonsoir
Je dois l'ajouté à quel moment du code ?
Car j'l'ai placé juste en dessous de:



    Code:
    background-image:url("http://img15.hostingpics.net/pics/947807verthaut.png");





Et le problème est toujours présent.

Voilà le code CSS que j'ai en ce moment:


Code:
.navig {
position: fixed; /*--- Cette ligne permet de toujours afficher la barre ---*/
top: 0px;
width:100%;
background-image: url("http://image.noelshack.com/fichiers/2013/24/1371395864-ebar.png");
  body {padding:0px;}
background-repeat:repeat-x;
  color: #FFFFFF;
  border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
  a.mainmenu img{
display: none;
}
  a.mainmenu {
margin: 5px;
font-family: Arial;
font-size: 23px;
}
}
.forumline{
border-radius : 1px;
}
.bodyline{
background : url('http://lightpics.eu/images2/EaZqv.png');
}
.spoiler_closed, .spoiler_closed.hidden, .spoiler_content, .spoiler_content.hidden {
  background-color:#EDEDED;
  text-align : justify;
  color:#000000;
  -moz-border-radius:20px;
  border-radius:20px;
  padding:10px;
}
        .bodyline{
        border-radius: 300px / 40px;
        -moz-border-radius:300px / 40px;
        -webkit-border-radius: 300px / 40px;
        -khtml-border-radius: 300px / 40px;
        box-shadow: 0px 0px 7px #000;
        background-color: #ede7d8;
        }
.quote {
  border:1px solid #000000;
  text-align : justify;
  -moz-border-radius:20px;
  -webkit-border-radius:20px;
  border-radius:20px;
  padding:10px;  
}
.forumline {
    -moz-border-radius: 2px ;
    -webkit-border-radius:2px;
    -khtml-border-radius:2px;
    border-radius:2px;
padding : 0px;
}

Touwnsi
Nouveau membre

Messages : 10
Inscrit(e) le : 03/05/2013

http://haddoleague.keuf.net/
Touwnsi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation

Message par Matriochka le Dim 16 Juin 2013 - 19:35

Il faut le placer de manière indépendante :
Code:
.navig {
position: fixed; /*--- Cette ligne permet de toujours afficher la barre ---*/
top: 0px;
width:100%;
background-image: url("http://img15.hostingpics.net/pics/947807verthaut.png");
background-repeat:repeat-x;
  border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #000000;
}

puis ensuite :
Code:
body {padding:0px;}

Si tu fusionnes les deux, ça risque de ne plus fonctionner du tout Smile Un code est valable seulement s’il est bien encadré par { et }

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Barre de navigation

Message par Touwnsi le Dim 16 Juin 2013 - 19:50

Bonsoir, le problème est toujours là j'vous laisse vérifié.
Mon forum -> ICI
La barre de navigation que j'ai mit en haut, il y a un trou en haut à gauche le code que j'ai mit code vous m'avez dit:

Code:
.navig {
position: fixed; /*--- Cette ligne permet de toujours afficher la barre ---*/
top: 0px;
width:100%;
background-image: url("http://img15.hostingpics.net/pics/947807verthaut.png");
background-repeat:repeat-x;
  border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #000000;
}body {padding:0px;}


Touwnsi
Nouveau membre

Messages : 10
Inscrit(e) le : 03/05/2013

http://haddoleague.keuf.net/
Touwnsi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation

Message par Matriochka le Dim 16 Juin 2013 - 20:10

Ah d’accord, j’ai compris Smile

Code:
.navig {
position: fixed; /*--- Cette ligne permet de toujours afficher la barre ---*/
top: 0px;
width:100%;
background-image: url("http://img15.hostingpics.net/pics/947807verthaut.png");
background-repeat:repeat-x;
  border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #000000;
}
Ajoute avant } :
Code:
left:0px;

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Barre de navigation

Message par Touwnsi le Dim 16 Juin 2013 - 20:31

oh putain, merci !


Résolu.

Touwnsi
Nouveau membre

Messages : 10
Inscrit(e) le : 03/05/2013

http://haddoleague.keuf.net/
Touwnsi 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