Barre de Navigation haut de forum

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

Résolu Barre de Navigation haut de forum

Message par Niino28 le Ven 1 Juil 2011 - 23:35

Bonjour/Bonsoir, voilà j'ai une question par rapport a la barre de navigation, j'ai suivi votre totoriel pour la mettre en haut de mon forum mais voilà le souci il semblerait qu'elle ne soit pas assez longue. Je ne suis pas très doué pour l'expliquer alors autant montrer une capture...

Spoiler:

Quand je passe ma souris dessus voilà se que j'obtiens :

Spoiler:

C'est assez embêtant et j'aimerais bien régler ce problème, ainsi que savoir si c'est normal que la barre de navigation ne soit pas, comment dire, collé au sommet du forum et pas complètement au dessus de la bannière, enfin je pense m'être fait comprise.

Voilà merci, en attente de votre réponse. Smile


Dernière édition par Niino28 le Dim 3 Juil 2011 - 21:51, édité 1 fois

Niino28
Nouveau membre

Féminin
Messages : 9
Inscrit(e) le : 28/10/2010

http://dead-space.forumactif.com/forum.htm
Niino28 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de Navigation haut de forum

Message par Anzu le Sam 2 Juil 2011 - 0:02


Bonsoir,

Il me faudrait le lien du forum concerné, également les codes de votre template overall header et css (en hide si vous le souhaitez).

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de Navigation haut de forum

Message par Niino28 le Sam 2 Juil 2011 - 0:11

Aucun souci, voilà déjà l'adresse du forum : http://la-foret-de-laube.forumactif.com/

Voilà la code du Template :


Et celui du CSS :


Edit : Le thème du forum a changé par rapport au capture ^^

Niino28
Nouveau membre

Féminin
Messages : 9
Inscrit(e) le : 28/10/2010

http://dead-space.forumactif.com/forum.htm
Niino28 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de Navigation haut de forum

Message par Niino28 le Dim 3 Juil 2011 - 13:26

Petit Up ... c'est assez urgent ^^"

Niino28
Nouveau membre

Féminin
Messages : 9
Inscrit(e) le : 28/10/2010

http://dead-space.forumactif.com/forum.htm
Niino28 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de Navigation haut de forum

Message par Anzu le Dim 3 Juil 2011 - 14:58

Bonjour,

Désolée pour le retard. Remplacez votre css par celle ci:

