Barre de Navigation
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Barre de Navigation
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.
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
Re: Barre de Navigation
Bonjour !
Dans ton CSS, tu ajoute ceci à la classe de ta barre de navigation
Dans ton CSS, tu ajoute ceci à la classe de ta barre de navigation
- Code:
position: fixed;
z-index: 999;
Re: Barre de Navigation
C'est fixer mais maintenant ça me fait n'importe quoi.
Regarder : http://dangerousworld.grafbb.com/
Regarder : http://dangerousworld.grafbb.com/
Re: Barre de Navigation
Retire la 2éme partie du code pour voir ^^
Re: Barre de Navigation
Ça le fait toujours. :S
Je l'ai peut-être pas mit au bon endroit ? Je vous passe ma fiche CSS.
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;}
Re: Barre de Navigation
Bonjour,
retirez ce que vous avez mis et mettez le code suivant :
Cordialement
retirez ce que vous avez mis et mettez le code suivant :
- Code:
.navig {
position : fixed;}
Cordialement
Re: Barre de Navigation
Maintenant ce n'est plus fixer. :X
EDIT : Ah non je l'avais mit au mauvais endroit.
Merci pour votre aide !
EDIT : Ah non je l'avais mit au mauvais endroit.
Merci pour votre aide !
Re: Barre de Navigation
^^ N'oublie pas d'éditer ton sujet pour mettre "résolu"
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum