Barre de Navigation

3 participants

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

Résolu Barre de Navigation

Message par Smoker-sama Lun 6 Aoû 2012 - 17:29

Bonjour, voici mon forum : http://dangerousworld.grafbb.com/.
J'ai mit la barre de navigation en haut, mais j'aimerai qu'elle suive quand on descends.

Voilà, merci d'avance.


Dernière édition par Smoker-sama le Mar 7 Aoû 2012 - 17:31, édité 1 fois
Smoker-sama

Smoker-sama
*

Messages : 32
Inscrit(e) le : 28/02/2012

http://dogs-survivors.nouslesfans.com/
Smoker-sama a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de Navigation

Message par Mandrell Mar 7 Aoû 2012 - 12:49

Bonjour !

Dans ton CSS, tu ajoute ceci à la classe de ta barre de navigation

Code:
position: fixed;
z-index: 999;
Mandrell

Mandrell
****

Messages : 209
Inscrit(e) le : 01/03/2010

http://www.good-morning-america.org/
Mandrell a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de Navigation

Message par Smoker-sama Mar 7 Aoû 2012 - 15:30

C'est fixer mais maintenant ça me fait n'importe quoi.
Regarder : http://dangerousworld.grafbb.com/
Smoker-sama

Smoker-sama
*

Messages : 32
Inscrit(e) le : 28/02/2012

http://dogs-survivors.nouslesfans.com/
Smoker-sama a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de Navigation

Message par Mandrell Mar 7 Aoû 2012 - 15:38

Retire la 2éme partie du code pour voir ^^
Mandrell

Mandrell
****

Messages : 209
Inscrit(e) le : 01/03/2010

http://www.good-morning-america.org/
Mandrell a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de Navigation

Message par Smoker-sama Mar 7 Aoû 2012 - 16:29

Ça le fait toujours. :S

Je l'ai peut-être pas mit au bon endroit ? Je vous passe ma fiche CSS.

Code:
a { text-decoration: none; }

.bodyline {
background-color: none;
border: 1px;
}




a:hover {
text-decoration: none !important;
}
 
/* Image slide */

.slidez {
  position: relative;
  overflow:hidden;
  height: 50px;
  width: 265px;
  background: lightgrey; /* Couleur fond image slide */
  color: white; /* Couleur écriture image slide */
  margin-top: 2px;
  border: 1px dotted white; /* Épaisseur, style, couleur bordure image slide */
}

.slidez img{
  position: absolute;
  left: 0;
  top: 0;
  transition: transform 3s;
  -moz-transition: -moz-transform 4s;
  -o-transition: -o-transform 4s;
  -webkit-transition: -webkit-transform 4s; }


.slidez:hover img{
  transform: translateY(+208px);
  -moz-transform: translateY(+208px);
  -o-transform: translateY(+208px);
  -webkit-transform: translateY(+208px); 
}

/* TOGGLE OPACITE - A NE PAS TOUCHER */

.toggleopacity {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
  -moz-transition : all 1s;
  -webkit-transition : all 1s;
}

.toggleopacity:hover {
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
  -moz-transition : all 1s;
  -webkit-transition : all 1s;
}


div.bubulle {
  position: relative;
  float: left;
}

div.bubulle span {
  display: none;
}
div.bubulle:hover {
  background: none;
  z-index: 999;
}

div.bubulle:hover span {
  width: 150px;
display: inline;
position: absolute;
top: Ypx;
left: Xpx;
background-color: #FFFFFF; /* Couleur fond infobulle PV */
color: #000000; /* Couleur texte infobulle PV */
padding: 2px;
border: 2px solid lightgrey; /* Épaisseur, style, couleur contour infobulle PV */
  border-radius: 15px;
}

div.boutons {
  width:120px;
  height:20px;
  background-color:#FFFFFF; /* Couleur fond bouton navig rapide */
  border: 3px solid lightgrey; /* Épaisseur, style, couleur contour bouton navig rapide */
  border-radius: 15px 0px 15px 0px;
  text-align:center
  }



/*---------------- LIENS CATEGORIES ----------------*/
 