Code:
    a { text-decoration: none; }

    a.forumlink{
    -moz-border-radius: 7px 7px 7px 7px;
    background-color: #FFFFFF;
    border-bottom: 5px double #5E857D;
    color:#6A7B8F;
    font-family: georgia;
    font-size: 14px;
    font-weight: lighter;
    letter-spacing: 2px;
    display:block;
    text-align: center;
    }


    a.forumlink:hover{
    color:rgb(170,170,170);
    font-family: georgia;
    font-size: 14px;
    font-weight: lighter;
    letter-spacing: 2px;
    text-align: center;}

    cursor:url(http://pmsc.free.fr/C03/1039192821.ani),default;

    #menu ul
    {margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: center;}

    #menu li
    {float: left;
    padding: 0px;
    background-color: #99876e;}

    #menu li a
    {display: block;
    width: 100px;
    color: #000000; /* couleur du texte */
    padding: 5px;
    text-decoration: none;}

    #menu li a:hover /* couleur du texte au passage de la souris */
    {color: #ffffff;}

    #menu ul li ul  /* cacher les sous-catégories */
    {display: none;}

    #menu ul li:hover ul
    {display: block;}

    #menu li:hover ul li
    {float: none;}

    #menu li ul
    {position:absolute;}




    a.mainmenu
    {
    background-color: #ffffff;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-radius: 140px;
    }





    body.chatbox {
    background-image:url("http://i28.servimg.com/u/f28/13/68/96/41/13700511.jpg");
    background-repeat:no-repeat;
    background-position:center center;
    }

    /*------------------------------------------------*/

    .text {
    color:#000000; /*Couleur du texte de vos onglets*/
    cursor:pointer;
    }

    #cat_Hors Rpg,#cat_Elune,#cat_Edelweiss,#cat_Akame,#cat_Eden/*... à remplacer par le nom des onglets*/ {
    padding-top:4px;
    }

    .spoiler_content { display: block; }
    .hidden .spoiler_content { display: none; }

    .cat_forum {
    background-color: #CFAF63;
    margin: auto;
    margin-bottom:30px;
    width:800px;
    }

    .onglet {
    display:inline-block;
    margin-top:30px;
    text-decoration:none; !important
    cursor:pointer;
    }

    .onglet li {
    float:left;
    list-style-type:none;
    margin-bottom:-22px;
    text-decoration:none; !important
    cursor:pointer;
    }

    .onglet li:hover {
    text-decoration:none; !important
    cursor:pointer;
    }

    .onglet li a {
    display:block;
    text-decoration:none; !important
    list-style-type: none;
    cursor:pointer;
    }

    .onglet li a: hover {
    text-decoration:none;
    list-style-type:none;
    cursor:pointer;
    }

    .onglet_actif {
    background: url('http://i71.servimg.com/u/f71/11/71/41/34/211.png') no-repeat; /*URL de l'onglet étant actif*/
    width:100px; /*Largeur de l'onglet étant actif*/
    height:50px; /*Hauteur de l'onglet étant actif*/
    cursor:pointer;
    }

    .onglet_nactif {
    background:url('http://i71.servimg.com/u/f71/11/71/41/34/117.png') no-repeat; /*URL de l'onglet étant inactif*/
    width:100px; /*Largeur de l'onglet étant inactif*/
    height:50px; /*Hauteur de l'onglet étant inactif*/
    cursor:pointer;
    }

    .tstaff{font-size:1em;}

    .thumbnail{position: relative;z-index: 0;}

    .thumbnail:hover{background-color: transparent;z-index: 50;}

    .thumbnail span{
    position: absolute;
    background-color: #99CCFF;
    padding: 5px;
    left: -1000px;
    visibility: hidden;
    color: #008080;}

    .thumbnail span img{border: 1px groove;padding: 2px;}

    .thumbnail:hover span{
    visibility: visible;
    top: 15px;
    left: 25px;
    width: 60;}

    /* Essaie ^^ */

    /* Profil Masqué */
    .profilmasque /*c'est juste le css du bouton*/
    {background-color: #dcd7c5;
    border: 1px solid #615c52;
    font-size: 12px; /*taille de la police*/
    letter-spacing: 1px;
    }

    .profil1/*c'est le css de l'ensemble bouton+profil*/
    {
    width: 170px;
    background-color: #dcd7c5;
    border: none;
    font-size: 12px;
    letter-spacing: 2px;
    text-shadow: 1px 1px 1px #000000;
    }





    /* page accueil*/

    .name {
    text-shadow: 1px 1px 2px #000000;
    }

    .cadre {
      border: 2px solid #615c52;
    background-color: #dcd7c5;
    -moz-border-radius:15px;
    width: 35px;
    height: 30px;
    padding: 5px;}


    .navig {
    text-decoration: none !important;
    text-align: center;
      border-left: 2px dashed #615c52;
      border-right: 2px dashed #615c52;
      border-bottom: 2px solid #615c52;
    border-top: 1px solid #353232;
    background-color: #dcd7c5;
      color: #000;
left: 0px;
      font-family: "arial";
    }
    a:hover { cursor: nw-resize; font-variant: small-caps; text-decoration: none !important; letter-spacing : 2px; }

    .contenu {
    -moz-border-radius: 5px;
    background-color: #b9b29b;
    text-align: justify;
      padding: 5px;
      color: #000000;
      font-family: arial;
      font-size: 11px;
    margin-right: 20px;
    margin-left: 20px;
    border-right: 5px solid #615c52;
    border-left: 5px solid #615c52;
    }

    .title {
    font-family: impact, serif; /* Possibilité de la changer */
    font-size: 140%;
    text-transform: uppercase;
    border-bottom: 1px solid #6b5b62; /* A placer une couleur */
    color: #000000;
    text-align: left;
    margin-right: 20px;
    margin-left: 20px;
    }


    /* l'infobulle */

    a.infobulle {
      position: relative;
    }

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

    }
    a.infobulle:hover span {
      display: inline; /* ceci 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: 5px; /* on positionne notre infobulle */
      left: 15px;
      padding: 5px;
      background: #F2E4E7; /* arrière-plan de l'infobulle */

      color: black; /* texte dans l'infobulle */
      padding: 3px;
      color: #000;
        font-family: "calibri", arial;

      /* bordures de votre infobulle*/
      border: 1px dotted #353232;
      -moz-border-radius:10px;
    }




    a { text-decoration: none !important; }

    /* Détail ( titre,soustitre...)*/

    .titre {
    background-image: url(http://photomaniak.com/upload/out.php/i921400_iconecopie.png);
    font-size:14px;font-weight: bold;text-align:center;
    text-decoration: none !important;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomright: 5px;
    margin-right: 20px;
    margin-left: 20px;}

    .description {
    -moz-border-radius: 5px;
    background-color: #cdc5b6;
    border-right: 5px solid #615c52;
    border-left: 5px solid #615c52;
    text-align: justify;
    }

    .titres {
    text-shadow: 1px 1px 2px #615c52;
    }

    .soustitres {
    text-shadow: 1px 1px 2px #615c52;font-size:14px;font-weight: bold;border-bottom: 3px double #615c52;margin-left: 20px;
    }


    /* QEEL a faire*/

    .statistiques{
    border:30px;
    background-image: url('http://photomaniak.com/upload/out.php/i921384_qeelcopie.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 800px;
    height:350px;}

    #qeel td.row1
    {background: none;}

    .groupes
    {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: 5px;
    margin-right: 5px;
    font-variant: uppercase;
    text-shadow: 1px 1px 2px #070705;
      font-family: arial;
      font-size: 12px;
    font-weight: bold;}

    /* Barre de Navigation en haut */

    .navig {
    position: absolute;
    top: 0px;
    width: 100%;
    background-color: #2E8050;
    border-bottom: 3px solid #a17a55;
}

    a.mainmenu img{
    display: none;
    }

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de Navigation haut de forum

Message par Niino28 le Dim 3 Juil 2011 - 19:56

Bonsoir,

Cette fois sa marche parfaitement.
Merci beaucoup !

Niino28
Nouveau membre

Féminin
Messages : 9
Inscrit(e) le : 28/10/2010

http://dead-space.forumactif.com/forum.htm
Niino28 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