Barre de navigation
2 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, j'ai donc ma barre de navigation en haut en fond noir .... J'aimerais rajouté une bande en bas pour bien montrer la barre de navigation
Mon forum : Http://ladan-rpg.forumactif;net
Mon forum : Http://ladan-rpg.forumactif;net
Dernière édition par Honoka Shizuka le Mar 19 Juil 2011 - 10:46, édité 2 fois
Re: Barre de navigation
Bonjour,
vous parlez d'une barre en dessous de la barre de navigation ?
Cordialement.
vous parlez d'une barre en dessous de la barre de navigation ?
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Barre de navigation
Oui, comme les cadre , aussi gras qu'eux !!
Car on a du mal a voir bien la barre de navigation puisuq'elle est sur fond noir !!!
MErci d'avance ^^
Car on a du mal a voir bien la barre de navigation puisuq'elle est sur fond noir !!!
MErci d'avance ^^
Re: Barre de navigation
puis-je avoir votre css associée à la barre ?
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Barre de navigation
le voici (en entier) :
- Code:
.forumline {
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:5px solid #6d071a;}
.navig {
position: fixed;
top: 0px;
width: 100%;
background-color:#000000;
}
.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;
}
.onglet.actif{display:inline-block;
margin:5px;
margin-bottom:-5px;
text-decoration:none;
border: 1px solid #ffffff;
-moz-border-radius: 8px;
bordert-radius: 8px;
background: #D43B3B;
padding: 3px;}
.onglet {
display:inline-block;
margin:5px;
margin-bottom:-5px;
text-decoration:none;
border: 1px solid #D43B3B;
-moz-border-radius: 8px;
bordert-radius: 8px;
background: #fffff;
padding: 3px;}
.onglet:hover{
color: #8a8888;}
.onglet li {
display:inline-block;
list-style-type:none;}
body {cursor: url('http://www.patmax.eu/C1/110718104208.cur'), auto;}
Re: Barre de navigation
Remplacez ceci :
par
- Code:
.navig {
position: fixed;
top: 0px;
width: 100%;
background-color:#000000;
}
par
- Code:
.navig {
position: fixed;
top: 0px;
width: 100%;
background-color:#000000;
border-bottom:5px solid #6d071a;
}
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Barre de navigation
Sa marche ^^ Merci
Sujets similaires
» Avoir une barre "suivez l'actualité du forum" en dessous de la barre de navigation
» Barre de couleur derrière la barre de navigation + modifier le css des boutons
» Barre de navigation
» Modifier ma barre de navigation (en-tête et navigation)
» Suppression "barre" en dessous de la barre de navigation
» Barre de couleur derrière la barre de navigation + modifier le css des boutons
» Barre de navigation
» Modifier ma barre de navigation (en-tête et navigation)
» Suppression "barre" en dessous de la barre de navigation
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