-Catégories

Bonjour,

Alors avant de me lancer, j'ai d'abord testé pas mal de choses ! Mais là, n'y tenant plus je viens à vous pour avoir un coup de main.

J'essaie, pour l'un de mes forums, de tout changer. Hors la personne qui a fait les anciens CSS n'a laissé aucune indication !

Donc, en fait, j'aimerais pouvoir retirer les cadres autour des titres. Je vous passe mon forum de test ( Vous voyez, par exemple, règles et context, j'aimerais enlever la "case" où il est placé):

http://mementotest.forumgratuit.org/

Code:

.postbody {
    display: block;
    padding-left: 30px;
    padding-right: 30px;
    text-align:justify;
}
.postbody{font-family: Arial; font-size : 12px;  text-align: justify; text-align: blockquote; blockquote; block: quote;}

.postbody{-moz-opacity:0.9; opacity: 0.9; filter:alpha(opacity=90);}

a.forumlink {
transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 5ms;
-webkit-transition-duration: 1s;
-htm-transition-duration: 1s;
shadow: #000000 1px 1px 1px;
display:block;
}

a.forumlink:hover {
transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 5ms;
-webkit-transition-duration: 1s;
-htm-transition-duration: 1s;
shadow: #000000 1px 1px 1px;
}

.profile{
text-align: justify;
}

.desc{
text-align: blockquote;
text-align: justify;
}

a:link, a:visited, a:active a:hover{ transition-duration: 2s;
-moz-transition-duration: 2s;
-o-transition-duration: 10ms;
-webkit-transition-duration: 2s;
-htm-transition-duration: 2s; text-decoration: none;
}
a:hover{ transition-duration: 2s;
-moz-transition-duration: 2s;
-o-transition-duration: 10ms;
-webkit-transition-duration: 2s;
-htm-transition-duration: 2s; text-decoration: none;
}


 .opacity img {
filter:alpha(opacity=50);                           
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

.opacity img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
}

    a.info {
  position: relative;
  color: #574C44;
  text-decoration: none;
  border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
}

a.info span {
  display: none; /* on masque l'infobulle */
font-size: 12px;

}
a.info:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */


cursor: url(http://www.pastelsmash.com/tinyarrow.cur), default!important; /* 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: 5px; /* on positionne notre infobulle */
  left: 70px;

 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: 8px;
text-align:justify;
background-color: #17130E;
    font-family:Arial;
    font-size: 9px;
    Padding: 7px;
text-transform: none;
    color: #7D7165;
    border: 1px solid #36291C;
    border-left-width: 6px;
    border-top-width: 1px;
    border-right-width: 6px;
-moz-box-shadow: 0px 0px 5px #0B0A09;
-webkit-box-shadow: 0px 0px 5px #0B0A09;
-moz-border-radius:30px;
}

span.listing {
border-left:5px #826241 solid;
border-right:5px #826241 solid;
text-align:justify;
shadow: #17120E 1px 1px 1px;
background-color:#1A1510;
}

.listing {
border-left:5px #826241 solid;
border-right:5px #826241 solid;
text-align:justify;
shadow: #17120E 1px 1px 1px;
background-color:#1A1510;
}

div.listing {
border-left:5px #826241 solid;
border-right:5px #826241 solid;
text-align:justify;
shadow: #17120E 1px 1px 1px;
background-color:#1A1510;
}

.trait {
border-bottom: 2px #292019 dotted;
}

span.trait {
border-bottom: 2px #292019 dotted;
}

div.barre {
font-family:arial; background-color:#0F0C09; color: #736353; text-decoration: none; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; font-weight:normal; padding: 4px 12px 4px 12px; margin: 1px; border:3px solid #17120E;
}

#barre {
font-family:arial; background-color:#0F0C09; color: #736353; text-decoration: none; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; font-weight:normal; padding: 4px 12px 4px 12px; margin: 1px; border:1px solid #17120E;
}

.barre {
font-family:arial; background-color:#0F0C09; color: #736353; text-decoration: none; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; font-weight:normal; padding: 4px 12px 4px 12px; margin: 1px; border:1px solid #17120E;
}

.text2 {
font-size:9px;
text-align:justify;
}

div.text2 {
font-size:9px;
text-align:justify;
}

#text2 {
font-size:9px;
text-align:justify;
}