a.forumlink:link, a.forumlink:visited {
font-family: Palatino Linotype;
font-size:25px;
font-style: italic;
color: #6b3746;
display: block;
margin-left:10px;
text-shadow: #1A1918 0px 0px 10px;
margin-bottom:-20px;
font-weight: normal;
letter-spacing:-1px;
}
 
a.forumlink:hover, a.forumlink:hover:visited {
font-family: Palatino Linotype;
font-size:25px;
font-style: italic;
color: #7D4444;
display: block;
margin-left:10px;
text-shadow: #1A1918 0px 0px 10px;
margin-bottom:-20px;
font-weight: normal;
  letter-spacing:-1px;
}

/*---------------- AFFICHAGE DES CATEGORIES ----------------*/
 .categ{
  background-color:#dddcde;
  padding:10px;}

 .categcont{
  background-color:#e3e1e4;
  padding:10px;
  border:1px solid #dadada;
  height:100px;
  overflow:auto;}






/* QEEL */
.onglet {
background-color: #fff ;
border-right: 5px solid #BBADAD;
border-left: 5px solid #BBADAD;
border-top: 1px dotted #BBADAD;
border-bottom: 1px dotted #BBADAD;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 0px;
font-family: verdana;
font-weight: bold;
text-align: center;
color: #000;}

.message {
background-image:url('http://desmond.imageshack.us/Himg683/scaled.php?server=683&filename=textures6.jpg&res=landing');
height: 150px;
border-right: 5px solid #BBADAD;
border-left: 5px solid #BBADAD;
border-top: 1px dotted #BBADAD;
border-bottom: 1px dotted #BBADAD;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 30px;
padding-right: 30px;
font-family: verdana;
text-align: center;
color: #000;}
 
 
a[href="/g3-clan-de-la-foret"] {
  text-shadow: 0px 0px 2px #2686B3;
}
a[href="/g2-clan-des-montagnes"] {
  text-shadow: 0px 0px 2px #2686B3;
}
a[href="/g4-clan-de-la-mer"] {
  text-shadow: 0px 0px 2px #2686B3;
}
a[href="/u1"] {
  text-shadow: 0px 0px 2px #2686B3;
}
a[href="/u2"] {
  text-shadow: 0px 0px 2px #2686B3;
}

a.mainmenu{
font-family:  Georgia;
font-weight: bold;
letter-spacing:-2px;
text-align: center;
text-decoration:none;
text-shadow:1px 0px 1px #393D7A;
font-size: 20px;
color:#B8BAE3;
position: fixed;
}
 

strong {
font-weight:bold;
font-variant:small-caps;
text-shadow:0px 0px 2px #ffffff;
}

i {
font-style:italic;
color:#ffffff;
text-shadow:1px 1px 1px #000000;
}
 
a:hover {font-variant:small-caps;}
Smoker-sama

Smoker-sama
*

Messages : 32
Inscrit(e) le : 28/02/2012

http://dogs-survivors.nouslesfans.com/
Smoker-sama a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de Navigation

Message par _backdraft_ Mar 7 Aoû 2012 - 16:54

Bonjour,

retirez ce que vous avez mis et mettez le code suivant :

Code:
.navig {
position : fixed;}

Cordialement
_backdraft_

_backdraft_
Membre habitué

Masculin
Messages : 1509
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de Navigation

Message par Smoker-sama Mar 7 Aoû 2012 - 17:08

Maintenant ce n'est plus fixer. :X

EDIT : Ah non je l'avais mit au mauvais endroit.
Merci pour votre aide !
Smoker-sama

Smoker-sama
*

Messages : 32
Inscrit(e) le : 28/02/2012

http://dogs-survivors.nouslesfans.com/
Smoker-sama a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de Navigation

Message par Mandrell Mar 7 Aoû 2012 - 19:35

^^ N'oublie pas d'éditer ton sujet pour mettre "résolu"
Mandrell

Mandrell
****

Messages : 209
Inscrit(e) le : 01/03/2010

http://www.good-morning-america.org/
Mandrell 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