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! |
| Nalex
{ Membre }
Messages : 80
| Bonjour! J'ai un tout petit problème que j'aimerais bien résoudre! Alors voilà, mon forum est nickel chrome, tout me plait, sauf ça: https://2img.net/r/ihimizer/img217/6599/sanstitrebe.jpg Il me semblait avoir trouvé une fois un topic concernant ce problème mais pas moyen de remettre la main dessus, même en faisant une recherche! Merci de bien vouloir m'aider |
Dernière édition par Nalex le Ven 08 Oct 2010, 19:34, édité 1 fois | |
| | | Invité Invité
| Bonjour ! Je pense que si ça te fait cet effet c'est parce que tu as sauté des lignes dans le titre du forum/sous-forum ^^ Donc je ne vois pas trop quoi faire =/ | | |
| | | LittleThing
{ Membre }
Messages : 175
| Bonjour ! ^^
Ce qu'il faudrait, c'est que tu nous donnes ton template viewforum_body, pour qu'on sache d'où vient le problème -premièrement, s'il vient de là- et comment le corriger ! | | |
| | | Nalex
{ Membre }
Messages : 80
| Beh je n'ai pas touché à ce template donc je pense pas que le problème viennent de là!
Iruka: Effectivement quand j'enlève les des titres des forums ça ne le fait plus mais y'a pas moyen de corriger ça sans les enlever? parce que sinon ça fait moche, le titre du forum est trop près de la première catégorie >< | | |
| | | Invité Invité
| Normalement via une personnalisation du code dans le CSS ça devrait marcher ! Peux-tu me le passer s'il-te-plaît, que j'essaye !? ^^ En me disant si c'est une catégorie ou un titre de forum aussi XD | | |
| | | Nalex
{ Membre }
Messages : 80
| C'est les titres des forums xD - Code:
-
a { text-decoration: none !important; } a:hover { text-decoration: none !important; }
a.forumlink:link, a.forumlink:visited { background-color: #e0e0e1; font-family: georgia; text-transform : uppercase; text-align: center; font-size: 100%; border-bottom: 5px solid #9c9ca0; color: #46045c; letter-spacing: 1px; display: block; -moz-border-radius:10px; }
a.forumlink:hover, a.forumlink:hover:visited { background-color: #ffffff; color: #5555a5; text-align: center; display: block; border-bottom: 5px solid #C2C3C5; -moz-border-radius:10px; }
a:hover{ letter-spacing : 2px; }
tr.post td {padding-left: 20px;}
textarea, .textarea.post, input.post { -moz-border-radius:10px; }
tr.post span.gensmall { display: none; }
body {background-repeat: no-repeat;}
.sujets_messages {margin-top: 3px; /* pour faire un léger espace entre le bord et la ligne des "messages & sujets"; on évite de retirer */ padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */
/* après on peut rajouter ce qu'on veut : une bordure, une image de fond ... */ border: 1px solid #000000; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px;
}
.derniers_sujets {margin-top: 5px; /* pour faire un léger espace entre la ligne des "messages & sujets" et "dernier message posté", sinon ça se colle et c'est laid xD; on évite de retirer */*/ padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */*/
/* après on peut rajouter ce qu'on veut : une bordure, une image de fond, un arrondi juste sur deux côtés ... */ border: 1px dashed #000000; background-image: url(http://img444.imageshack.us/img444/4715/sanstitre3ex.png);; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px;}
.forumline { -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border: 5px #53016e solid; }
.descriptions-categories { -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border: 2px #53016e solid; background-color: #ffffff; text-align: center; padding-right:2px; padding-left:2px; padding-bottom: 2px; padding-top:2px; }
/*QUI EST EN LIGNE*/
#qeel td.row1 {background: none;}
.groupes {margin-left: 8px; margin-right: 8px; font-size: 20px;}
/* PAGE D ACCUEIL */
.test { background-image: url("http://i234.photobucket.com/albums/ee205/Natural-nanou/29341987.png"); -moz-border-radius : 3px; /*L'arrondi*/ padding: 3px; /*La marge intérieure pour que ton texte ne soit pas collé à la bordure*/ -moz-box-shadow: 1px 1px 1px #000000; /*C'est l'ombre sous le contour*/ margin: 1px; /*La marge extérieure pour que le contour ne soit pas collé au forum*/ }
a.imginfo { position: relative; color: #c2c3c5; text-decoration: none; border-bottom: 0px #ffffff solid; /* on souligne le texte */ }
a.imginfo span { display: none; /* on masque l'infobulle */ } a.imginfo: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.imginfo: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: 30px; /* on positionne notre infobulle */ left: 20px; background: white; color: 7d7d7d; padding: 3px; border: 0px solid grey; border-left: 5px solid #c2c3c5; border-right: 5px solid #c2c3c5; border-top: 5px solid #c2c3c5; border-bottom: 5px solid #c2c3c5; } | | |
| | | Invité Invité
| Ok alors dans - Code:
-
a.forumlink:link, a.forumlink:visited { ajoute - Code:
-
margin-top: 15px; margin-bottom: 15px; Normalement ça devrait fonctionner Tu peux bien sûr modifier les deux valeurs pour que cela donne exactement ce que tu souhaites ^^ |
Dernière édition par Iruka le Sam 02 Oct 2010, 19:29, édité 1 fois | |
| | | Nalex
{ Membre }
Messages : 80
| C'est parfait! Merci beaucoup | | |
| | | Invité Invité
| Super ! Je suis contente que ça fonctionne ^^ Et de rien ! N'oublies pas de mettre ton sujet en [Résolu] | | |
| | | Contenu sponsorisé
| | | | |
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|
|