La barre de navigation encadré en marron

2 participants

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

Résolu La barre de navigation encadré en marron

Message par Froufy Mer 5 Avr 2017 - 18:02

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis que j'ai mis le thème.
Lien du forum : http://lgdc-reborn.forumactif.com/

Description du problème

Bonjour!
J'ai un problème avec mon forum: la barre de navigation (donc le "Accueil", le "Membres"...) est encadré de marron et de noir. Enfaite, ça va avec le thème que j'ai pris. Le problème, c'est que maintenant que je veux changer des choses sur le thème, je peux tout changer (images, ect...) sauf ça! J'ai essayer de mettre mes propres écritures mais rien y fait: on voit même dans les carrés qui encadre "accueil", "FAQ", "Recherche"... Des petits ronds... C'est des écritures que j'ai mises dans PA>Affichage>Image et couleurs>Gestion des images... Et j'ai changer l'image de "FAQ", de "Recherche"... Mais rien! Les carrés ne disparaissent pas! J'ai essayé plusieurs trucs... Tout ce que je vois à faire c'est changer le thème mais j'avoue que je n'ai pas envie de le changer: il faudrait reprendre toutes les couleurs, certaines images...

Donc voilà, je cherche quelqu'un qui pourrait résoudre mon problème sachant que je n'ai pas toucher aux templates ou au CSS pour trouver une solution: je ne sais pas faire.

Voilà, contactez moi au besoins Wink
Merci!


Dernière édition par Froufy le Mer 5 Avr 2017 - 20:37, édité 1 fois
Froufy

Froufy
Nouveau membre

Messages : 6
Inscrit(e) le : 27/03/2016

http://lgdcthelifeofdestiny.forumactif.org/
Froufy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: La barre de navigation encadré en marron

Message par ◦Jay◦ Mer 5 Avr 2017 - 18:23

Bonjour Froufy, les boutons sont dans le CSS, les codes sont :

#i_icon_mini_index
#i_icon_mini_faq
#i_icon_mini_search
etc...

Bien à vous.
◦Jay◦

◦Jay◦
Membre actif

Masculin
Messages : 4230
Inscrit(e) le : 24/12/2014

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

Résolu Re: La barre de navigation encadré en marron

Message par Froufy Mer 5 Avr 2017 - 18:36

Bonjour,
merci de votre réponse très rapide, mais les barres ne disparaissent toujours pas.
Regardez ce que ça donne:
Spoiler:
Froufy

Froufy
Nouveau membre

Messages : 6
Inscrit(e) le : 27/03/2016

http://lgdcthelifeofdestiny.forumactif.org/
Froufy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: La barre de navigation encadré en marron

Message par ◦Jay◦ Mer 5 Avr 2017 - 20:06

Pouvez-vous mettre votre css ici s'il vous plait ?
◦Jay◦

◦Jay◦
Membre actif

Masculin
Messages : 4230
Inscrit(e) le : 24/12/2014

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

Résolu Re: La barre de navigation encadré en marron

Message par Froufy Mer 5 Avr 2017 - 20:14

Le voici:
Code:
/* SUPRIMER MARGE DU HAUT ET DU BAS */

body{
margin-top: -10px;
margin-bottom: -20px;
}

.bodyline {
border-bottom: none;
}

.bodyline{ -moz-border-radius: 10px;}


textarea, .textarea.post, input.post {
-moz-border-radius:4px;
}

a {
font-variant: small-caps;
}


body {
background-repeat: no-repeat;
}
a { text-decoration: none; }


.bodyline {
-moz-border-radius:6px;
}

.forumline{
background-color: #945346;
-moz-border-radius: 6px ;
border: 2px #000000 solid;
}






a.mainmenu:link, a.mainmenu:visited{
background-color: #662114;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
-moz-border-radius:6px;
border: 4px #000000 solid;
}



.statistiques{
border:0px;
background-image: url("http://upload.is.free.fr/upload/ym4y1sql.png");
background-repeat: no-repeat;
background-position: center;
height:270px;}

