Soucis barre de navigation.

[Christelle.Vassili.Lyon]

Bonjour :

Je vous contacte car j'ai un soucis de barre de navigation. J'ai voulu reprendre le design de mon ancien forum pour mon nouveau, le soucis est que j'ai pris la fiche de CSS tel que... Hors, la barre de navigation ne veut pas s'afficher du tout :/ Quelqu'un aurait il la solution ?

Voici l'ancien forum avec la barre de navigation que je voudrai : http://revolt-half-blood.forumactif.fr
Et voici le nouveau : http://academy-divine.forumactif.fr Vous pouvez voir que la barre de navigation est remplacée par des points et inversée. :s

Merci pour votre réponse.

[Lixyr]

Bonjour.

Pourrait-on avoir votre css, s'il vous plait ?

Cordialement.

[Christelle.Vassili.Lyon]

Oui, le voici :

Code:

body
{
background: url(http://img4.hostingpics.net/pics/268375ban.jpg) top center no-repeat fixed #373a43;
}

#i_logo
{
height: 430px;
}

u{
border-bottom: 2px dotted #963a63;
      text-decoration: none !important;}

i{
color: #63758C;
}

.mainmenu
{
margin-left: -10px;
}
a.mainmenu
{
color: #9a2a29;
padding-bottom: 4px;
border-bottom: 3px solid #adadac;
font-weight: bold;
text-shadow: 1px 1px 0px #262831;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-htm-border-radius: 20px;
-o-border-radius: 20px;
}
a.mainmenu:hover
{
color: #b77777;
border-bottom: 3px solid #9a2929;
font-weight: bold;
text-shadow: 1px 1px 0px #992929;
text-decoration: none !important;
}

.forumline
{
max-width: 800px;
margin: auto;
background-color: #151516;
background-image: url(http://img4.hostingpics.net/pics/602667fontforumlinetop.png);
background-position: top center;
background-repeat: no-repeat;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-htm-border-radius: 10px;
-o-border-radius: 10px;
border-bottom: 6px solid #aeaeae;
border-left: 1px solid #aeaeae;
border-right: 1px solid #aeaeae;
border-top: 1px solid #aeaeae;
}
table
{
max-width: 800px;
margin: auto;
}


.secondarytitle
{
letter-spacing: 4px;
}



.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: none !important;
}




#page-footer
{
height: 50px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-htm-border-radius: 20px;
-o-border-radius: 20px;
border-bottom: 3px solid #9a2929;
}
#page-footer a
{
font-size: 10px;
}

tr.post span.gensmall { display: none; }

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 5px solid darkgrey;
}

.profilentour {
text-align:list;
padding:9px;
background-color: black;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border: 3px double grey;
}

/* LES INFOBULLES NOUS SERVIRONT UN JOUR, BUDDY*/


* {
  font-family: Tahoma, Verdana, Arial, serif, Georgia, Courier New;

}
a.info {
  position: relative;
  color: #4b5a30;
  text-decoration: none;
}

a.info span {
  display: none; /* on masque l'infobulle */
font-size: 11px;

}
a.info:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;

  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

  top: 6px; /* on positionne notre infobulle */
  left: 6px;

  background: black;

  color: #4b5a30;
  padding: 3px;

border-top: 4px solid darkgrey;
border-bottom: 4px solid darkgrey;
}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}

/*signature artémis*/

.signature {background-repeat: no-repeat; background-position: center;width: 500px; height: 250px; -moz-border-radius-topleft: 110px; -moz-border-radius-topright: 110px; -moz-border-radius-bottomright: 20px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 110px; border-top-right-radius: 110px; -moz-box-shadow: 0px 0px 8px grey;-webkit-box-shadow: 0px 0px 8px grey; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; background-image: url('http://29.media.tumblr.com/tumblr_ljt620CJ3z1qivdq3o1_500.gif');}

/*couleur fiche de présentation*/

.fondfiche{
width: 600px;
background-color: #0c0c0c;
-moz-border-radius:20px;
-webkit-border-radius:10px;
-webkit-box-shadow: 0px 0px 10px darkgrey;}

.prénom{
text-align:center;
color: #94794f;
font-size: 26px;
font-family: trajan pro;}

.citation{
text-align:center;
color: #9e9696;
font-size: 11px;
font-family: courier new;}

.barreseparationprénomcitation{
background:black;
color : #A56E6E;
font-size: 6px;
height: 3px;
 -moz-border-radius:8px;}