.text {
font-size:11px;
text-align:justify;
}

div.text {
font-size:11px;
text-align:justify;
}

#text {
font-size:11px;
text-align:justify;
}

span.groups {
text-align:justify;
shadow: #FFFFFF 1px 1px 1px;
font-weight:lighter;
font-style:italic;
font-family: Times New Roman;
text-transform: lowercase;
font-size:16px;
}

span.groups {
text-align:justify;
shadow: #17120E 1px 1px 1px;
font-weight:lighter;
font-style:italic;
font-family: Times New Roman;
text-transform: lowercase;
font-size:16px;
}

.groups {
text-align:justify;
shadow: #17120E 1px 1px 1px;
font-weight:lighter;
font-style:italic;
font-family: Times New Roman;
text-transform: lowercase;
font-size:16px;
}

div.groups {
text-align:justify;
shadow: #17120E 1px 1px 1px;
font-weight:lighter;
font-style:italic;
font-family: Times New Roman;
text-transform: lowercase;
font-size:16px;
}

#groups {
text-align:justify;
shadow: #17120E 1px 1px 1px;
font-weight:lighter;
font-style:italic;
font-family: Times New Roman;
text-transform: lowercase;
font-size:16px;
}

div.tiré {
border-left: 10px solid #1C150C;
border-right: 10px solid #1C150C;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-topleft:60px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topright:60px;
-moz-border-radius: 0px 0px 40px 40px;
border-radius: 0px 0px 40px 40px;
text-shadow: #000000 1px 1px 1px;
font-family:arial; background-color:#0F0C09; color: #826241; text-decoration: none; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; font-weight:normal; padding: 4px 12px 4px 12px; margin: 1px; border:3px solid #17120E
;
}

#tiré {
border-left: 10px solid #1C150C;
border-right: 10px solid #1C150C;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-topleft:60px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topright:60px;
-moz-border-radius: 0px 0px 40px 40px;
border-radius: 0px 0px 40px 40px;
text-shadow: #000000 1px 1px 1px;
font-family:arial; background-color:#0F0C09; color: #826241; text-decoration: none; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; font-weight:normal; padding: 4px 12px 4px 12px; margin: 1px; border:3px solid #17120E
;
}

.tiré {
border-left: 10px solid #1C150C;
border-right: 10px solid #1C150C;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-topleft:60px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topright:60px;
-moz-border-radius: 0px 0px 40px 40px;
border-radius: 0px 0px 40px 40px;
text-shadow: #000000 1px 1px 1px;
font-family:arial; background-color:#0F0C09; color: #826241; text-decoration: none; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; font-weight:normal; padding: 4px 12px 4px 12px; margin: 1px; border:3px solid #17120E
;
}

.forumlinewidth
{
moz-border-radius: 20em 0em 0em 0em; border-radius: 20em 0em 0em 0em; webkit-border-radius: 20em 0em 0em 0em;
background-image: url();
background-position: top center;
background-repeat: repeat-y;
}

.titrecategorie{
text-shadow: #292019 1px 1px 1px;
text-transform: uppercase;
text-align:center;
font-family: Times New Roman;
font-size: 26px;
}



body { cursor: crosshair }
a:hover { cursor:ne-resize; }

input {
background-color : #14100C;
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;}

u{
border-bottom: 2px solid;
border-color:#1C150C;
text-decoration: none;
-moz-border-radius:3px;}

I{border-bottom:none; color:#A6723D;text-decoration: none
}

a:hover {
text-decoration: none ; color: black ; border-bottom: 1px dotted #B0ADA0;
}

.bodylinewidth {
width:42%}

a img {
border: none;
}