.groupes{
background-color: #000000;
border: 2px #000000 solid;
-moz-border-radius : 5px 5px 5px 5px;
height:30px;padding-right:10px;padding-left:10px;padding-bottom:2px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}


    .infobulle {
              position: relative;
              z-index: 0;
    width: 50px;
    margin-top: -35px;
          }

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

              .infobulle span {
                  position: absolute;
                  background-color: #FFFFFF;  /*Couleur de fond de la bulle*/
                  color: #FFD073;  /* Couleur du texte à l'intérieur de la bulle */
                  padding: 5px;
                  visibility: hidden;
                  text-align: center;
                  line-height: 15px;
              }

                  .infobulle span img {  /*style des images dans l'infobulle*/
                      padding: 5px;
                  }

              .infobulle:hover span {    /*Style de l'infobulle*/
                  visibility: visible;
                  bottom: -45px;    /*Distance entre l'infobulle et le bas de la cellule*/
                  left: -30px;    /*Distance entre l'infobulle et la gauche de la page*/
                  width: 100px;  /*Largeur de l'infobulle*/
                  height: 30px;
                  border: 2px solid #FFD073;
    font-size: 12px;
              }

              .infobulle a {  /*Style des liens*/
                  color: grey;    /*Couleur des liens*/
                  text-decoration: none;
              }

                  .infobulle a:hover {    /*style des liens au passage de la souris*/
                      font-style: italic; 
                  }
    /* MISE EN FORME DES CATEGORIES ET FORUMS */

    .cate_titre
    {
      clear: both;
      height: 100px;
      margin-top: 50px;
    }
    .catetitre_bloc
    {
    position: relative;
    z-index: 1;
    display: block;
    width: 90%;
    height: 20px;
    margin-left: auto;
    margin-right : auto;
    background-color: #a8a8a8;
    transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    -htm-transform: rotate(5deg);
    }
    .catetitre_content
    {
    position: absolute;
    z-index: 2;
    display: block;
    width: 950px;
    margin-left: auto;
      margin-right: auto;
      margin-top: -40px;
    text-align: center;
    padding: 2px;
      border-bottom: 3px dotted #191817;
    }
    .catetitre
    {
    color: #454545;
    font-family: arial;
    font-size: 26px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 1px 1px 0px #000000;
    }

    .forum_bloc
    {
      width: 950px;
      margin-left: auto;
      margin-right: auto;
      margin-top: -30px;
    }
    .forum
    {
    float: left;
    width: 460px;
    height: 250px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 50px;
    }
    a.forumlink
    {
      position: relative;
      z-index: 2;
      display: block;
      width: 100%;
      color: #454545;
      text-align: center;
    font-family: arial;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 1px 1px 0px #000000;
        transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
    }
    a.forumlink:hover
    {
      letter-spacing: 4px;
        transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
    }
    .forum_contenu
    {
      position: relative;
      z-index: 1;
      width: 98%;
      height: 90%;
      padding: 4px;
      margin-left: auto;
      margin-right: auto;
      margin-top: -8px;
      background-color: #d9d9d9;
      border-left: 1px dotted #191817;
      border-right: 1px dotted #191817;
      border-bottom: 1px dotted #191817;
      border-top: 5px solid #191817;
    }
    .description
    {
      display: block;
      width: 400px;
      margin: auto;
      height: 100px;
      overflow: hidden;
      border: 2px solid #9c9c9c;
      box-shadow: 1px 1px 1px #191817;
      -moz-box-shadow: 1px 1px 1px #191817;
      -htm-box-shadow: 1px 1px 1px #191817;
      -webkit-box-shadow: 1px 1px 1px #191817;
      -o-box-shadow: 1px 1px 1px #191817;
    }
    .description_contenu
    {
      position: absolute;
      display: block;
      width: 391px;
      height: 91px;
      overflow: auto;
      background-color: #191817;
      font-size: 10px;
      color: #9c9c9c;
      text-align: justify;
      padding: 5px;
      opacity: 0;
      -moz-opacity: 0;
      -khtml-opacity: 0;
      filter: alpha(opacity=0);
      transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
    }
    .description_contenu:hover
    {
      opacity: 0.8;
      -moz-opacity: 0.8;
      -khtml-opacity: 0.8;
      filter: alpha(opacity=80);
      transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
    }
    .icone_stats
    {
      width: 300px;
      margin: auto;
      margin-top: -30px;
    }
    .stats_lastpost
    {
      display: block;
      width: 160px;
      height: 80px;
      margin-left: 10px;
      background-color: #c8c8c8;
      border: 1px solid #b5b5b5;
      padding: 5px;
      text-align: center;
    }
    .stats
    {
      display: block;
      margin-bottom: 5px;
      border-bottom: 1px dotted #b5b5b5;
      padding-bottom: 5px;
      font-size: 10px;
      color: #8f8f8f;
    }
    .lastpost
    {
      display: block;
      font-size: 11px;
    }
    .sforum
    {
      position: relative;
      z-index: 3;
      display: block;
      height: 0;
        background: #191817;
      color: #b5b5b5;
      overflow: hidden;
        transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
    }
    .ouverture_sousforum
    {
      position: relative;
      z-index: 3;
      display: block;
      float: right;
      width: 120px;
      margin-right: 20px;
      background: #191817;
      color: #b5b5b5;
      font-size: 11px;
      text-align: center;
      padding: 4px;
      -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    }
    .sous_forum:hover .sforum
    {
      height: 50px;
      background: #191817;
      color: #b5b5b5;
      padding: 4px;
      overflow: auto;
        transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
    }
    .sous_forum a
    {
      color: #b5b5b5 !important;
      text-shadow: 1px 1px 0px #000000;
    }
    .sous_forum a:hover
    {
      color: #ffffff !important;
    }


}
/*IMAGE INDEX*/
#i_icon_mini_index{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/accu10.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_index:hover{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/acceui10.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE CALENDRIER*/
#i_icon_mini_calendar{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/calen10.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_calendar:hover{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/calend12.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE FAQ*/
#i_icon_mini_faq{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/faq110.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_faq:hover{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/faq10.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE RECHERCHE*/
#i_icon_mini_search{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/sans_t26.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_search:hover{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/recher13.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE LISTE MEMBRES*/
#i_icon_mini_members{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/membr10.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_members:hover{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/membre11.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE PROFIL*/
#i_icon_mini_profile{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/prof10.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_profile:hover{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/profil12.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE MP (pas de nouveaux messages)*/
#i_icon_mini_message{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/messag11.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_message:hover{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/messag12.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE MP (nouveaux messages)*/
#i_icon_mini_new_message{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/mp11.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_new_message:hover{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/16217514.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE DECONEXION*/
#i_icon_mini_logout{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/decone11.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_logout:hover{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/deconn11.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE S'ENREGISTRER*/
#i_icon_mini_register{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/enregi10.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_register:hover{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/enreg10.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE CONNEXION*/
#i_icon_mini_login{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/connex10.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_login:hover{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/connex11.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}

