CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| PROBLEME BARRE NAVIGATION [DEJA RESOLU =D] | |
| Bebux
{ Membre }
Messages : 40
| Bonjour bonjour
- L'adresse de votre forum > http://imaginarium-ergo-sum.exprimetoi.net
- Explications du problème. > J'ai mis des images pour remplacer la barre de navigation mais il y a des.. cadres pointillés en dessous :S
- Le navigateur utilisé. > Firefox
- Les codes ajoutés avant le problème. > Je vous met tout mon code CSS.. peut-être que vous trouverez =/
- Spoiler:
a:hover{text-transform:uppercase;} a:link{text-transform:uppercase;} a:link {text-decoration: none;} a:hover{text-decoration: none !important;} a { text-decoration: none; } a:link { text-decoration: none; } a:hover { text-decoration: none; }
/*EFFET_TEXTE*/ .lettrine { float: left; font-size : 21px; padding-top : 10px; margin-bottom : 4px; color: #C39; font-family: 'Times New Roman'; font-weight: bold; border-bottom: 10px #F60 dotted; }
/*POINTILLE LIEN*/ .a { text-decoration: none; border-bottom : 3px dotted #fc601d }
.forumline{ border: 1px #990078 dotted; } .forumline{ border: 1px #FC601D dashed; } .bodyline{border:1px dashed #FC601D; }
.bodyline {-moz-border-radius:6px; border: 5px solid #ba4e1e; }
.bodyline{ border-top: none !important; border-bottom: none !important; }
.forumline { -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; background-color:#b0adae; background-image:url(https://i.servimg.com/u/f28/11/18/84/66/fond_b10.jpg); padding:10px;}
body {margin-top: 0px; margin-bottom: 0px; background-attachment: fixed;}
a.mainmenu{ font-family: Courier New; font-size: 14px; text-transform: uppercase; color: #660a0a; }
a.mainmenu:hover{ font-family: Courier New; font-size: 14px; text-transform: uppercase; color: #660a0a; }
a.mainmenu:link, a.mainmenu:visited{ font-family: Courier New; font-size: 14px; text-transform: uppercase; color: #660a0a; }
a.forumlink { color: #ffffff; font-size:20px; font-family: georgia; padding-left: 100px; font-weight: lighter; letter-spacing:-1px; text-transform: none; text-decoration: none!important; font-style: italic; }
a.forumlink:hover{ color: #ffffff; font-size:20px; font-family: georgia; padding-left:100px; font-weight: none!; text-transform: none; text-decoration: none!important; font-style: italic; }
.sous-forums{ display: block; color: #ffffff; background-color: #660a0a; text-align: center; letter-spacing: -1px; font-size: 10px; text-transform: small caps; }
/*QUI EST EN LIGNE*/
.statistiques{ background-image: url("https://2img.net/r/hpimg11/pics/246542QEEL.png"); background-repeat: no-repeat; background-position: right; text-align:justify; height:300px;}
.groupes{ font-size:11px; font-weight: bold; text-align:center; padding-left: 140px; text-decoration: none !important;}
.groupes{ background-color:#FFFFFF;border: 1px #D0D0D0 dotted; -moz-border-radius : 5px 5px 5px 5px; height:40px; padding-right:12px; padding-left/14px; padding-bottom:3px; font-size:15px; font-weight: bold; text-align:center; text-decoration: none !important;}
/*MESSAGES*/
.titre1{ font-family: impact; font-size: 18px; color: #660a0a; }
/*CONTOURS PROFIL*/
.profilentour{ widht: 211px; background-color: #660a0a; border-right-width: 1px; border-bottom-width: 6px; border-left-width: 1px; border-top-width: 6px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-bottom-style: solid; border-right-color: #660a0a; border-left-color:#660a0a; border-top-color: #ffffff; border-bottom-color: #ffffff; padding:5px; -moz-border-radius: 12px; line-height:10px; font-family: georgia;}
.profilentour:hover { widht: 211px; background-color: #660a0a; border-right-width: 1px; border-bottom-width: 6px; border-left-width: 1px; border-top-width: 6px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-bottom-style: solid; border-right-color: #660a0a; border-left-color:#660a0a; border-top-color: #ffffff; border-bottom-color: #ffffff; padding:5px; -moz-border-radius: 12px; line-height:10px; font-family: georgia;}
a.info { position: relative; color: #a46423; text-decoration: none; border-bottom: 0px #7d7d7d solid; /* on souligne le texte */ }
a.info span { display: none; /* on masque l'infobulle */ } 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: 10px; /* on positionne notre infobulle */ left: 10px; width: 200px; height: 85px; background: #f8dddd; color: #a46423; padding: 3px; -moz-border-radius:10px; border: 3px solid #920000;}
a.styletitrepa, a.styletitrepa:active, a.styletitrepa:visited { background-color: #f2f2f2; border-bottom: 5px double #cf1115; color: #cf1115; font-weight: bold; font-family: georgia; font-size: 14px; font-weight: lighter; letter-spacing: 2px; display: block; text-align: center; -moz-border-radius: 20px; } a.styletitrepa:hover { font-style: italic; color: #cf1115; }
div.staff { height: 130px; font-size: 12px; margin-top: 10px; text-align: center; }
div.staff img { width: 50px; height: 50px; background-color: #f2f2f2; border: 3px double #5e7d92; padding: 3px; -moz-border-radius: 10px; margin: 0px 3px 2px 3px; }
div.navig { height: 130px; margin-top: 10px; text-align: center; overflow: hidden; }
div.navig div { background: #080000; -moz-border-radius: 20px; margin-top: 3px; border-width: 0px 3px 1px 3px; border-style: solid; border-color: #cf1115; color: #cf1115; font-size: 12px; text-align: center; text-transform: lowercase; font-variant: small-caps; height: 12px; }
div.navig div:hover { background: #f2f2f2; -moz-border-radius: 20px; margin-top: 3px; border-width: 0px 3px 1px 3px; border-style: solid; border-color: #5e7d92; color: #5e7d92; font-size: 12px; text-align: center; text-transform: lowercase; font-variant: small-caps; height: 12px; }
div.contexte { height: 130px; margin-top: 10px; text-align: justify; padding: 0px 10px 0px 5px; overflow: auto; font-size: 11px; }
div.pvs{ height: 210px; font-size: 12px; margin-top: 5px; text-align: center; overflow: hidden; }
div.pvs img { width: 50px; height: 50px; background-color: #f2f2f2; border: 3px double #5e7d92; padding: 3px; -moz-border-radius: 10px; margin: 2px; }
.friends { height: 88px; overflow: hidden; margin-top: 5px; font-size: 11px; text-align: center }
.copyright { height: 86px; overflow: auto; font-size: 9px; text-align: center; margin-top: 5px; } div.news{ height: 210px; font-size: 12px; margin-top: 5px; text-align: justify; overflow: auto; padding: 0px 10px 0px 0px; }
.stylemenu { border: medium double ; background: #f2f2f2 none repeat scroll 0% 50%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; font-family: georgia; color: #5e7d92; font-size: 10px; }
.stylebutton { border: medium double ; background: #f2f2f2 none repeat scroll 0% 50%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; font-family: georgia; color: #5e7d92; font-size: 10px; }
span.infoadmins { position: relative; text-decoration: none; }
span.infoadmins span.bulle { display: none; font-size: 12px; }
span.infoadmins:hover { background: none; z-index: 999; cursor: help; }
span.infoadmins:hover span.bulle { display: inline; position: absolute; top: 20px; left: -56px; width: 170px; color: #5e7d92; background-color: #f2f2f2; border: 3px double #5e7d92; padding: 3px; -moz-border-radius: 10px; }
/*IMAGE POUR LES GROUPES DEBUUUUT*/
.tableauqueel{ background-color : #COLOR ; border : solid Xpx #COLOR ; -moz-border-radius : Xpx Xpx Xpx Xpx}
.partiedroite { font-size : 12px ; border-left : Xpx dotted #COLOR ; padding-left : 10px }
.groupes{ background-color:#COLOR ; border: 1px color #COLOR ; -moz-border-radius : Xpx XpxXpxXpx; height:40px; padding-right:12px; padding-left:14px; padding-bottom:3px; font-size:14px ;font-weight: bold; text-align:center; font-color : #COLOR ; text-decoration: none !important; }
/*FIIIIN*/
.postdetails poster-profile
#chatbox_members ul li, body.chatbox { background-image: url(https://2img.net/r/hpimg7/pics/416808urban12__1_.jpg);}
/*POUR CATEGORIE*/
a.mainmenu{ font-size: 14px; /* La taille du texte*/ color: #ffffff; /* La couleur du texte, en nombre hexadécimal, c’est à dire avec une valeur de six chiffres ou lettres. Ici, du blanc*/ font-variant: small-caps; /* Pour transformer le texte en petites majuscules*/ background-color: #a7051b; /*La couleur de fond du texte, à metre aussi en hexadecimal, ici un gris très clair*/ text-decoration: bold; /*Pour que le texte ne soit pas souligné ou en gras, le text-decoration est none. Pour le mettre en gras, par exemple, on mettra bold*/ border: 1px dotted #fe8a0d; /*La bordure qui encadre le texte. Ici elle fera une épaisseur de 1pixel, en pointillés (dotted)*/ -moz-border-radius: 2px 2px 2px 2px; /*Code qui arrondi les brodures, mais qui ne marche que sous Firefox*/ } fiiiin
/*A VOIR POUR CATEGORIE, TITRE FOND*/ a.forumlink { text-decoration: none !important; background-color: #c20745 /*Fond du Cadre*/; border-bottom: 2px double /*Bas du Cadre*/; border-top: 2px double /*Haut du Cadre*/; border-right: 5px solid /*Cadre Droit*/; border-left: 5px solid /*Cadre Gauche*/; -moz-border-radius: 8px; display:block;
} a.forumlink:hover { text-decoration: none !important; background-color: #8d0d37 /*Fond du Cadre*/; border-bottom:2px double #/*Cadre Bas avec la Souris*/; border-top: 2px double /*Haut du cadre avec la Souris*/; border-right: 5px solid /*Cadre Droit avec la Souris*/; border-left: 5px solid /*Cadre Gauche avec la Souris*/; -moz-border-radius: 6px; display:block; }
/*ROFIL AVATAR INFOBULLE*/ div.infobulle_avatar em { display:none; }
div.infobulle_avatar:hover { background: none; z-index: 999; cursor: hand; position: relative; text-decoration:none; border: 0; }
div.infobulle_avatar:hover em { font-style: normal; /*écriture de la police*/ font-size: 10px; /*taille de la police*/ color:#fffdfe !important; /*couleur de la police*/ padding: 3px; display: block; position: absolute; -moz-border-radius: 5px; /* bord arrondis*/ -webkit-border-radius: 5px; /* bord arrondis*/ border-radius: 5px ; /* bord arrondis*/ background-color: #960431; /*couleur de fond de l'infobulle*/ border: 1px solid #fffdfe; /*taille et couleur de la bordure de l'infobulle*/ width:150px; /*largeur de l'infobulle*/ top: 100px; /*infobulle à 100px du haut*/ left: 100px; /*infobulle à 100px de la gauche*/ }
- Une capture d'écran.
|
Dernière édition par Bebux le Dim 07 Nov 2010, 16:42, édité 1 fois | |
| | | ptitlac
{ Membre }
Messages : 226
| La bonne nouvelle ? J'ai trouver ce qui te faisais les cadres lol - Code:
-
/*POUR CATEGORIE*/
a.mainmenu{ font-size: 14px; /* La taille du texte*/ color: #ffffff; /* La couleur du texte, en nombre hexadécimal, c’est à dire avec une valeur de six chiffres ou lettres. Ici, du blanc*/ font-variant: small-caps; /* Pour transformer le texte en petites majuscules*/ background-color: #a7051b; /*La couleur de fond du texte, à metre aussi en hexadecimal, ici un gris très clair*/ text-decoration: bold; /*Pour que le texte ne soit pas souligné ou en gras, le text-decoration est none. Pour le mettre en gras, par exemple, on mettra bold*/ border: 1px dotted #fe8a0d; /*La bordure qui encadre le texte. Ici elle fera une épaisseur de 1pixel, en pointillés (dotted)*/ -moz-border-radius: 2px 2px 2px 2px; /*Code qui arrondi les brodures, mais qui ne marche que sous Firefox*/ } fiiiin
C'est cette partie, plus précisément - Code:
-
background-color: #a7051b; /*La couleur de fond du texte, à metre aussi en hexadecimal, ici un gris très clair*/ border: 1px dotted #fe8a0d; /*La bordure qui encadre le texte. Ici elle fera une épaisseur de 1pixel, en pointillés (dotted)*/ Si je ne me trompe pas xD Ah pis au passage c'est pas gris très claire mais rouge/rose xD Bon je me plante peut être, mais en enlevant ceci...j'ai plus les cadres xD Il y a aussi un endroit ou tu peut cocher mettre uniquement des images pour la barre de lien si jamais... | | |
| | | Bebux
{ Membre }
Messages : 40
| BRAVO BRAVO BRAVO BRAVO ! C'était ça! Merci merci merci ! | | |
| | | ptitlac
{ Membre }
Messages : 226
| Je t'en prie Au passage, je me permet, mais c'est un peu le souk dans ton CSS xD Tu as plusieurs fois les même classe avec des trux différents. Si un jour tu veux faire du rangement...j'imagine que tu remarquera que certaines choses ne se réalisent pas parce qu'ils sont annulé par autre chose...ouai m'en suis rendue compte une fois sur mon forum xDD En tout cas, ravie d'avoir pu t'aider ^^ | | |
| | | Bebux
{ Membre }
Messages : 40
| Ah bon ? Ah c'est peut-être pour ça alors que y'a des trucs qui ne fonctionnent pas.. =/ | | |
| | | ptitlac
{ Membre }
Messages : 226
| | | | Bebux
{ Membre }
Messages : 40
| Tu saurais me remettre tout ça en place ? =S | | |
| | | ptitlac
{ Membre }
Messages : 226
| Pas là tout de suite, ce soir peut être ou cette semaine si tu es patiente xD | | |
| | | Bebux
{ Membre }
Messages : 40
| PAs de problème, je ne suis pas à sa prêt ^^ | | |
| | | Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| En attendant, je peux classer ? | | |
| | | Bebux
{ Membre }
Messages : 40
| Euuuuh... Oui vu que ce problème est résolu | | |
| | | Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| | | | Contenu sponsorisé
| | | | | PROBLEME BARRE NAVIGATION [DEJA RESOLU =D] | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|