.carrepresentation{
width:300px;
height:240px;
overflow:auto;
background-color:#8A7E65;
color: white;
-webkit-border-radius:10px;}

.barreseparation{
background:#973E3E;
color : #973E3E;
font-size: 3px;
height: 3px;
 -moz-border-radius:20px;}

.partiehorsjeux{
width:550px;
background-color:#8A7E65;
color: white;
border: black 3px solid;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius:10px;
}

.histoire{
width:550px;
background-color:#8A7E65;
color: white;
-webkit-border-radius:10px;
}


/*image flottante*/
.floatright{
float: right;
-moz-box-shadow: #231205 2px 2px 2px;
-webkit-box-shadow: #231205 2px 2px 2px;
margin-left: 2px;
margin-top: 2px;
}

/*fiche scénario*/

.cadreicone{
-moz-box-shadow: 3px 3px 3px black;
-webkit-box-shadow: 3px 3px 3px black;
float: left;
padding: 4px;
margin-left: 25px;
background-color: #0c0c0c;}

.cadre{
background-color:#0c0c0c;
border: 1px solid #94794f;
width: 570px;
display:block;
}

.cadre2{
-moz-box-shadow: 3px 3px32px black;
-webkit-box-shadow: 3px 3px 3px black;
float: right;
padding: 4px;
margin-right: 20px;
background-color: #0c0c0c;
}

.barre{
border-bottom: 5px solid #72664A;
padding-top: 0px;
}

.lien{
background-color:#0c0c0c;
border: 1px solid #94794f;
width: 200px;
height: 325px;
}

.icone{
-moz-box-shadow: 3px 3px 3px black;
-webkit-box-shadow: 3px 3px 3px black;
text-align: center;
width: 100px;
height: 100px;
border: 3px solid #AB9A72;
}

.lien2{
overflow: auto;
height: 100px;
width: 150px;
}

/*FICHE PREDEFINI*/

.prenom {background-color: #A08BA0 ; width: 450px; height: 20px; TEXT-ALIGN: center; -moz-border-radius-topleft: 11px;  -moz-border-radius-topright: 11px; -webkit-border-radius: 0px 11px 0px 11px;}

.avatar {background-color: #C9B3CA; text-align: justify; -moz-border-radius-topleft: 11px; -moz-border-radius-topright: 11px; -moz-border-radius-bottomright: 11px; -moz-border-radius-bottomleft: 0px; height: 530px; -webkit-border-radius: 0px 11px 0px 11px; width: 250px;}

.histoire {background-color: #C9B3CA; text-align: justify; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 20px; -moz-border-radius-bottomleft: 20px; border-style: solid; border-color: #FFFFFF; border-width: 5px; width: 260px; height:300px; -webkit-border-radius: 0px 20px 0px 20px;}

.caractere {background-color: #C9B3CA; text-align: justify; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 20px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 20px; border-style: solid; border-color: #FFFFFF; border-width: 5px; width: 250px; height:200px; -webkit-border-radius: 0px 20px 0px 20px;}

Merci de vous occuper de mon problème, ça fait plaisir ^^

[Lixyr]

Oki, alors ce css-là fonctionne bien chez moi. J'ai bien le rendu voulu.

Le css que vous m'avez donné, c'est le css du forum dont vous avez repris le css, et donc le même que votre nouveau forum, c'est bien ça ?

Vous avez fait une modification du template overall_header dans votre nouveau forum ?

[Christelle.Vassili.Lyon]

Non aucune modification de Templates. Et oui c'est le même css entre les deux. Sauf que un a la barre de Navig et l'autre est en pointillés, quand elle y est :/

[Lixyr]

Essayez en enregistrant votre contenu css dans un bloc note, et ensuite, vous enlevez tout et ne laissez que ceci dedans :

Code:


        .mainmenu
        {
        margin-left: -10px;
        }
        a.mainmenu
        {
        color: #9a2a29;
        padding-bottom: 4px;
        border-bottom: 3px solid #adadac;
        font-weight: bold;
        text-shadow: 1px 1px 0px #262831;
        border-radius: 20px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        -htm-border-radius: 20px;
        -o-border-radius: 20px;
        }
        a.mainmenu:hover
        {
        color: #b77777;
        border-bottom: 3px solid #9a2929;
        font-weight: bold;
        text-shadow: 1px 1px 0px #992929;
        text-decoration: none !important;
        }