input,textarea,select
{color : #736455;
border:1px #29241C dotted;
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
-moz-border-radius:10px;
border-left:3px #826241 solid;
border-right:3px #826241 solid;
background-color : #14100C;}

input.button
{color : #826241;
-moz-border-radius:10px;
border:1px #826241 solid;
background-color : #14100C;}

input:hover{
background-color : #14100C;
color: #826241;
-moz-border-radius:10px;
border: 1px #111111 solid;
}

input.mainoption {
background-color : #14100C;
-moz-border-radius:10px;
font-weight : bold;
}

.contour
{
border:  1px solid #2B2016;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
word-spacing: 3px;
padding-bottom: 5px;
background-color: #080605;
opacity: 2; line-height: 0.9;
}

.contour:hover
{
border:  1px solid #2B2016;
padding-left: 5px;
padding-right: 5px;
word-spacing: 3px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #080605;
opacity: 2; line-height: 0.9;
}

#contour
{
border:  1px solid #2B2016;
padding-left: 5px;
word-spacing: 3px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #080605;
opacity: 2; line-height: 0.9;
}

#contour:hover
{
border:  1px solid #2B2016;
padding-left: 5px;
word-spacing: 3px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #080605;
opacity: 2; line-height: 0.9;
}

div.contour
{
border:  1px solid #2B2016;
padding-left: 5px;
word-spacing: 3px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #080605;
opacity: 2; line-height: 0.9;
}

div.contour:hover
{
border: 1px solid #2B2016;
padding-left: 5px;
word-spacing: 3px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #080605;
opacity: 2; line-height: 0.9;
}

div.contour2
{
font-size: 9px;
border:  1px dotted #826241;
padding-left: 5px;
word-spacing: 3px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #080605;
opacity: 2; line-height: 0.9;
}

div.contour2:hover
{
font-size: 9px;
word-spacing: 3px;
border: 1px dotted #826241;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #080605;
opacity: 2; line-height: 0.9;
}

.titrecategorie{
text-shadow: #4F0611 1px 1px 1px;
text-transform: uppercase;
text-align:center;
font-family: Times New Roman;
font-size: 26px;
}

a.forumlink:hover, a.forumlink:hover:visited{
background-color: #1C150C;
border-bottom: 1px solid #826241; solid;
text-align: center;
font-family : Times New Roman;
text-transform: uppercase;
font-size:24px;
letter-spacing: 3px;
font-weight: bold;
text-align:center;
border-left: 6px solid #826241;
border-right: 6px solid #826241;
display: block;
}

a.forumlink:link, a.forumlink:visited {
font-family:  serif;
background-color: #1C150C;
text-transform : uppercase;
font-size: 100%;
font-family : Times New Roman;
text-transform: uppercase;
font-size:24px;
letter-spacing: 3px;
font-weight: bold;
text-align:center;
border-bottom: 1px solid #826241; solid
color: #826241;
text-align: center;
border-left: 6px solid #826241;
border-right: 6px solid #826241;
letter-spacing: 3px;
display: block;
}

* ********** LIENS ********** */
a { text-decoration: none; }!Enlever le soulignement des liens.
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumlink {text-decoration: none;}
a.forumlink:hover {text-decoration: none!important;}
a.topiclink {text-decoration: none; }
a.topiclink:hover {text-decoration: none!important; }

/* pas de soulignement de liens */
a:link {text-decoration: none; text-shadow: #000000 1px 1px 1px;}
a:visited {text-decoration: none; text-shadow: #000000 1px 1px 1px;}
a:hover {text-decoration: none !important; text-shadow: #000000 1px 1px 1px;}

a:hover{cursor : crosshair;}

tr.post span.gensmall { display: none; }

.name a{
font-weight: bold;
text-shadow: #000000 1px 1px 1px;
font-family: Times New Roman;
text-transform: uppercase;
text-align: center;
font-size : 12px;
letter-spacing: 2px;
}

strong{font-weight: bold;}

/* ********** BODY ********** */

.profile{
text-align: justify;
}

.desc{
text-align: justify;
}

body{
text-align: justify;
  cursor:crosshair;
}

/* CITATIONS SPOILERS ET CODES */
.quote
{font-family: Arial;
font-size: 12px;
color: #826241;
line-height: 100%;
background-color: #1C150C;
border-style: solid;
border: 1px solid #1C150C;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;}


.spoiler
{font-size: 12px;
line-height: 100%;
background-color:#1C150C;
border: 1px solid #1C150C;
border-left-width: 2px;
border-top-width: 1px;
border-right-width: 2px;
border-bottom-width: 1px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;}

.code
{font-family: Courier,Courier New,sans-serif;
font-size: 11px;
color: #826241;
background-color: #1C150C;
border: 0px;
-moz-border-radius:6px;
-webkit-border-radius: 6px;}



.postdetails.poster-profile a img {

 
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border: 4px solid #3C3D5E;
}


td.patd1 {
  text-align: center;
  vertical-align: bottom;
}
td.patd3 {
  vertical-align: bottom;
}
td.patd4, td.patd5, td.patd6, td.patd7 {
  vertical-align: top;
}
td.patd8 {
  vertical-align: bottom;
}
.menuderoulant {
  -moz-box-shadow: 0px 0px 5px #1E1F4A;
  border: 3px  #3C3D5E; /*couleur des bords du menu déroulant*/
  background: #030308; /*couleur de fond du menu deroulant*/
  font-family: calibri;
  font-size: 8px;
  width: 100px;
  -moz-border-radius: 0px;
}
.boutonmenuderoulant {
  -moz-box-shadow: 0px 0px 5px #3C3D5E;
  border: 3px #3C3D5E; /*couleur des bords du bouton "go"*/
  background: #030308; /*couleur de fond du bouton "go"*/
  font-family: calibri;
  font-size: 8px;
  -moz-border-radius: 0px;
}
.messagebienvenue {
  font-size: 40px;
  font-style: italic;
  border-bottom: 15px solid #030308; /*couleur de la grosse ligne sous "bienvenue à Forks"*/
  text-align: center;
  color: #1E1F4A; /*couleur du texte "bienvenue à Forks"*/
}
.bloc1 {
  height: 140px;
  padding: 0px 10px 10px 10px;
  -moz-border-radius: 0px;
  -moz-box-shadow: 0px 0px 5px #1E1F4A;
  border: 3px #1E1F4A; /*couleur du cadre des blocs 1*/
}
.contexte {
  height: 115px;
  overflow: auto;
  text-align: justify;
  padding: 0px 5px 0px 5px;
  font-size: 12px;
  margin: 3px 0px 0px 0px;
}
.news {
    text-align: center;
  color: #B5B5B5; /* couleur du texte des news */
}
.admins {
    text-align: center;
  padding: 10px 0px 0px 0px;
}
.admins img {
    margin: 7px 10px 0px 10px;
}
span.infobulladmins{
  position: relative;
  text-decoration: none;
}
span.infobulladmins span.bull {
  display: none;
}
span.infobulladmins:hover {
  background: none;
  z-index: 999;
  cursor: crosshair;

}
span.infobulladmins:hover span.bull {
  display: inline;
  white-space: normal;
  top: 15px;
  left: -35px;
  position: absolute;
  padding: 8px;
  background: #030308; /*couleur fond infobulle admins*/
  -moz-border-radius: 0px;
  border-right: 5px solid #1E1F4A;
  border-left: 5px solid #1E1F4A; /*couleur cadre infobulle admins*/
  text-align: justify;
  font-size: 13px;
  width: 120px;
  text-align: center;
}
.bloc2 {
  height: 224px;
  padding: 0px 10px 10px 10px;
  text-align: center;
  font-size: 12px;
  -moz-border-radius: 0px;
  -moz-box-shadow: 0px 0px 5px #1E1F4A;
  border: 3px #1E1F4A; /*couleur cadre bloc 2*/
}
.bloc3 {
  height: 163px;
  padding: 0px 10px 10px 10px;
  margin-top: 6px;
  text-align:center;
  font-size: 10px;
  -moz-border-radius: 0px;
  -moz-box-shadow: 0px 0px 5px #1E1F4A;
  border: 3px #1E1F4A; /*couleur cadre bloc 3*/
}
.bloc4 {
  height: 85px;
  padding: 0px 10px 10px 10px;
  text-align: center;
  font-size: 11px;
  -moz-border-radius: 0px;
  -moz-box-shadow: 0px 0px 5px #1E1F4A;
  border: 3px #1E1F4A; /*couleur cadre bloc 4*/
}
.bloc4 img {
  margin: 0px 5px 0px 5px;
}
.titrebloc {
  font-size: 20px;
  height: 20px;
  text-align: center;
  border-bottom: 2px solid;
  color: #0000000; /*couleur de la ligne entre le titre et le contenu d'un bloc*/
  font-style: italic;
  margin: 0px 0px 3px 0px; }


/*FOND CAETEGORIES*/

.forumline
{
background-color: transparent;
background-image: url(http://i1108.photobucket.com/albums/h419/Lady-Hell/test-1.png);
background-repeat: repeat-y;
padding-left: 20px;
padding-right: 18px;
border: none;
}

Voilà pour le premier point, le second. J'aimerais aussi personnaliser mais catégories, de façon très poussé. Pour cela j'ai testé le tutoriel de Sparrow : https://www.never-utopia.com/t22470-forum-mettre-des-cadres-autour-des-tables

Comme vous pouvez le voir, le résultat est catastrophique ... En fait j'aimerais vraiment que l'image avec le châteaux encadre seulement les catégories ! ( La PA aussi pourquoi pas, mais là pour le coup ça donne quelque chose de fouillis ! )

Voilà, j'ai d'autres soucis, mais il faut déjà que je règle celui-ci !

Merci d'avance !

Merci d'avance !

Aloha ~~

• Alors pour ton premier point, j'ai rapidement pu cibler le truc et voilà le css que j'te rend :
  
  

  Code:

  
.postbody {
    display: block;
    padding-left: 30px;
    padding-right: 30px;
    text-align:justify;
}
.postbody{font-family: Arial; font-size : 12px;  text-align: justify; text-align: blockquote; blockquote; block: quote;}

.postbody{-moz-opacity:0.9; opacity: 0.9; filter:alpha(opacity=90);}

a.forumlink {
transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 5ms;
-webkit-transition-duration: 1s;
-htm-transition-duration: 1s;
shadow: #000000 1px 1px 1px;
display:block;
}

a.forumlink:hover {
transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 5ms;
-webkit-transition-duration: 1s;
-htm-transition-duration: 1s;
shadow: #000000 1px 1px 1px;
}

.profile{
text-align: justify;
}

.desc{
text-align: blockquote;
text-align: justify;
}

a:link, a:visited, a:active a:hover{ transition-duration: 2s;
-moz-transition-duration: 2s;
-o-transition-duration: 10ms;
-webkit-transition-duration: 2s;
-htm-transition-duration: 2s; text-decoration: none;
}
a:hover{ transition-duration: 2s;
-moz-transition-duration: 2s;
-o-transition-duration: 10ms;
-webkit-transition-duration: 2s;
-htm-transition-duration: 2s; text-decoration: none;
}


 .opacity img {
filter:alpha(opacity=50);                         
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

.opacity img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
}

    a.info {
  position: relative;
  color: #574C44;
  text-decoration: none;
  border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
}

a.info span {
  display: none; /* on masque l'infobulle */
font-size: 12px;

}
a.info:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */


cursor: url(http://www.pastelsmash.com/tinyarrow.cur), default!important; /* 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: 5px; /* on positionne notre infobulle */
  left: 70px;

 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: 8px;
text-align:justify;
background-color: #17130E;
    font-family:Arial;
    font-size: 9px;
    Padding: 7px;
text-transform: none;
    color: #7D7165;
    border: 1px solid #36291C;
    border-left-width: 6px;
    border-top-width: 1px;
    border-right-width: 6px;
-moz-box-shadow: 0px 0px 5px #0B0A09;
-webkit-box-shadow: 0px 0px 5px #0B0A09;
-moz-border-radius:30px;
}

span.listing {
border-left:5px #826241 solid;
border-right:5px #826241 solid;
text-align:justify;
shadow: #17120E 1px 1px 1px;
background-color:#1A1510;
}

.listing {
border-left:5px #826241 solid;
border-right:5px #826241 solid;
text-align:justify;
shadow: #17120E 1px 1px 1px;
background-color:#1A1510;
}

div.listing {
border-left:5px #826241 solid;
border-right:5px #826241 solid;
text-align:justify;
shadow: #17120E 1px 1px 1px;
background-color:#1A1510;
}

.trait {
border-bottom: 2px #292019 dotted;
}

span.trait {
border-bottom: 2px #292019 dotted;
}

div.barre {
font-family:arial; background-color:#0F0C09; color: #736353; text-decoration: none; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; font-weight:normal; padding: 4px 12px 4px 12px; margin: 1px; border:3px solid #17120E;
}

#barre {
font-family:arial; background-color:#0F0C09; color: #736353; text-decoration: none; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; font-weight:normal; padding: 4px 12px 4px 12px; margin: 1px; border:1px solid #17120E;
}

.barre {
font-family:arial; background-color:#0F0C09; color: #736353; text-decoration: none; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; font-weight:normal; padding: 4px 12px 4px 12px; margin: 1px; border:1px solid #17120E;
}

.text2 {
font-size:9px;
text-align:justify;
}

div.text2 {
font-size:9px;
text-align:justify;
}

#text2 {
font-size:9px;
text-align:justify;
}

.text {
font-size:11px;
text-align:justify;
}

div.text {
font-size:11px;
text-align:justify;
}

#text {
font-size:11px;
text-align:justify;
}

span.groups {
text-align:justify;
shadow: #FFFFFF 1px 1px 1px;
font-weight:lighter;
font-style:italic;
font-family: Times New Roman;
text-transform: lowercase;
font-size:16px;
}

span.groups {
text-align:justify;
shadow: #17120E 1px 1px 1px;
font-weight:lighter;
font-style:italic;
font-family: Times New Roman;
text-transform: lowercase;
font-size:16px;
}

.groups {
text-align:justify;
shadow: #17120E 1px 1px 1px;
font-weight:lighter;
font-style:italic;
font-family: Times New Roman;
text-transform: lowercase;
font-size:16px;
}

div.groups {
text-align:justify;
shadow: #17120E 1px 1px 1px;
font-weight:lighter;
font-style:italic;
font-family: Times New Roman;
text-transform: lowercase;
font-size:16px;
}

#groups {
text-align:justify;
shadow: #17120E 1px 1px 1px;
font-weight:lighter;
font-style:italic;
font-family: Times New Roman;
text-transform: lowercase;
font-size:16px;
}

div.tiré {
border-left: 10px solid #1C150C;
border-right: 10px solid #1C150C;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-topleft:60px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topright:60px;
-moz-border-radius: 0px 0px 40px 40px;
border-radius: 0px 0px 40px 40px;
text-shadow: #000000 1px 1px 1px;
font-family:arial; background-color:#0F0C09; color: #826241; text-decoration: none; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; font-weight:normal; padding: 4px 12px 4px 12px; margin: 1px; border:3px solid #17120E
;
}

#tiré {
border-left: 10px solid #1C150C;
border-right: 10px solid #1C150C;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-topleft:60px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topright:60px;
-moz-border-radius: 0px 0px 40px 40px;
border-radius: 0px 0px 40px 40px;
text-shadow: #000000 1px 1px 1px;
font-family:arial; background-color:#0F0C09; color: #826241; text-decoration: none; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; font-weight:normal; padding: 4px 12px 4px 12px; margin: 1px; border:3px solid #17120E
;
}

.tiré {
border-left: 10px solid #1C150C;
border-right: 10px solid #1C150C;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-topleft:60px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topright:60px;
-moz-border-radius: 0px 0px 40px 40px;
border-radius: 0px 0px 40px 40px;
text-shadow: #000000 1px 1px 1px;
font-family:arial; background-color:#0F0C09; color: #826241; text-decoration: none; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; font-weight:normal; padding: 4px 12px 4px 12px; margin: 1px; border:3px solid #17120E
;
}

.forumlinewidth
{
moz-border-radius: 20em 0em 0em 0em; border-radius: 20em 0em 0em 0em; webkit-border-radius: 20em 0em 0em 0em;
background-image: url();
background-position: top center;
background-repeat: repeat-y;
}

.titrecategorie{
text-shadow: #292019 1px 1px 1px;
text-transform: uppercase;
text-align:center;
font-family: Times New Roman;
font-size: 26px;
}



body { cursor: crosshair }
a:hover { cursor:ne-resize; }

input {
background-color : #14100C;
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;}

u{
border-bottom: 2px solid;
border-color:#1C150C;
text-decoration: none;
-moz-border-radius:3px;}

I{border-bottom:none; color:#A6723D;text-decoration: none
}

a:hover {
text-decoration: none ; color: black ; border-bottom: 1px dotted #B0ADA0;
}

.bodylinewidth {
width:42%}

a img {
border: none;
}


input,textarea,select
{color : #736455;
border:1px #29241C dotted;
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
-moz-border-radius:10px;
border-left:3px #826241 solid;
border-right:3px #826241 solid;
background-color : #14100C;}

input.button
{color : #826241;
-moz-border-radius:10px;
border:1px #826241 solid;
background-color : #14100C;}

input:hover{
background-color : #14100C;
color: #826241;
-moz-border-radius:10px;
border: 1px #111111 solid;
}

input.mainoption {
background-color : #14100C;
-moz-border-radius:10px;
font-weight : bold;
}

.contour
{
border:  1px solid #2B2016;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
word-spacing: 3px;
padding-bottom: 5px;
background-color: #080605;
opacity: 2; line-height: 0.9;
}

.contour:hover
{
border:  1px solid #2B2016;
padding-left: 5px;
padding-right: 5px;
word-spacing: 3px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #080605;
opacity: 2; line-height: 0.9;
}

#contour
{
border:  1px solid #2B2016;
padding-left: 5px;
word-spacing: 3px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #080605;
opacity: 2; line-height: 0.9;
}

#contour:hover
{
border:  1px solid #2B2016;
padding-left: 5px;
word-spacing: 3px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #080605;
opacity: 2; line-height: 0.9;
}

div.contour
{
border:  1px solid #2B2016;
padding-left: 5px;
word-spacing: 3px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #080605;
opacity: 2; line-height: 0.9;
}

div.contour:hover
{
border: 1px solid #2B2016;
padding-left: 5px;
word-spacing: 3px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #080605;
opacity: 2; line-height: 0.9;
}

div.contour2
{
font-size: 9px;
border:  1px dotted #826241;
padding-left: 5px;
word-spacing: 3px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #080605;
opacity: 2; line-height: 0.9;
}

div.contour2:hover
{
font-size: 9px;
word-spacing: 3px;
border: 1px dotted #826241;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #080605;
opacity: 2; line-height: 0.9;
}

.titrecategorie{
text-shadow: #4F0611 1px 1px 1px;
text-transform: uppercase;
text-align:center;
font-family: Times New Roman;
font-size: 26px;
}

a.forumlink:hover, a.forumlink:hover:visited{
text-align: center;
font-family : Times New Roman;
text-transform: uppercase;
font-size:24px;
letter-spacing: 3px;
font-weight: bold;
text-align:center;
display: block;
}

a.forumlink:link, a.forumlink:visited {
font-family : 'Times New Roman', serif;
color: #826241;
display: block;
}

/* ********** LIENS ********** */
a, a:link, a:hover, a:visited, a.forumlink, a.forumlink:hover, a.topiclink, a.topiclink:hover { text-decoration: none!important; }
a:link, a:visited, a:hover {text-decoration: none; text-shadow: #000000 1px 1px 1px;}
a:hover{cursor : crosshair;}

tr.post span.gensmall { display: none; }

.name a{
font-weight: bold;
text-shadow: #000000 1px 1px 1px;
font-family: Times New Roman;
text-transform: uppercase;
text-align: center;
font-size : 12px;
letter-spacing: 2px;
}

strong{font-weight: bold;}

/* ********** BODY ********** */

body, .profile, .desc {
text-align: justify;
}

body {
  cursor:crosshair;
}

/* CITATIONS SPOILERS ET CODES */
.quote
{font-family: Arial;
font-size: 12px;
color: #826241;
line-height: 100%;
background-color: #1C150C;
border-style: solid;
border: 1px solid #1C150C;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;}


.spoiler
{font-size: 12px;
line-height: 100%;
background-color:#1C150C;
border: 1px solid #1C150C;
border-left-width: 2px;
border-top-width: 1px;
border-right-width: 2px;
border-bottom-width: 1px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;}

.code
{font-family: Courier,Courier New,sans-serif;
font-size: 11px;
color: #826241;
background-color: #1C150C;
border: 0px;
-moz-border-radius:6px;
-webkit-border-radius: 6px;}



.postdetails.poster-profile a img {

 
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border: 4px solid #3C3D5E;
}


td.patd1 {
  text-align: center;
  vertical-align: bottom;
}
td.patd3 {
  vertical-align: bottom;
}
td.patd4, td.patd5, td.patd6, td.patd7 {
  vertical-align: top;
}
td.patd8 {
  vertical-align: bottom;
}
.menuderoulant {
  -moz-box-shadow: 0px 0px 5px #1E1F4A;
  border: 3px  #3C3D5E; /*couleur des bords du menu déroulant*/
  background: #030308; /*couleur de fond du menu deroulant*/
  font-family: calibri;
  font-size: 8px;
  width: 100px;
  -moz-border-radius: 0px;
}
.boutonmenuderoulant {
  -moz-box-shadow: 0px 0px 5px #3C3D5E;
  border: 3px #3C3D5E; /*couleur des bords du bouton "go"*/
  background: #030308; /*couleur de fond du bouton "go"*/
  font-family: calibri;
  font-size: 8px;
  -moz-border-radius: 0px;
}
.messagebienvenue {
  font-size: 40px;
  font-style: italic;
  border-bottom: 15px solid #030308; /*couleur de la grosse ligne sous "bienvenue à Forks"*/
  text-align: center;
  color: #1E1F4A; /*couleur du texte "bienvenue à Forks"*/
}
.bloc1 {
  height: 140px;
  padding: 0px 10px 10px 10px;
  -moz-border-radius: 0px;
  -moz-box-shadow: 0px 0px 5px #1E1F4A;
  border: 3px #1E1F4A; /*couleur du cadre des blocs 1*/
}
.contexte {
  height: 115px;
  overflow: auto;
  text-align: justify;
  padding: 0px 5px 0px 5px;
  font-size: 12px;
  margin: 3px 0px 0px 0px;
}
.news {
    text-align: center;
  color: #B5B5B5; /* couleur du texte des news */
}
.admins {
    text-align: center;
  padding: 10px 0px 0px 0px;
}
.admins img {
    margin: 7px 10px 0px 10px;
}
span.infobulladmins{
  position: relative;
  text-decoration: none;
}
span.infobulladmins span.bull {
  display: none;
}
span.infobulladmins:hover {
  background: none;
  z-index: 999;
  cursor: crosshair;

}
span.infobulladmins:hover span.bull {
  display: inline;
  white-space: normal;
  top: 15px;
  left: -35px;
  position: absolute;
  padding: 8px;
  background: #030308; /*couleur fond infobulle admins*/
  -moz-border-radius: 0px;
  border-right: 5px solid #1E1F4A;
  border-left: 5px solid #1E1F4A; /*couleur cadre infobulle admins*/
  text-align: justify;
  font-size: 13px;
  width: 120px;
  text-align: center;
}
.bloc2 {
  height: 224px;
  padding: 0px 10px 10px 10px;
  text-align: center;
  font-size: 12px;
  -moz-border-radius: 0px;
  -moz-box-shadow: 0px 0px 5px #1E1F4A;
  border: 3px #1E1F4A; /*couleur cadre bloc 2*/
}
.bloc3 {
  height: 163px;
  padding: 0px 10px 10px 10px;
  margin-top: 6px;
  text-align:center;
  font-size: 10px;
  -moz-border-radius: 0px;
  -moz-box-shadow: 0px 0px 5px #1E1F4A;
  border: 3px #1E1F4A; /*couleur cadre bloc 3*/
}
.bloc4 {
  height: 85px;
  padding: 0px 10px 10px 10px;
  text-align: center;
  font-size: 11px;
  -moz-border-radius: 0px;
  -moz-box-shadow: 0px 0px 5px #1E1F4A;
  border: 3px #1E1F4A; /*couleur cadre bloc 4*/
}
.bloc4 img {
  margin: 0px 5px 0px 5px;
}
.titrebloc {
  font-size: 20px;
  height: 20px;
  text-align: center;
  border-bottom: 2px solid;
  color: #0000000; /*couleur de la ligne entre le titre et le contenu d'un bloc*/
  font-style: italic;
  margin: 0px 0px 3px 0px; }


/*FOND CATEGORIES*/

.forumline
{
background-color: transparent;
background-image: url('http://i1108.photobucket.com/albums/h419/Lady-Hell/test-1.png');
background-repeat: repeat-y;
padding-left: 20px;
padding-right: 18px;
border: none;
}

  
  
• Pour ton second point, je vois vraiment pas. Enfin si, mais j'ai jamais testé de faire des entêtes comme ça, d'ailleurs je vais pas tarder à essayer ^^". Donc désolé, mais sur ce point, je ne peux t'aider :s

Cordialement~~
Taktiik.

Merci ! Par contre, y me fait un truc étrange quand je passe ma souris dessus. Oo

Ok pas de soucis pour le second point, merci quand même !

Edit : Bon, j'ai finalement annulé le codage de fond via le Tuto.
Par contre, maintenant, j'aimerai que les sous titres soient à gauche, et qu'il soient en Time New Roman majuscule. Il zoom étrangement quand on va dessus, j'aimerais enlever ça !
De plus, je ne sais pas comment enlever les anciens codes de l’ancienne Page d’accueil et de l'ancienne QUEL....

Résolue, vous pouvez archiver.