Merci d'avance!
Froufy

Froufy
Nouveau membre

Messages : 6
Inscrit(e) le : 27/03/2016

http://lgdcthelifeofdestiny.forumactif.org/
Froufy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: La barre de navigation encadré en marron

Message par ◦Jay◦ Mer 5 Avr 2017 - 20:28

Vous pouvez retirer :

Code:
a.mainmenu:link, a.mainmenu:visited{
background-color: #662114;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
-moz-border-radius:6px;
border: 4px #000000 solid;
}



◦Jay◦

◦Jay◦
Membre actif

Masculin
Messages : 4230
Inscrit(e) le : 24/12/2014

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

Résolu Re: La barre de navigation encadré en marron

Message par Froufy Mer 5 Avr 2017 - 20:37

Eh oui!!!! Ca marche!!!! Merci beaucoup Jay, c'est parfait!!
Je met résolu un grand grand merci!
Froufy

Froufy
Nouveau membre

Messages : 6
Inscrit(e) le : 27/03/2016

http://lgdcthelifeofdestiny.forumactif.org/
Froufy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: La barre de navigation encadré en marron

Message par ◦Jay◦ Mer 5 Avr 2017 - 20:40

Avec plaisir. Wink
◦Jay◦

◦Jay◦
Membre actif

Masculin
Messages : 4230
Inscrit(e) le : 24/12/2014

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

Résolu Re: La barre de navigation encadré en marron

Message par Froufy Mer 5 Avr 2017 - 21:00

Yes Yes Yes
Froufy

Froufy
Nouveau membre

Messages : 6
Inscrit(e) le : 27/03/2016

http://lgdcthelifeofdestiny.forumactif.org/
Froufy a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum