La barre de navigation encadré en marron
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
La barre de navigation encadré en marron
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](https://2img.net/i/fa/i/smiles/icon_wink.gif)
Merci!
Dernière édition par Froufy le Mer 5 Avr 2017 - 20:37, édité 1 fois
Re: La barre de navigation encadré en marron
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.
#i_icon_mini_index
#i_icon_mini_faq
#i_icon_mini_search
etc...
Bien à vous.
Re: La barre de navigation encadré en marron
Bonjour,
merci de votre réponse très rapide, mais les barres ne disparaissent toujours pas.
Regardez ce que ça donne:
merci de votre réponse très rapide, mais les barres ne disparaissent toujours pas.
Regardez ce que ça donne:
- Spoiler:
Re: La barre de navigation encadré en marron
Pouvez-vous mettre votre css ici s'il vous plait ?
Re: La barre de navigation encadré en marron
Le voici:
Merci d'avance!
- 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!
Re: La barre de navigation encadré en marron
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;
}
Re: La barre de navigation encadré en marron
Eh oui!!!! Ca marche!!!! Merci beaucoup Jay, c'est parfait!!
Je met résolu un grand grand merci!
Je met résolu un grand grand merci!
Re: La barre de navigation encadré en marron
Avec plaisir. ![Wink](https://2img.net/i/fa/i/smiles/icon_wink.gif)
![Wink](https://2img.net/i/fa/i/smiles/icon_wink.gif)
![-](https://2img.net/i/empty.gif)
» Contour Marron autour des avatars. Surlignement des liens en marron
» 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)
» 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)
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