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! |
| |
 Patchupee 
{ Membre }
 Messages : 7
 | Bonjour à tous ! Je fais appel à vous parce que je n'arrive pas à régler la taille de mon forum (ou pour être plus exacte, de la partie "bodyline", la colonne centrale avec le header, les catégories, tout ça…). J'aimerais que cette largeur soit identique pour toutes les résolutions d'écrans, et donc, pouvoir la paramétrer en pixels (et non pas en % en configurant dans le PA…). J'ai déjà tenté : - Code:
-
.bodyline {
width:500px !important;
padding-left: 0px !important;
padding-right: 0px !important;
} mais ça ne fonctionne pas. Ca m'enlève bien les espaces de chaque côté (ce que je veux), mais la largeur en elle-même reste inchangée. Merci d'avance pour votre aide ! | | |
|  | | Fire-Fly
{ Membre actif }
Messages : 429
| Salut! Tu as essayé:
Panneau d'admin > Général > Forum > Configuation > Structure des pages ?
Écrit la largeur que tu veux dans cette section pour voir.
Généralement, le CSS a priorité sur le reste mais peut-être que le problème est là. | | |
| | | | Patchupee
{ Membre }
Messages : 7
| Non malheureusement, ça ne change rien… :/ | | |
| | | | Fire-Fly
{ Membre actif }
Messages : 429
| Tu pourrais donner le lien vers ton forum ou une capture d'écran? | | |
| | | | #_Holigan
{ Membre }
Messages : 79
| Ca ne viendrait pas de ta bannière ? Si elle est grande, le forum se mettra à sa taille, même si une valeur plus petite est indiquée  | | |
| | | | Fire-Fly
{ Membre actif }
Messages : 429
| C'est ce que je pensais justement, c'est pour ça que je lui ai demandé un picscreen  | | |
| | | | Patchupee
{ Membre }
Messages : 7
| Ca ne peut pas venir de mon header, il fait 600px de large, et c'est la largeur que j'espère désespérément atteindre x) (actuellement, sur ma résolution, mon forum fait 720 et quelques px). Mais je peux quand même vous faire un screen ! ^^  Et des "extraits" de CSS qui pourraient être en conflit (j'ai beau retourner les codes dans tous les sens, je vois pas…!  ) - Code:
-
a:hover{
text-decoration: none!important;
}
body {
margin-left:10px;
margin-right:10px;
text-shadow: #ddd6ce 0px 1px 1px;
}
.bodyline {
padding-left: 0px !important;
padding-right: 0px !important;
border-right:6px #C7C42E solid;
border-left:6px #C7C42E solid;
}
.forumline{
border-left: 0px #C7C42E solid;
border-right: 0px #C7C42E solid;
border-top: 0px #C7C42E solid;
border-bottom: 0px #C7C42E solid;}
table.bodylinewidth {
width:600px !important;
position: relative;
top: -9px !important;
bottom: -9px !important;
} Merci d'avance pour votre aide !  | | |
| | | | Fire-Fly
{ Membre actif }
Messages : 429
| T'a essayé de mettre ta largeur dans .body? | | |
| | | | Patchupee
{ Membre }
Messages : 7
| Oui, quand je le met dans .body, en plus de ne pas changer la largeur, ça place le forum à gauche de la page (et plus centré). Si je le met dans .bodyline, pas de changements non plus… :/ | | |
| | | | SASHA
{ Membre }
Messages : 16
| Bonjour  Je me permets d'incruster dans la conversation (si c'est pas permis, j'ouvrirai moi même un sujet) parce que j'ai exactement le même soucis en fait et je trouve inutile d'encombrer le forum avec deux fois le même sujet. Bref, après avoir fait de multiples recherches dans les sujets résolus, j'ai trouvé un code qui pouvait rendre le forum moins large et qui marche chez moi. - Code:
-
.forumline{
width: Vpx;
} Le seul petit problème, c'est que tout est décalé vers la gauche... (comme l'a fait remarqué Patchupee). Je me demandais s'il n'existait pas un code qui pourrait recentré le tout ? (je sais je me répète mais si vous voulez que j'ouvre mon propre sujet, je peux hein ? ) | | |
| | | | Freing
{ Membre }
 Messages : 126
| J'ai eu ce problème est j'ai réussis à la régler. Pour régler la largeur du forum, il y a trois choses qu'il faut vérifier : • Modifier la largeur de votre forum dans le panneau d'administration >Général > Forum > Configuration > Structure. • La largeur de votre bannière. Il faut la modifier par rapport à la largeur de votre forum. Par exemple prenons une bannière qui est de taille immense, la largeur de votre forum sera alors immense. • Regarder qu'il n'y a pas, dans votre page d'accueil, une très grande image qui pourrais modifier votre largeur. Normalement, une fois ces trois petites choses vérifier, cela doit marcher.  | | |
| | | | Patchupee
{ Membre }
Messages : 7
| Merci Sasha ! Il y a de l'amélioration, mais ça c'est pas encore ça (chez moi, c'est centré, mais ça ne me met qu'une partie dans la largeur désirée… ><) Screen :  @ Freing : Merci pour tout ces conseils, malheureusement, j'ai fait en sorte que tout aille correctement (je n'ai aucune image en page d'accueil et j'ai enlevé la bannière pour faire un test) et ça ne fonctionne toujours pas. Peut-être que cela fonctionne jusqu'à certaines dimensions… mais j'aimerais un forum d'environ 500-600px de largeur (ce qui est assez petit par rapport à la "normale"). Il n'y aurait rien à modifier dans les templates, par hasard ? | | |
| | | | Fire-Fly
{ Membre actif }
Messages : 429
| Non, je doute que ce soit dans les templates à moins que tu les ais modifier index_body ou index_box en ajoutant une largeur. Si ce n'est pas le cas, et bien assurément le problème n'est pas là. Pour ce qui est de centrer le tout, il y a quelques codes, entre autre - Code:
-
align:center;
mais ces codes là font souvent des leurs quand on essaie de modifier des éléments des templates (comme la largeur de forum). Vous pouvez quand même essayé si ce n'est pas déjà fait. Un autre truc que j'ai pensé, avez vous refait votre qeel à partir des templates? Si oui, le problème peut se trouver là car on met souvent nos largeurs en pixels et ça peut affecté tout le body. Un autre truc que vous pouvez essayé c'est de mettre les largeurs en pourcentage. on sait jamais! Patchupee, pour ce qui est de toi que ce ne soit pas centré, c'est peut-être à cause de ton - Code:
-
position: relative;
top: -9px;
bottom: -9px;
D'ailleurs, est-ce que c'est toi qui l'a fait lui ou tu l'as prit quelque part (si oui, tu te souviens où?)? parce que si tu dis que tu veux que le haut de ton forum soit à -9px de sa position initiale et à -9px de la position initiale de son bas... c'est un peu contradictoire, et au final, il doit revenir à sa position initiale... Bref, donnez-moi des nouvelles. | | |
| | | | SASHA
{ Membre }
Messages : 16
| Freing, j'ai un header qui fait 1000px de largeur, tu penses que c'est ça ? Pourtant, j'ai tout enlevé et rien ne se produit. J'ai fait de même pour la PA...
Fire-Fly, j'ai essayé avec ton code mais ça reste à gauche en fait. Et pour répondre à ta question, oui j'ai touché le QEEL, ça peut venir de là ? | | |
| | | | Fire-Fly
{ Membre actif }
Messages : 429
| On peut toujours vérifier!
Tu veux nous donner ton template et le CSS qui va avec?
Pour l'image de ton header (je répond j'espère que c'est correct!) ça peut définitivement venir de là. Quand tu as essayé autre chose, qu'est-ce que tu as fait? Tu as essayé des images plus petite?
Pour t'a PA, jte conseil, juste pour voir, de carrément la suprimer, tu copies ton code sur word, par exemple, ou sur un logiciel de codage si tu en as un.
Si tu vois que sans PA ça fonctionne, bah au moins on sait où est le problème! | | |
| | | | SASHA
{ Membre }
Messages : 16
| Alors, pour répondre à tes questions, j'ai enlevé complètement ce qu'il y avait dans la PA pour le remplacer par 3 petits points, histoire que quelque chose s'affiche XD et il n'y a eu aucune modification de la largeur (toujours aussi grande). Concernant le header ben je l'ai aussi carrément enlevé mais ça n'a rien fait. Même sans rien, la largeur est toujours aussi importante. Après, j'ai simplement enlevé l'image dans le paramètre des "images du forum", je ne sais pas si il y a l'adresse quelque part dans le CSS ou les templates, ce n'est pas moi qui l'ai installé ^^' Pour finir, voici mes templates index_body et mon css. Ce qu'il faut que tu saches, c'est qu'on est plusieurs à administrer le forum donc plusieurs à avoir accès au css. Pas certaine donc de pouvoir répondre à toutes tes questions Template : - Spoiler:
- Code:
-
{JAVASCRIPT} <!-- BEGIN message_admin_index --> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <!-- BEGIN message_admin_titre --> <tr> <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td> </tr> <!-- END message_admin_titre --> <!-- BEGIN message_admin_txt --> <tr> <td class="row1" rowspan="3" align="center" valign="middle"> <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div> </td> </tr> <!-- END message_admin_txt --> </table> <!-- END message_admin_index --> <!-- BEGIN switch_user_login_form_header --> <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td width="100%" valign="top" align="center" class="row1"> <label><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username" /></label> <label><span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password" /></label> {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br /> <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> </td> </tr> </table> </form> <!-- END switch_user_login_form_header --> {CHATBOX_TOP} {BOARD_INDEX} <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="50%" valign="top"> <!-- BEGIN switch_user_logged_in --> <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a> <!-- END switch_user_logged_in --> <!-- BEGIN switch_delete_cookies --> <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a> <!-- END switch_delete_cookies --> </span> </td> <td width="50%" align="right"> <span class="gensmall"> <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br /> <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br /> <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a> <!-- BEGIN switch_on_index --> <!-- BEGIN switch_delete_cookies --> <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a> <!-- END switch_delete_cookies --> <!-- END switch_on_index --> </span> </td> </tr> </table> <!-- BEGIN disable_viewonline --> <table cellspacing="2" cellpadding="2" width="1005" border="0" class="statistiques" > <tr> <td width="7%"></td> <td width="0%"> <br><br><br><br><br><br><br><center> <span class="groupes"> <a href="http://narnialand.superforum.fr/groupcp.forum?g=8&sid=6c6a109a157603e84cd0b3b139751c84"><font color="#B0C700" size="2"><b>  Créatures </b></font></a></span> <a href="http://narnialand.superforum.fr/groupcp.forum?g=6&sid=3802a3347b1135f83d91447199bdbbfa"><font color="#6190BA" size="2"><b> Telormènes </b></font></a> </span><a href="http://narnialand.superforum.fr/groupcp.forum?g=5&sid=90c4c50d738a40c0493e538eaac940e1"><font color="#CC91E3" size="2"><b> Archelandais </b></font></a> </span><a href="http://narnialand.superforum.fr/groupcp.forum?g=3&sid=3802a3347b1135f83d91447199bdbbfa"><font color="#8FC9FC" size="2"><b> Narniens </b></font></a> </span><a href="http://narnialand.superforum.fr/groupcp.forum?g=5&sid=3802a3347b1135f83d91447199bdbbfa"><font color="#A800C2" size="2"><b> Archeliens </b></font></a> </span> <br><br> <span class="gensmall">{TOTAL_POSTS}. {TOTAL_USERS}<br /> {NEWEST_USER}<br><br> {TOTAL_USERS_ONLINE}<br> {LOGGED_IN_USER_LIST}</center></span><br> <td width="5%"></td> </tr> </table> <table border="0" cellspacing="3" cellpadding="0" width="500" align="center" style="text-align: center"> {L_CONNECTED_MEMBERS}</table> <img src="LIEN IMAGE DU BAS"><br> <!-- END disable_viewonline --> {CHATBOX_BOTTOM} <br clear="all" /> <!-- BEGIN switch_legend --> <table border="0" cellspacing="3" cellpadding="0" align="center"> <tr> <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td> <td><span class="gensmall">{L_NEW_POSTS}</span></td> <td></td> <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td> <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td> <td> </td> <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td> <td><span class="gensmall">{L_FORUM_LOCKED}</span></td> </tr> </table> <!-- END switch_legend --> {AUTO_DST}
CSS : - Spoiler:
- Code:
-
.forumline{
border: 1px #000000
dashed;
}
body {
background-color: #6F584A;
background-attachment: no-fixed;
background-position: top center;
}
body {
Ligne de position du fond: background-position: top center;
Ligne collée: background-repeat: no-repeat;
}
I{border-bottom:none; color:#AB9C50;text-decoration: none
}
body {
background-repeat: no-repeat;
}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
.categling {background-color : #999999; font-size : 10px; text-align : center; text-transform: uppercase; display : block; border-left : 10px solid #999999; border-right : 10px solid #999999; color: #999999; font-weight : bold; margin: 0px 0px 02px 0px;}
.categling:hover {background-color:#606060; font-size: 10px; text-align : center; text-transform: uppercase; border-left : 10px solid #999999; border-right : 10px solid #999999; color: #999999; font-weight : bold; margin: 0px 0px 02px 0px;}
body{
cursor:crosshair;
}
a.imginfo {
position: relative;
color: #7d7d7d;
text-decoration: none;
border-bottom: 0px #7d7d7d solid;
}
a.imginfo span {
display: none;
}
a.imginfo:hover {
background: none;
z-index: 999;
cursor: help;
}
a.imginfo:hover span {
display: inline;
position: absolute;
white-space: nowrap;
top: 30px;
left: 20px;
background: white;
color: 7d7d7d;
padding: 3px;
border: 0px solid grey;
border-left: 5px solid #b6b6b6;
border-right: 3px solid #b6b6b6;
border-top: 3px solid #b6b6b6;
border-bottom: 5px solid #b6b6b6;
}
a {font-variant: small-caps;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
a {
text-transform: lowercase ;
letter-spacing: 1px;}
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft: 0px; /* décalage NE PAS TOUCHER */
-moz-border-radius-bottomright: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topleft: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topright: 0px; /* décalage NE PAS TOUCHER */
border: 7px solid #6C9383;
}
.forumline{
border: 1px #ffffff dashed;
}
a.forumlink {
letter-spacing:0.02in;
}
.forumline{
-moz-border-radius:6px;
}
.categling {background-color : #999999; font-size : 10px; text-align : center; text-transform: uppercase; display : block; border-left : 10px solid #999999; border-right : 10px solid #999999; color: #999999; font-weight : bold; margin: 0px 0px 02px 0px;}
.categling:hover {background-color:#606060; font-size: 10px; text-align : center; text-transform: uppercase; border-left : 10px solid #999999; border-right : 10px solid #999999; color: #999999; font-weight : bold; margin: 0px 0px 02px 0px;}
a.forumlink {
text-shadow: #000000 1px 1px 1px;
}
body{
cursor: crosshair;
}
a:link{
cursor: ne-resize;
}
a:visited{
cursor: nw-resize;
}
#menu ul {
margin:0px;
padding:0;
list-style-type:none;
text-align:center;
}
#menu li {
float:left;
margin:0;
padding:0;
background-image: url("http://i26.servimg.com/u/f26/14/66/38/24/fond_310.png");
-moz-border-radius-bottomleft: 50px; /* décalage NE PAS TOUCHER */
-moz-border-radius-bottomright: 50px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topleft: 50px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topright: 50px; /* décalage NE PAS TOUCHER */
margin : 1px; /* décalage NE PAS TOUCHER */
-moz-box-shadow:1px 1px 1px #6F584A; /* ombre taille + couleur */
}
#menu li a {
display:block;
width:100px;
color:#4A364E;
text-decoration:none;
padding:5px;
}
#menu li a:hover {
color:#F1ECF2;
}
#menu ul li:hover ul {
display:block;
}
#menu li:hover ul li {
float:none;
}
#menu li ul {
position:absolute;
}
#menu {
height:50px;
}
#menu ul li ul {
display:none;
}
a.forumlink {
text-shadow: #000000 1px 1px 1px;
}
body {background-repeat: no-repeat;}
.statistiques{
background-image: url("http://img11.hostingpics.net/pics/618766qeel.png");
background-repeat: no-repeat;
background-position: center;
height:270px;}
.text {
color:#FFFFFF;
cursor:pointer;
}
#cat_commencement,#cat_narnia,#cat_terresn interdites,#cat_telmar,#cat_calormen,
#cat_archenland,#cat_champ de bataille,#cat_gazette,#cat_imagination,#cat_flood {
padding-top:4px;
}
.spoiler_content { display: block; }
.hidden .spoiler_content { display: none; }
.cat_forum {
background-color: #000000;
margin: auto;
margin-bottom:30px;
width:1000px;
}
.onglet {
display:inline-block;
-margin-top: 10px;
text-decoration:none; !important
cursor:pointer;
}
.onglet li {
float:left;
list-style-type:none;
-margin-bottom: 0px;
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 {
display:block;
text-decoration:none;
list-style-type:none;
cursor:pointer;
}
.onglet_nactif {
background-color: #48321e; /* couleur de fond quand l'onglet est actif */
color: burlywood; /* couleur du texte quand l'onglet est actif */
-moz-background-clip:border; /* décalage NE PAS TOUCHER */
-moz-background-inline-policy:continuous; /* décalage NE PAS TOUCHER */
-moz-background-origin:padding; /* décalage NE PAS TOUCHER */
-moz-border-radius-bottomleft: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-bottomright: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topleft: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topright: 30px; /* décalage NE PAS TOUCHER */
-moz-box-shadow:1px 1px 1px #8B795E; /* ombre taille + couleur */
padding-left: 10px; /* décalage NE PAS TOUCHER */
padding-right: 10px; /* décalage NE PAS TOUCHER */
padding-top: 3px; /* décalage NE PAS TOUCHER */
padding-bottom: 3px; /* décalage NE PAS TOUCHER */
margin : 2px; /* décalage NE PAS TOUCHER */
font-family: georgia; /* police du texte */
font-size: 16px; /* taille du texte */
}
.onglet_actif {
background-color: #48321e; /* couleur de fond quand l'onglet est actif */
color: burlywood; /* couleur du texte quand l'onglet est actif */
-moz-background-clip:border; /* décalage NE PAS TOUCHER */
-moz-background-inline-policy:continuous; /* décalage NE PAS TOUCHER */
-moz-background-origin:padding; /* décalage NE PAS TOUCHER */
-moz-border-radius-bottomleft: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-bottomright: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topleft: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topright: 30px; /* décalage NE PAS TOUCHER */
-moz-box-shadow:1px 1px 1px #8B795E; /* ombre taille + couleur */
padding-left: 10px; /* décalage NE PAS TOUCHER */
padding-right: 10px; /* décalage NE PAS TOUCHER */
padding-top: 3px; /* décalage NE PAS TOUCHER */
padding-bottom: 3px; /* décalage NE PAS TOUCHER */
margin : 2px; /* décalage NE PAS TOUCHER */
font-family: georgia; /* police du texte */
font-size: 16px; /* taille du texte */
text-shadow: 1px 1px 1px #8B795E; /* ombre taille + couleur */
}
.onglet li {
margin-bottom:-22px;
position:center;
}
a.forumlink{
-webkit-border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
font-weight: lighter;
background-image: url("http://img10.hostingpics.net/pics/750949fond.2.png");
border-bottom: 5px double #000000;
display:block;
text-align: center;
color:#FFFFFF;
}
a.forumlink:hover{
font-family: georgia;
font-size: 13px;
font-weight: lighter;
letter-spacing: 4px;
text-align: center;
color:#FFFFFF;
}
.imguser {border: none; opacity: 0.5; background-color: transparent;}
.imguser:hover {border: none; opacity: 1; background-color: transparent;}
.forumline img {border: none; opacity: 1; background-color: transparent;}
.forumline img:hover {border: none; opacity: 0.5; background-color: transparent;}
.haccordion{
padding: 0;
width: 800px;
}
.haccordion ul{
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
}
.haccordion li{
margin: 0;
padding: 0;
display: block;
width: 100%;
height: 20px;
overflow: hidden;
float: left;
}
#hc1 li{
margin:0 0px 0 0;
width: 800px;
}
#hc1 li .hpanel{
padding: 0px;
background: transparent;
}
.haccordion li .hpanel{
width: 20px;
height: 20px;
}
#hc1 li{width: 118px;
height: 124px;
}
#hc1 li .hpanel{width: 205px;
height: 124px;
}
| | |
| | | | Fire-Fly
{ Membre actif }
Messages : 429
| Bon! Ton template m'a sembler OK alors je me suis penché sur ton CSS... aoutch. Le problème relevait surtout du fait que j'ai trouvé 8 fois forumlink au lieu d'une... et c'est un exemple xD J'ai fait un peu de triage, ça sera plus facile comme ça lorsqu'il viendra temps de faire des changements! Dans ton CSS, tu avais dit que la class cat-forum était de 1000px de largeur. D'après moi, le problème était là! Car si je ne me trompe pas, cette class là représente la largeur de tes catégories? Bref, j'espère que ça fonctionnera! Si j'ai fait une erreur en modifiant ton CSS (je ne penserais pas mais sait-on jamais) et que quelque chose ne fonctionne pas, eh bien tu n'auras qu'à remettre ton original et enlever le bobo Css: - Code:
-
.forumline{
border: 1px dashed #000000 ;
-moz-border-radius:6px;
}
body {
background-color: #6F584A;
background-attachment: no-fixed;
background-position: top center; /*Ligne de position du fond*/
background-repeat: no-repeat; /*Ligne collée*/
cursor:crosshair;
}
I {
border-bottom: none;
color: #AB9C50;
text-decoration: none
}
a:link {
text-decoration: none;
cursor: ne-resize;
}
a:visited {
text-decoration: none;
cursor: nw-resize;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
.categling {
background-color: #999999;
font-size: 10px;
text-align: center;
text-transform: uppercase;
display : block;
border-left: 10px solid #999999;
border-right: 10px solid #999999;
color: #999999;
font-weight: bold;
margin:0px;
}
.categling:hover {
background-color:#606060;
font-size: 10px;
text-align : center;
text-transform: uppercase;
border-left : 10px solid #999999;
border-right : 10px solid #999999;
color: #999999;
font-weight : bold;
margin: 0px;
}
a.imginfo {
position: relative;
color: #7d7d7d;
text-decoration: none;
border-bottom: 0px solid #7d7d7d ;
}
a.imginfo span {
display: none;
}
a.imginfo:hover {
background: none;
z-index: 999;
cursor: help;
}
a.imginfo:hover span {
display: inline;
position: absolute;
white-space: nowrap;
top: 30px;
left: 20px;
background: #ffffff;
color: #7d7d7d;
padding: 3px;
border-left: 5px solid #b6b6b6;
border-right: 3px solid #b6b6b6;
border-top: 3px solid #b6b6b6;
border-bottom: 5px solid #b6b6b6;
}
a {
font-variant: small-caps;
text-transform: lowercase ;
letter-spacing: 1px;
}
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft: 0px; /* décalage NE PAS TOUCHER */
-moz-border-radius-bottomright: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topleft: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topright: 0px; /* décalage NE PAS TOUCHER */
border: 7px solid #6C9383;
}
a.forumlink {
letter-spacing:0.02in;
text-shadow: #000000 1px 1px 1px;
-webkit-border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
font-weight: lighter;
background-image: url("http://img10.hostingpics.net/pics/750949fond.2.png");
border-bottom: 5px double #000000;
display:block;
text-align: center;
color:#FFFFFF;
}
a.forumlink:hover{
font-family: georgia;
font-size: 13px;
font-weight: lighter;
letter-spacing: 4px;
text-align: center;
color:#FFFFFF;
}
#menu ul {
margin:0px;
padding:0;
list-style-type:none;
text-align:center;
}
#menu li {
float:left;
margin:0;
padding:0;
background-image: url("http://i26.servimg.com/u/f26/14/66/38/24/fond_310.png");
-moz-border-radius-bottomleft: 50px; /* décalage NE PAS TOUCHER */
-moz-border-radius-bottomright: 50px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topleft: 50px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topright: 50px; /* décalage NE PAS TOUCHER */
margin : 1px; /* décalage NE PAS TOUCHER */
-moz-box-shadow:1px 1px 1px #6F584A; /* ombre taille + couleur */
}
#menu li a {
display:block;
width:100px;
color:#4A364E;
text-decoration:none;
padding:5px;
}
#menu li a:hover {
color:#F1ECF2;
}
#menu ul li:hover ul {
display:block;
}
#menu li:hover ul li {
float:none;
}
#menu li ul {
position:absolute;
}
#menu {
height:50px;
}
#menu ul li ul {
display:none;
}
.statistiques{
background-image: url("http://img11.hostingpics.net/pics/618766qeel.png");
background-repeat: no-repeat;
background-position: center;
height:270px;}
.text {
color:#FFFFFF;
cursor:pointer;
}
#cat_commencement,#cat_narnia,#cat_terresn interdites,#cat_telmar,#cat_calormen,
#cat_archenland,#cat_champ de bataille,#cat_gazette,#cat_imagination,#cat_flood {
padding-top:4px;
}
.spoiler_content {
display: block;
}
.hidden .spoiler_content {
display: none;
}
.cat_forum {
background-color: #000000;
margin: auto;
margin-bottom:30px;
}
.onglet {
display:inline-block;
-margin-top: 10px;
text-decoration:none; !important
cursor: pointer;
}
.onglet li {
float:left;
list-style-type:none;
-margin-bottom: 0px;
text-decoration:none; !important
cursor:pointer;
margin-bottom:-22px;
position:center;
}
.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 {
display:block;
text-decoration:none;
list-style-type:none;
cursor:pointer;
}
.onglet_nactif {
background-color: #48321e; /* couleur de fond quand l'onglet est actif */
color: burlywood; /* couleur du texte quand l'onglet est actif */
-moz-background-clip:border; /* décalage NE PAS TOUCHER */
-moz-background-inline-policy:continuous; /* décalage NE PAS TOUCHER */
-moz-background-origin:padding; /* décalage NE PAS TOUCHER */
-moz-border-radius-bottomleft: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-bottomright: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topleft: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topright: 30px; /* décalage NE PAS TOUCHER */
-moz-box-shadow:1px 1px 1px #8B795E; /* ombre taille + couleur */
padding-left: 10px; /* décalage NE PAS TOUCHER */
padding-right: 10px; /* décalage NE PAS TOUCHER */
padding-top: 3px; /* décalage NE PAS TOUCHER */
padding-bottom: 3px; /* décalage NE PAS TOUCHER */
margin : 2px; /* décalage NE PAS TOUCHER */
font-family: georgia; /* police du texte */
font-size: 16px; /* taille du texte */
}
.onglet_actif {
background-color: #48321e; /* couleur de fond quand l'onglet est actif */
color: burlywood; /* couleur du texte quand l'onglet est actif */
-moz-background-clip:border; /* décalage NE PAS TOUCHER */
-moz-background-inline-policy:continuous; /* décalage NE PAS TOUCHER */
-moz-background-origin:padding; /* décalage NE PAS TOUCHER */
-moz-border-radius-bottomleft: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-bottomright: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topleft: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topright: 30px; /* décalage NE PAS TOUCHER */
-moz-box-shadow:1px 1px 1px #8B795E; /* ombre taille + couleur */
padding-left: 10px; /* décalage NE PAS TOUCHER */
padding-right: 10px; /* décalage NE PAS TOUCHER */
padding-top: 3px; /* décalage NE PAS TOUCHER */
padding-bottom: 3px; /* décalage NE PAS TOUCHER */
margin : 2px; /* décalage NE PAS TOUCHER */
font-family: georgia; /* police du texte */
font-size: 16px; /* taille du texte */
text-shadow: 1px 1px 1px #8B795E; /* ombre taille + couleur */
}
.imguser {
border: none;
opacity: 0.5;
background-color: transparent;
}
.imguser:hover {
border: none;
opacity: 1;
background-color: transparent;
}
.forumline img {
border: none;
opacity: 1;
background-color: transparent;
}
.forumline img:hover {
border: none;
opacity: 0.5;
background-color: transparent;
}
.haccordion {
padding: 0;
width: 800px;
}
.haccordion ul{
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
}
.haccordion li{
margin: 0;
padding: 0;
display: block;
width: 100%;
height: 20px;
overflow: hidden;
float: left;
}
#hc1 li{
margin:0 0px 0 0;
width: 800px;
}
#hc1 li .hpanel{
padding: 0px;
background: transparent;
}
.haccordion li .hpanel{
width: 20px;
height: 20px;
}
#hc1 li{
width: 118px;
height: 124px;
}
#hc1 li .hpanel{
width: 205px;
height: 124px;
}
Patchupee, toujours le même problème, dit moi? | | |
| | | | SASHA
{ Membre }
Messages : 16
| Merci beaucoup Fire-Fly ! En effet, je comprends mieux le truc, le CSS du forum manquait d'organisation et de ce fait, certaines fonctionnalités n'étaient pas bien remplies. Quoi qu'il en soit, j'ai suivi ton conseil mais le truc c'est que ça ne fonctionne que sur "l'aspect" des catégories. Lorsque l'on clique sur un sujet, la largeur d'écriture est toujours la même. - Spoiler:
https://2img.net/r/hpimg4/pics/703346prise.png
* C'est surtout cette largeur là, pour les rp, que j'aimerai diminuer en fait. Cependant, je te remercie de m'avoir donné ces conseils concernant le css, je serai plus attentive à ce que je ferai maintenant | | |
| | | | Patchupee
{ Membre }
Messages : 7
| - Fire-Fly a écrit:
- Un autre truc que j'ai pensé, avez vous refait votre qeel à partir des templates? Si oui, le problème peut se trouver là car on met souvent nos largeurs en pixels et ça peut affecté tout le body.
Personnellement, je n'ai pas modifié mon qeel, mais j'ai modifié un template pour faire en sorte de supprimer les colonnes "sujets" et "messages" de l'index. Je crois que c'est tout. - Fire-Fly a écrit:
- Patchupee, pour ce qui est de toi que ce ne soit pas centré, c'est peut-être à cause de ton
- Code:
-
position: relative;
top: -9px;
bottom: -9px;
D'ailleurs, est-ce que c'est toi qui l'a fait lui ou tu l'as prit quelque part (si oui, tu te souviens où?)?
parce que si tu dis que tu veux que le haut de ton forum soit à -9px de sa position initiale et à -9px de la position initiale de son bas... c'est un peu contradictoire, et au final, il doit revenir à sa position initiale... Ce code n'est pas de moi, c'est une amie qui me l'avait passé. Dans mes souvenirs, il marchait, mais là, je n'obtiens plus le résultat attendu, c'est à dire ne pas avoir d'espace en haut et en bas (pas de padding, donc). | | |
| | | | Looney
{ Membre }
Messages : 105
| Petit incruste pour proposé une solution, je n'ai pas tout lu, mais je sais que pour la largeur du forum en pixel c'est ceci qu'il faut mettre dans le CSS : - Code:
-
.bodylinewidth{
width:600px;
} Tu modifies la valeur à ta guise évidement | | |
| | | | SASHA
{ Membre }
Messages : 16
| | | | | Looney
{ Membre }
Messages : 105
| Je pourrai avoir ton CSS complet s'il te plait ? Et aussi il me faudrait savoir la valeur que tu as mis dans ton panneau d'admin - general - forum - configuration - Structure des page, celle que tu as mis pour "Largeur du forum (nombre ou %)" s'il te plait | | |
| | | | SASHA
{ Membre }
Messages : 16
| Pour le CSS, il s'agit de celui qu'a posté Fire-Fly. Elle s'était occupée de mon CSS du coup, j'ai un CSS tout beau tout neuf Je lui avais aussi montré mes templates mais le problème ne venait pas de là si j'ai compris. Concernant la "largeur du forum" c'est 700. Mon problème c'est pas la largeur des catégories en fait, c'est surtout l'espace des rp (comme sur la prise d'écran). Je viens de remarquer qu'en fait, j'avais rajouté un truc au css de Fire-Fly. Le voici : - Spoiler:
- Code:
-
.forumline{
border: 1px dashed #000000 ;
-moz-border-radius:6px;
}
body {
background-color: #6F584A;
background-attachment: no-fixed;
background-position: top center; /*Ligne de position du fond*/
background-repeat: no-repeat; /*Ligne collée*/
cursor:crosshair;
}
I {
border-bottom: none;
color: #AB9C50;
text-decoration: none
}
a:link {
text-decoration: none;
cursor: ne-resize;
}
a:visited {
text-decoration: none;
cursor: nw-resize;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
.categling {
background-color: #999999;
font-size: 10px;
text-align: center;
text-transform: uppercase;
display : block;
border-left: 10px solid #999999;
border-right: 10px solid #999999;
color: #999999;
font-weight: bold;
margin:0px;
}
.categling:hover {
background-color:#606060;
font-size: 10px;
text-align : center;
text-transform: uppercase;
border-left : 10px solid #999999;
border-right : 10px solid #999999;
color: #999999;
font-weight : bold;
margin: 0px;
}
a.imginfo {
position: relative;
color: #7d7d7d;
text-decoration: none;
border-bottom: 0px solid #7d7d7d ;
}
a.imginfo span {
display: none;
}
a.imginfo:hover {
background: none;
z-index: 999;
cursor: help;
}
a.imginfo:hover span {
display: inline;
position: absolute;
white-space: nowrap;
top: 30px;
left: 20px;
background: #ffffff;
color: #7d7d7d;
padding: 3px;
border-left: 5px solid #b6b6b6;
border-right: 3px solid #b6b6b6;
border-top: 3px solid #b6b6b6;
border-bottom: 5px solid #b6b6b6;
}
a {
font-variant: small-caps;
text-transform: lowercase ;
letter-spacing: 1px;
}
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft: 0px; /* décalage NE PAS TOUCHER */
-moz-border-radius-bottomright: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topleft: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topright: 0px; /* décalage NE PAS TOUCHER */
border: 7px solid #6C9383;
}
a.forumlink {
letter-spacing:0.02in;
text-shadow: #000000 1px 1px 1px;
-webkit-border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
font-weight: lighter;
background-image: url("http://img10.hostingpics.net/pics/750949fond.2.png");
border-bottom: 5px double #000000;
display:block;
text-align: center;
color:#FFFFFF;
}
a.forumlink:hover{
font-family: georgia;
font-size: 13px;
font-weight: lighter;
letter-spacing: 4px;
text-align: center;
color:#FFFFFF;
}
#menu ul {
margin:0px;
padding:0;
list-style-type:none;
text-align:center;
}
#menu li {
float:left;
margin:0;
padding:0;
background-image: url("http://i26.servimg.com/u/f26/14/66/38/24/fond_310.png");
-moz-border-radius-bottomleft: 50px; /* décalage NE PAS TOUCHER */
-moz-border-radius-bottomright: 50px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topleft: 50px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topright: 50px; /* décalage NE PAS TOUCHER */
margin : 1px; /* décalage NE PAS TOUCHER */
-moz-box-shadow:1px 1px 1px #6F584A; /* ombre taille + couleur */
}
#menu li a {
display:block;
width:100px;
color:#4A364E;
text-decoration:none;
padding:5px;
}
#menu li a:hover {
color:#F1ECF2;
}
#menu ul li:hover ul {
display:block;
}
#menu li:hover ul li {
float:none;
}
#menu li ul {
position:absolute;
}
#menu {
height:50px;
}
#menu ul li ul {
display:none;
}
.statistiques{
background-image: url("http://img11.hostingpics.net/pics/618766qeel.png");
background-repeat: no-repeat;
background-position: center;
height:270px;}
.text {
color:#FFFFFF;
cursor:pointer;
}
#cat_commencement,#cat_narnia,#cat_terresn interdites,#cat_telmar,#cat_calormen,
#cat_archenland,#cat_champ de bataille,#cat_gazette,#cat_imagination,#cat_flood {
padding-top:4px;
}
.spoiler_content {
display: block;
}
.hidden .spoiler_content {
display: none;
}
.cat_forum {
background-color: #000000;
margin: auto;
margin-bottom:30px;
width:700px;
}
.onglet {
display:inline-block;
-margin-top: 10px;
text-decoration:none; !important
cursor: pointer;
}
.onglet li {
float:left;
list-style-type:none;
-margin-bottom: 0px;
text-decoration:none; !important
cursor:pointer;
margin-bottom:-22px;
position:center;
}
.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 {
display:block;
text-decoration:none;
list-style-type:none;
cursor:pointer;
}
.onglet_nactif {
background-color: #48321e; /* couleur de fond quand l'onglet est actif */
color: burlywood; /* couleur du texte quand l'onglet est actif */
-moz-background-clip:border; /* décalage NE PAS TOUCHER */
-moz-background-inline-policy:continuous; /* décalage NE PAS TOUCHER */
-moz-background-origin:padding; /* décalage NE PAS TOUCHER */
-moz-border-radius-bottomleft: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-bottomright: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topleft: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topright: 30px; /* décalage NE PAS TOUCHER */
-moz-box-shadow:1px 1px 1px #8B795E; /* ombre taille + couleur */
padding-left: 10px; /* décalage NE PAS TOUCHER */
padding-right: 10px; /* décalage NE PAS TOUCHER */
padding-top: 3px; /* décalage NE PAS TOUCHER */
padding-bottom: 3px; /* décalage NE PAS TOUCHER */
margin : 2px; /* décalage NE PAS TOUCHER */
font-family: georgia; /* police du texte */
font-size: 16px; /* taille du texte */
}
.onglet_actif {
background-color: #48321e; /* couleur de fond quand l'onglet est actif */
color: burlywood; /* couleur du texte quand l'onglet est actif */
-moz-background-clip:border; /* décalage NE PAS TOUCHER */
-moz-background-inline-policy:continuous; /* décalage NE PAS TOUCHER */
-moz-background-origin:padding; /* décalage NE PAS TOUCHER */
-moz-border-radius-bottomleft: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-bottomright: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topleft: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topright: 30px; /* décalage NE PAS TOUCHER */
-moz-box-shadow:1px 1px 1px #8B795E; /* ombre taille + couleur */
padding-left: 10px; /* décalage NE PAS TOUCHER */
padding-right: 10px; /* décalage NE PAS TOUCHER */
padding-top: 3px; /* décalage NE PAS TOUCHER */
padding-bottom: 3px; /* décalage NE PAS TOUCHER */
margin : 2px; /* décalage NE PAS TOUCHER */
font-family: georgia; /* police du texte */
font-size: 16px; /* taille du texte */
text-shadow: 1px 1px 1px #8B795E; /* ombre taille + couleur */
}
.imguser {
border: none;
opacity: 0.5;
background-color: transparent;
}
.imguser:hover {
border: none;
opacity: 1;
background-color: transparent;
}
.forumline img {
border: none;
opacity: 1;
background-color: transparent;
}
.forumline img:hover {
border: none;
opacity: 0.5;
background-color: transparent;
}
.haccordion {
padding: 0;
width: 800px;
}
.haccordion ul{
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
}
.haccordion li{
margin: 0;
padding: 0;
display: block;
width: 100%;
height: 20px;
overflow: hidden;
float: left;
}
#hc1 li{
margin:0 0px 0 0;
width: 800px;
}
#hc1 li .hpanel{
padding: 0px;
background: transparent;
}
.haccordion li .hpanel{
width: 20px;
height: 20px;
}
#hc1 li{
width: 118px;
height: 124px;
}
#hc1 li .hpanel{
width: 205px;
height: 124px;
}
| | |
| | | | Looney
{ Membre }
Messages : 105
| Ha ok je viens de voir ce que tu cherches à faire, mais c'est impossible ça... Tu demandes au forum de faire 700ps de large, l'intérieur s'adapte ensuite... Le profil (donc avatar et info) prend dans les 200px de large plus ou moins, et les 500px restant sont donc automatiquement donné à la zone de texte... La seule chose que tu peux faire là, c'est de mettre des "marges d'écritures" à l'intérieur de la zone de texte. Comme lorsqu'on met les balises list dans notre texte par exemple, sauf que la, tu peux choisir de le mettre automatiquement à tous les texte, et autant à droite, qu'à gauche... Je ne sais pas si je suis très clair là  Edit : J'ai tout de même regarder ton CSS, et j'ai trouvé ça : - Code:
-
.haccordion {
padding: 0;
width: 800px;
}
#hc1 li{
margin:0 0px 0 0;
width: 800px;
} Tu donnes donc des éléments de largeur supérieur à ton forum, automatiquement ca va le déformer, il faut donc baisser le 'width' ici et ça devrait arranger le tout C'est simple, pour qu'il n'y ait pas de déformation il faut qu'aucun élément 'width' soit supérieur à la taille de ton forum, donc pour toi 700 ^^ Ton CSS corrigé, normalement ça devrait être bon : - Code:
-
.forumline{
border: 1px dashed #000000 ;
-moz-border-radius:6px;
}
body {
background-color: #6F584A;
background-attachment: no-fixed;
background-position: top center; /*Ligne de position du fond*/
background-repeat: no-repeat; /*Ligne collée*/
cursor:crosshair;
}
I {
border-bottom: none;
color: #AB9C50;
text-decoration: none
}
a:link {
text-decoration: none;
cursor: ne-resize;
}
a:visited {
text-decoration: none;
cursor: nw-resize;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
.categling {
background-color: #999999;
font-size: 10px;
text-align: center;
text-transform: uppercase;
display : block;
border-left: 10px solid #999999;
border-right: 10px solid #999999;
color: #999999;
font-weight: bold;
margin:0px;
}
.categling:hover {
background-color:#606060;
font-size: 10px;
text-align : center;
text-transform: uppercase;
border-left : 10px solid #999999;
border-right : 10px solid #999999;
color: #999999;
font-weight : bold;
margin: 0px;
}
a.imginfo {
position: relative;
color: #7d7d7d;
text-decoration: none;
border-bottom: 0px solid #7d7d7d ;
}
a.imginfo span {
display: none;
}
a.imginfo:hover {
background: none;
z-index: 999;
cursor: help;
}
a.imginfo:hover span {
display: inline;
position: absolute;
white-space: nowrap;
top: 30px;
left: 20px;
background: #ffffff;
color: #7d7d7d;
padding: 3px;
border-left: 5px solid #b6b6b6;
border-right: 3px solid #b6b6b6;
border-top: 3px solid #b6b6b6;
border-bottom: 5px solid #b6b6b6;
}
a {
font-variant: small-caps;
text-transform: lowercase ;
letter-spacing: 1px;
}
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft: 0px; /* décalage NE PAS TOUCHER */
-moz-border-radius-bottomright: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topleft: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topright: 0px; /* décalage NE PAS TOUCHER */
border: 7px solid #6C9383;
}
a.forumlink {
letter-spacing:0.02in;
text-shadow: #000000 1px 1px 1px;
-webkit-border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
font-weight: lighter;
background-image: url("http://img10.hostingpics.net/pics/750949fond.2.png");
border-bottom: 5px double #000000;
display:block;
text-align: center;
color:#FFFFFF;
}
a.forumlink:hover{
font-family: georgia;
font-size: 13px;
font-weight: lighter;
letter-spacing: 4px;
text-align: center;
color:#FFFFFF;
}
#menu ul {
margin:0px;
padding:0;
list-style-type:none;
text-align:center;
}
#menu li {
float:left;
margin:0;
padding:0;
background-image: url("http://i26.servimg.com/u/f26/14/66/38/24/fond_310.png");
-moz-border-radius-bottomleft: 50px; /* décalage NE PAS TOUCHER */
-moz-border-radius-bottomright: 50px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topleft: 50px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topright: 50px; /* décalage NE PAS TOUCHER */
margin : 1px; /* décalage NE PAS TOUCHER */
-moz-box-shadow:1px 1px 1px #6F584A; /* ombre taille + couleur */
}
#menu li a {
display:block;
width:100px;
color:#4A364E;
text-decoration:none;
padding:5px;
}
#menu li a:hover {
color:#F1ECF2;
}
#menu ul li:hover ul {
display:block;
}
#menu li:hover ul li {
float:none;
}
#menu li ul {
position:absolute;
}
#menu {
height:50px;
}
#menu ul li ul {
display:none;
}
.statistiques{
background-image: url("http://img11.hostingpics.net/pics/618766qeel.png");
background-repeat: no-repeat;
background-position: center;
height:270px;}
.text {
color:#FFFFFF;
cursor:pointer;
}
#cat_commencement,#cat_narnia,#cat_terresn interdites,#cat_telmar,#cat_calormen,
#cat_archenland,#cat_champ de bataille,#cat_gazette,#cat_imagination,#cat_flood {
padding-top:4px;
}
.spoiler_content {
display: block;
}
.hidden .spoiler_content {
display: none;
}
.cat_forum {
background-color: #000000;
margin: auto;
margin-bottom:30px;
width:700px;
}
.onglet {
display:inline-block;
-margin-top: 10px;
text-decoration:none; !important
cursor: pointer;
}
.onglet li {
float:left;
list-style-type:none;
-margin-bottom: 0px;
text-decoration:none; !important
cursor:pointer;
margin-bottom:-22px;
position:center;
}
.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 {
display:block;
text-decoration:none;
list-style-type:none;
cursor:pointer;
}
.onglet_nactif {
background-color: #48321e; /* couleur de fond quand l'onglet est actif */
color: burlywood; /* couleur du texte quand l'onglet est actif */
-moz-background-clip:border; /* décalage NE PAS TOUCHER */
-moz-background-inline-policy:continuous; /* décalage NE PAS TOUCHER */
-moz-background-origin:padding; /* décalage NE PAS TOUCHER */
-moz-border-radius-bottomleft: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-bottomright: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topleft: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topright: 30px; /* décalage NE PAS TOUCHER */
-moz-box-shadow:1px 1px 1px #8B795E; /* ombre taille + couleur */
padding-left: 10px; /* décalage NE PAS TOUCHER */
padding-right: 10px; /* décalage NE PAS TOUCHER */
padding-top: 3px; /* décalage NE PAS TOUCHER */
padding-bottom: 3px; /* décalage NE PAS TOUCHER */
margin : 2px; /* décalage NE PAS TOUCHER */
font-family: georgia; /* police du texte */
font-size: 16px; /* taille du texte */
}
.onglet_actif {
background-color: #48321e; /* couleur de fond quand l'onglet est actif */
color: burlywood; /* couleur du texte quand l'onglet est actif */
-moz-background-clip:border; /* décalage NE PAS TOUCHER */
-moz-background-inline-policy:continuous; /* décalage NE PAS TOUCHER */
-moz-background-origin:padding; /* décalage NE PAS TOUCHER */
-moz-border-radius-bottomleft: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-bottomright: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topleft: 30px; /* décalage NE PAS TOUCHER */
-moz-border-radius-topright: 30px; /* décalage NE PAS TOUCHER */
-moz-box-shadow:1px 1px 1px #8B795E; /* ombre taille + couleur */
padding-left: 10px; /* décalage NE PAS TOUCHER */
padding-right: 10px; /* décalage NE PAS TOUCHER */
padding-top: 3px; /* décalage NE PAS TOUCHER */
padding-bottom: 3px; /* décalage NE PAS TOUCHER */
margin : 2px; /* décalage NE PAS TOUCHER */
font-family: georgia; /* police du texte */
font-size: 16px; /* taille du texte */
text-shadow: 1px 1px 1px #8B795E; /* ombre taille + couleur */
}
.imguser {
border: none;
opacity: 0.5;
background-color: transparent;
}
.imguser:hover {
border: none;
opacity: 1;
background-color: transparent;
}
.forumline img {
border: none;
opacity: 1;
background-color: transparent;
}
.forumline img:hover {
border: none;
opacity: 0.5;
background-color: transparent;
}
.haccordion {
padding: 0;
width: 700px;
}
.haccordion ul{
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
}
.haccordion li{
margin: 0;
padding: 0;
display: block;
width: 100%;
height: 20px;
overflow: hidden;
float: left;
}
#hc1 li{
margin:0 0px 0 0;
width: 700px;
}
#hc1 li .hpanel{
padding: 0px;
background: transparent;
}
.haccordion li .hpanel{
width: 20px;
height: 20px;
}
#hc1 li{
width: 118px;
height: 124px;
}
#hc1 li .hpanel{
width: 205px;
height: 124px;
} | | |
| | | | SASHA
{ Membre }
Messages : 16
| ah ah la blague u_u' Je me sens passablement idiote là................ ^^' Bref, merci beaucoup !! Pour les conseils concernant les messages et le css ;P | | |
| | | | Contenu sponsorisé
| | | | | |
Sujets similaires | |
|
| | Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|
