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! | | | Balise gênante dans le CSS. |  |
|  Swan. 
{ Membre }
 Messages : 125
 | Bonjour, Je viens demander votre aide car actuellement, mon CSS m'informe d'une balise en trop. Parfois j'arrive à les détecter mais là rien à faire, quoi que je fasse, ça marche pas. Et ça bloque l'affichage de certaines choses. J'espérai donc avoir votre aide ... Merci d'avance. - Code:
-
.a {text-decoration: none!important;}
a:hover {text-decoration: none!important;}
a { text-decoration: none;
}
/*OPACITE IMAGE*/
.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;
}
/*fin opacité*/
/*CODE PA*/
.titre2 {
text-transform: lowercase;
letter-spacing: -2px;
font-family: times new roman;
font-style: italic;
text-align: center;
font-size: 50px;
color: #2B1515;
}
.arthur {
height: 140px;
border: 3px solid #391717; /* couleur des bords */
}
display: block;
padding-left: 10px;
padding-right: 10px;
text-align:justify;
line-height: 12px;
background-color: #391717; /* couleur du fond */
}
/*POLICE*/
quote, .code, .spoiler {
-moz-border-radius: 11px;}
a:hover {cursor:se-resize;}
a {font-variant: small-caps;}
tr.post span.gensmall { display: none; }
.postprofile dd, .postprofile dt {text-align: center;}
body{
cursor:crosshair;
}
a
{
text-decoration: none;
}
.quote { -moz-border-radius: 10px;}
.code { -moz-border-radius: 10px;}
a {
text-transform: lowercase ;
letter-spacing: 2px;}
}
/* CITATIONS SPOILERS ET CODES */
.quote
{font-family: Arial;
font-size: 12px;
color: #bfb399;
line-height: 100%;
background-color: #391717;
border-style: solid;
border: 1px solid #391717;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;}
}
.spoiler
{font-size: 12px;
line-height: 100%;
background-image: url(http://i48.servimg.com/u/f48/15/38/55/76/2hdxjf10.png);
border: 1px solid #391717;
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: #bfb399;
background-color:#391717;
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 #1A0A0A;
}
}
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;
}
a.nav img
{
width: 200px;
}
/* TITRES DES FORUMS */
a.forumlink {
font-style: italic;
font-size: 20px;
letter-spacing: 0px;
text-transform: uppercase;
letter-spacing: -2px;
font-weight: bolder;
font-family: times new roman;
text-shadow: 0px 0px 1px #ABA198;
color: #ABA198;}
a.forumlink:hover {
font-style: italic;
font-size: 20px;
letter-spacing: 0px;
text-transform: uppercase;
letter-spacing: -2px;
font-weight: bold;
font-family: times new roman;
text-shadow: 0px 0px 1px #bfb399;
color: #bfb399;}
/* PERSONNALISATION DES TITRES DES FORUMS */
a.forumlink:before {
content:" ☼ ";
font-size:20px;}
}
a.forumlink:hover:before {
content:" ☼ ";
font-size:20px;}
}
/*INFOBULLES*/
a.info{
position:relative;
z-index:24;
color:#bfb399;
text-decoration:none
}
a.info:hover{
z-index:25;
background-color:#391717
}
a.info span{
display: none
}
a.info:hover span{
display:block;
position:absolute;
top:2em; left:2em; width:15em;
border:1px solid #391717;
background-color:#391717;
color:#bfb399;
text-align: justify;
font-weight:none;
padding:5px;
}
/*FICHE PV ET SCENARIO*/
.fichenu {
-moz-border-radius : 70px 0px 0px 70px;
-webkit-border-radius : 0px 70px 0px 70px;
border-radius : 70px 0px 70px 0px ;
padding: 10px;
width: 90%;
background-color: #2B1515;
border: 2px solid #2B1515;
box-shadow: 2px 2px 4px black;
}
.titrenu {
background: #391717;
box-shadow: 2px 2px 4px black;
opacity: 0.7;
text-shadow: 1px 1px 2px #000000;
width: 320px ; height: 20px;
-moz-border-radius : 70px 0px 0px 70px;
-webkit-border-radius : 0px 70px 0px 70px;
border-radius : 70px 0px 70px 0px ;
padding: 9px;
font-size: 20px;text-transform: uppercase;
}
.boxnu {
margin: auto; padding: 10px;
-moz-border-radius : 70px 0px 0px 70px;
-webkit-border-radius : 0px 70px 0px 70px;
border-radius : 70px 0px 70px 0px ;
background: #391717;
border: 2px solid #391717;
text-align: justify;
opacity: 0.7;
width: 70%;
}
/*Qui est en ligne */
/*QEEL*/
.qui_est_là {
box-shadow: 2px 2px 4px black;
overflow : auto;
height: 120px;
background-color: #2B1515;
font-size: 10px;
font-style : blod;
}
.qui_était_là {
box-shadow: 2px 2px 4px black;
overflow : auto;
height: 120px;
background-color: #2B1515;
font-size: 12px;
font-style : blod;
}
.coupes {
box-shadow: 2px 2px 4px black;
overflow : auto;
height: 80px;
background-color: #2B1515;
font-size: 10px;
font-style : blod;
}
.portoloins {
box-shadow: 2px 2px 4px black;
overflow : auto;
height: 80px;
background-color: #2B1515;
font-size: 12px;
font-style : blod;
color: #fff;
}
.lien {
overflow : auto;
height: 50px;
font-size: 12px;
font-style : blod;
color: #9AA0A0;
text-align: center;
}
.titre1 {
font-family: Arial;
text-align: center;
color: #9AA0A0;
text-transform: capitalize;
letter-spacing: 5px;
font-size: 12px;
}
.table_1 td.row1{
background-image: none !important;
background-color: transparent !important;
border: none !important;
}
/*fin que QEEL*/
.onglet{
color: #B08787; /* couleur texte */
font-family: Georgia, Verdana, Arial, serif; /* police écriture */
background-color: #391717; /* couleur fond onglet */
display:inline-block;
margin-right:4px; /* marge entre les onglets */ 8. margin-bottom:-20px; /* marge entre onglet et catégorie */
padding:5px; /* marge entre le texte et les bords de l'onglet */
border:1px solid #1F0C0C; /* bordure onglet */
cursor:pointer;
-moz-border-radius: 7px 7px 7px 7px; /* arrondi les angles */
-webkit-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
}
.actif { /*Onglet survolé*/
color: #B08787;
background-color : #1F0C0C;
background: url(http://i41.servimg.com/u/f41/17/41/18/71/fontca10.png) no-repeat;
margin-right:8px;
padding:5px;
border:2px solid #1F0C0C; 24. cursor: pointer; 25. -moz-border-radius: 7px 7px 7px 7px;
-webkit-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
}
/*sujetetmessages*/
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 #391717;
background-color: #391717;}
.derniers_sujets
{margin-top: 3px; /* 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 #391717;
background-color: #391717;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;}
/*CETEGORIES*/
.messages_sujets_derniers_sujets {
margin-left: VALEURpx; /*espace entre le bord gauche et la bordure*/
padding-top: VALEURpx; /*espace entre le texte et la bordure du haut*/
padding-left: VALEURpx; /*espace entre le texte et la bordure gauche*/
padding-bottom: VALEURpx; /*espace entre le texte et la bordure du bas*/
padding-right: VALEURpx; /*espace entre le texte et la bordure droite*/
border-top: VALEURpx solid #COULEUR;
border-left: VALEURpx solid #COULEUR;
border-bottom: VALEURpx solid #COULEUR;
-moz-border-radius-topleft: VALEURpx; /*arrondir l'angle gauche du haut*/
-moz-border-radius-bottomleft: VALEURpx;/*arrondir l'angle gauche du bas*/
}
/*affichage derniers messages*/
.derniers_sujets {
padding: VALEURpx; /*espace entre le texte et la bordure*/
margin: VALEURpx; /*espace entre le bord et la bordure*/
border: VALEURpx dashed #COULEUR;
-moz-border-radius-topleft: VALEURpx; /*arrondir l'angle gauche du haut*/
-moz-border-radius-bottomright: VALEURpx; /*arrondir l'angle droit du bas*/
text-align: center;
}
/*PROFIL*/
#post_onlin{
background: url('http://nsa22.casimages.com/img/2012/02/25/120225075428873880.png') no-repeat;
position: absolute;
float: left;
width: 19px;
height: 115px;
margin-left: -20px;
margin-top: 120px;
padding: 0;
border: 0;
}
.postdetails.poster-profile a img {
border: 3px solid #e29c6e;
-moz-transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
box-shadow: 3px 3px 5px black;
-moz-box-shadow: 3px 3px 5px black;
-webkit-box-shadow: 3px 3px 5px black;
}
.postdetails.poster-profile a img:hover {
-moz-transform:rotate(-5deg);
-webkit-transform:rotate(-5deg);
-o-transform:rotate(-5deg);
-o-transform:rotate(-5deg);
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.infosprofil {
border-top: 2px dotted #e29c6e;
padding-top: 5px;
text-align: justify;
}
.cadreprofil {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 3px solid #391717;
padding: 5px;
background-color: #391717;
text-align: justify;
}
/* *********************************************************
Personnalisation des descriptions de catégories
Tutoriel par CSSACtif - http://www.css-actif.com/t9071-
************************************************************/
/* On s'occupe de la cellule contenant les liens */
.celluledesc-liens {
/* largeur de la cellule */
width:LARGEURpx;
/* on donne une apparence personnalisée à la cellule */
/* des bordures arrondies... */
-moz-border-radius : 10px 0px 0px 10px;
-webkit-border-radius : 0px 10px 0px 10px;
border-radius : 10px 0px 0px 10px;
}
/* un fond */
background : #391717 url('URL-IMG-FOND') top center no-repeat;
}
/* Puis on s'occupe des liens en question */
.celluledesc-liens a {
/* on transforme les liens en blocs */
display:block;
/* on centre le texte dans les blocs */
text-align:center;
/* on règle les marges extérieures haut/bas puis droite/gauche */
margin: 5px 0px;
/* on fait de même pour les marges intérieures (entre les bords et le texte) */
padding:2px 4px;
/* on donne une apparence personnalisée a ces liens-blocs */
border : 1px solid #391717; /* bordure */
background: #391717; /* couleur de fond */
/* on personnalise un peu le texte */
color : #COULEURTEXTE;
font-size: TAILLEpx; /* taille du texte */
letter-spacing:2px; /* espacement entre les lettres */
font-weight:bold; /* texte en gras */
/* ... etc */
}
/* On s'occupe de la cellule contenant le texte de description */
.celluledesc-texte {
text-align:justify; /* texte justifié */
padding:5px; /* marges intérieures */
/* on donne une apparence personnalisée à la cellule */
/* des bordures arrondies... */
-moz-border-radius : 0px 10px 0px 10px;
-webkit-border-radius : 0px 10px 0px 10px;
border-radius : 0px 0px 10px 0px;
/* un fond */
background : #391717 url('URL-IMG-FOND') top center no-repeat;
/* on personnalise un peu le texte */
color : #COULEURTEXTE;
font-size: TAILLEpx; /* taille du texte */
}
/* Puis on s'occupe de la description (en particulier le scroll automatique) */
.celluledesc-scroll {
height:HAUTEURpx; /* hauteur de la description */
overflow:auto; /* le scroll apparaît automatiquement si besoin */
padding:5px; /* marges intérieures, espacement par rapport à la barre de scroll */
}
/* *********************************************************
Personnalisation des descriptions de catégories [FIN]
************************************************************/
/*Decor boutons et cases*/
.contour:hover
{
border: 1px solid #111010;
padding-left: 5px;
padding-right: 5px;
word-spacing: 3px;
padding-top: 5px;
padding-bottom: 5px;
background-image:url(http://i1108.photobucket.com/albums/h419/Lady-Hell/pattern.png);
opacity: 2; line-height: 0.9;
}
#contour
{
border: 1px solid #111010;
padding-left: 5px;
word-spacing: 3px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #F3D6A2;
opacity: 2; line-height: 0.9;
}
#contour:hover
{
border: 1px solid #111010;
padding-left: 5px;
word-spacing: 3px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #F3D6A2;
opacity: 2; line-height: 0.9;
}
div.contour
{
border: 1px solid #403434;
padding-left: 5px;
word-spacing: 3px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #F3D6A2;
opacity: 2; line-height: 0.9;
}
div.contour:hover
{
border: 1px solid #F3D6A2;
padding-left: 5px;
word-spacing: 3px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #F3D6A2;
opacity: 2; line-height: 0.9;
}
div.contour2
{
font-size: 9px;
border: 1px dotted #F3D6A2;
padding-left: 5px;
word-spacing: 3px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #F3D6A2;
opacity: 2; line-height: 0.9;
}
div.contour2:hover
{
font-size: 9px;
word-spacing: 3px;
border: 1px dotted #F3D6A2;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #F3D6A2;
opacity: 2; line-height: 0.9;
}
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;
}
a.nav img
{
width: 200px;
}
.bodyline {-moz-border-radius:20px;}
i {color :#916A4D;}
b {color :#916A4D;}
u {color: #916A4D;border-bottom: 1px dashed #e29c6e;}
u {text-decoration: none;}
.quote, .code, .spoiler {
-moz-border-radius: 10px;}
tr.post span.gensmall { display: none; }
body { background-repeat: no-repeat; background-position: top center; background-attachment: scroll }
a:hover {cursor:se-resize;}
a {font-variant: small-caps;}
tr.post span.gensmall { display: none; }
.postprofile dd, .postprofile dt {text-align: center;}
body{
cursor:crosshair;
}
.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;
} | | |
| | | | Hiro
Ninja Codeur
 Messages : 1179
| Salut, regarde au niveau de la classe .arthur , tu as un } en trop après - Code:
-
border: 3px solid #391717; /* couleur des bords */
 | | |
| | | | Hiro
Ninja Codeur
Messages : 1179
| Voila ton css sans erreur (je dois t'avouer que c'est vraiment le bordel la dedans^^) - Code:
-
.a {text-decoration: none!important;}
a:hover {text-decoration: none!important;}
a { text-decoration: none;
}
/*OPACITE IMAGE*/
.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;
}
/*fin opacité*/
/*CODE PA*/
.titre2 {
text-transform: lowercase;
letter-spacing: -2px;
font-family: times new roman;
font-style: italic;
text-align: center;
font-size: 50px;
color: #2B1515;
}
.arthur {
height: 140px;
border: 3px solid #391717; /* couleur des bords */
display: block;
padding-left: 10px;
padding-right: 10px;
text-align:justify;
line-height: 12px;
background-color: #391717; /* couleur du fond */
}
/*POLICE*/
quote, .code, .spoiler {
-moz-border-radius: 11px;}
a:hover {cursor:se-resize;}
a {font-variant: small-caps;}
tr.post span.gensmall { display: none; }
.postprofile dd, .postprofile dt {text-align: center;}
body{
cursor:crosshair;
}
a
{
text-decoration: none;
}
.quote { -moz-border-radius: 10px;}
.code { -moz-border-radius: 10px;}
a {
text-transform: lowercase ;
letter-spacing: 2px;}
/* CITATIONS SPOILERS ET CODES */
.quote
{font-family: Arial;
font-size: 12px;
color: #bfb399;
line-height: 100%;
background-color: #391717;
border-style: solid;
border: 1px solid #391717;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
.spoiler
{font-size: 12px;
line-height: 100%;
background-image: url(http://i48.servimg.com/u/f48/15/38/55/76/2hdxjf10.png);
border: 1px solid #391717;
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: #bfb399;
background-color:#391717;
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 #1A0A0A;
}
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;
}
a.nav img
{
width: 200px;
}
/* TITRES DES FORUMS */
a.forumlink {
font-style: italic;
font-size: 20px;
letter-spacing: 0px;
text-transform: uppercase;
letter-spacing: -2px;
font-weight: bolder;
font-family: times new roman;
text-shadow: 0px 0px 1px #ABA198;
color: #ABA198;}
a.forumlink:hover {
font-style: italic;
font-size: 20px;
letter-spacing: 0px;
text-transform: uppercase;
letter-spacing: -2px;
font-weight: bold;
font-family: times new roman;
text-shadow: 0px 0px 1px #bfb399;
color: #bfb399;}
/* PERSONNALISATION DES TITRES DES FORUMS */
a.forumlink:before {
content:" ☼ ";
font-size:20px;
}
a.forumlink:hover:before {
content:" ☼ ";
font-size:20px;
}
/*INFOBULLES*/
a.info{
position:relative;
z-index:24;
color:#bfb399;
text-decoration:none
}
a.info:hover{
z-index:25;
background-color:#391717
}
a.info span{
display: none
}
a.info:hover span{
display:block;
position:absolute;
top:2em; left:2em; width:15em;
border:1px solid #391717;
background-color:#391717;
color:#bfb399;
text-align: justify;
font-weight:none;
padding:5px;
}
/*FICHE PV ET SCENARIO*/
.fichenu {
-moz-border-radius : 70px 0px 0px 70px;
-webkit-border-radius : 0px 70px 0px 70px;
border-radius : 70px 0px 70px 0px ;
padding: 10px;
width: 90%;
background-color: #2B1515;
border: 2px solid #2B1515;
box-shadow: 2px 2px 4px black;
}
.titrenu {
background: #391717;
box-shadow: 2px 2px 4px black;
opacity: 0.7;
text-shadow: 1px 1px 2px #000000;
width: 320px ; height: 20px;
-moz-border-radius : 70px 0px 0px 70px;
-webkit-border-radius : 0px 70px 0px 70px;
border-radius : 70px 0px 70px 0px ;
padding: 9px;
font-size: 20px;text-transform: uppercase;
}
.boxnu {
margin: auto; padding: 10px;
-moz-border-radius : 70px 0px 0px 70px;
-webkit-border-radius : 0px 70px 0px 70px;
border-radius : 70px 0px 70px 0px ;
background: #391717;
border: 2px solid #391717;
text-align: justify;
opacity: 0.7;
width: 70%;
}
/*Qui est en ligne */
/*QEEL*/
.qui_est_là {
box-shadow: 2px 2px 4px black;
overflow : auto;
height: 120px;
background-color: #2B1515;
font-size: 10px;
font-style : blod;
}
.qui_était_là {
box-shadow: 2px 2px 4px black;
overflow : auto;
height: 120px;
background-color: #2B1515;
font-size: 12px;
font-style : blod;
}
.coupes {
box-shadow: 2px 2px 4px black;
overflow : auto;
height: 80px;
background-color: #2B1515;
font-size: 10px;
font-style : blod;
}
.portoloins {
box-shadow: 2px 2px 4px black;
overflow : auto;
height: 80px;
background-color: #2B1515;
font-size: 12px;
font-style : blod;
color: #fff;
}
.lien {
overflow : auto;
height: 50px;
font-size: 12px;
font-style : blod;
color: #9AA0A0;
text-align: center;
}
.titre1 {
font-family: Arial;
text-align: center;
color: #9AA0A0;
text-transform: capitalize;
letter-spacing: 5px;
font-size: 12px;
}
.table_1 td.row1{
background-image: none !important;
background-color: transparent !important;
border: none !important;
}
/*fin que QEEL*/
.onglet{
color: #B08787; /* couleur texte */
font-family: Georgia, Verdana, Arial, serif; /* police écriture */
background-color: #391717; /* couleur fond onglet */
display:inline-block;
margin-right:4px; /* marge entre les onglets */ 8. margin-bottom:-20px; /* marge entre onglet et catégorie */
padding:5px; /* marge entre le texte et les bords de l'onglet */
border:1px solid #1F0C0C; /* bordure onglet */
cursor:pointer;
-moz-border-radius: 7px 7px 7px 7px; /* arrondi les angles */
-webkit-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
}
.actif { /*Onglet survolé*/
color: #B08787;
background-color : #1F0C0C;
background: url(http://i41.servimg.com/u/f41/17/41/18/71/fontca10.png) no-repeat;
margin-right:8px;
padding:5px;
border:2px solid #1F0C0C; 24. cursor: pointer; 25. -moz-border-radius: 7px 7px 7px 7px;
-webkit-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
}
/*sujetetmessages*/
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 #391717;
background-color: #391717;}
.derniers_sujets
{margin-top: 3px; /* 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 #391717;
background-color: #391717;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;}
/*CETEGORIES*/
.messages_sujets_derniers_sujets {
margin-left: VALEURpx; /*espace entre le bord gauche et la bordure*/
padding-top: VALEURpx; /*espace entre le texte et la bordure du haut*/
padding-left: VALEURpx; /*espace entre le texte et la bordure gauche*/
padding-bottom: VALEURpx; /*espace entre le texte et la bordure du bas*/
padding-right: VALEURpx; /*espace entre le texte et la bordure droite*/
border-top: VALEURpx solid #COULEUR;
border-left: VALEURpx solid #COULEUR;
border-bottom: VALEURpx solid #COULEUR;
-moz-border-radius-topleft: VALEURpx; /*arrondir l'angle gauche du haut*/
-moz-border-radius-bottomleft: VALEURpx;/*arrondir l'angle gauche du bas*/
}
/*affichage derniers messages*/
.derniers_sujets {
padding: VALEURpx; /*espace entre le texte et la bordure*/
margin: VALEURpx; /*espace entre le bord et la bordure*/
border: VALEURpx dashed #COULEUR;
-moz-border-radius-topleft: VALEURpx; /*arrondir l'angle gauche du haut*/
-moz-border-radius-bottomright: VALEURpx; /*arrondir l'angle droit du bas*/
text-align: center;
}
/*PROFIL*/
#post_onlin{
background: url('http://nsa22.casimages.com/img/2012/02/25/120225075428873880.png') no-repeat;
position: absolute;
float: left;
width: 19px;
height: 115px;
margin-left: -20px;
margin-top: 120px;
padding: 0;
border: 0;
}
.postdetails.poster-profile a img {
border: 3px solid #e29c6e;
-moz-transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
box-shadow: 3px 3px 5px black;
-moz-box-shadow: 3px 3px 5px black;
-webkit-box-shadow: 3px 3px 5px black;
}
.postdetails.poster-profile a img:hover {
-moz-transform:rotate(-5deg);
-webkit-transform:rotate(-5deg);
-o-transform:rotate(-5deg);
-o-transform:rotate(-5deg);
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.infosprofil {
border-top: 2px dotted #e29c6e;
padding-top: 5px;
text-align: justify;
}
.cadreprofil {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 3px solid #391717;
padding: 5px;
background-color: #391717;
text-align: justify;
}
/* *********************************************************
Personnalisation des descriptions de catégories
Tutoriel par CSSACtif - http://www.css-actif.com/t9071-
************************************************************/
/* On s'occupe de la cellule contenant les liens */
.celluledesc-liens {
/* largeur de la cellule */
width:LARGEURpx;
/* on donne une apparence personnalisée à la cellule */
/* des bordures arrondies... */
-moz-border-radius : 10px 0px 0px 10px;
-webkit-border-radius : 0px 10px 0px 10px;
border-radius : 10px 0px 0px 10px;
/* un fond */
background : #391717 url('URL-IMG-FOND') top center no-repeat;
}
/* Puis on s'occupe des liens en question */
.celluledesc-liens a {
/* on transforme les liens en blocs */
display:block;
/* on centre le texte dans les blocs */
text-align:center;
/* on règle les marges extérieures haut/bas puis droite/gauche */
margin: 5px 0px;
/* on fait de même pour les marges intérieures (entre les bords et le texte) */
padding:2px 4px;
/* on donne une apparence personnalisée a ces liens-blocs */
border : 1px solid #391717; /* bordure */
background: #391717; /* couleur de fond */
/* on personnalise un peu le texte */
color : #COULEURTEXTE;
font-size: TAILLEpx; /* taille du texte */
letter-spacing:2px; /* espacement entre les lettres */
font-weight:bold; /* texte en gras */
/* ... etc */
}
/* On s'occupe de la cellule contenant le texte de description */
.celluledesc-texte {
text-align:justify; /* texte justifié */
padding:5px; /* marges intérieures */
/* on donne une apparence personnalisée à la cellule */
/* des bordures arrondies... */
-moz-border-radius : 0px 10px 0px 10px;
-webkit-border-radius : 0px 10px 0px 10px;
border-radius : 0px 0px 10px 0px;
/* un fond */
background : #391717 url('URL-IMG-FOND') top center no-repeat;
/* on personnalise un peu le texte */
color : #COULEURTEXTE;
font-size: TAILLEpx; /* taille du texte */
}
/* Puis on s'occupe de la description (en particulier le scroll automatique) */
.celluledesc-scroll {
height:HAUTEURpx; /* hauteur de la description */
overflow:auto; /* le scroll apparaît automatiquement si besoin */
padding:5px; /* marges intérieures, espacement par rapport à la barre de scroll */
}
/* *********************************************************
Personnalisation des descriptions de catégories [FIN]
************************************************************/
/*Decor boutons et cases*/
.contour:hover
{
border: 1px solid #111010;
padding-left: 5px;
padding-right: 5px;
word-spacing: 3px;
padding-top: 5px;
padding-bottom: 5px;
background-image:url(http://i1108.photobucket.com/albums/h419/Lady-Hell/pattern.png);
opacity: 2; line-height: 0.9;
}
#contour
{
border: 1px solid #111010;
padding-left: 5px;
word-spacing: 3px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #F3D6A2;
opacity: 2; line-height: 0.9;
}
#contour:hover
{
border: 1px solid #111010;
padding-left: 5px;
word-spacing: 3px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #F3D6A2;
opacity: 2; line-height: 0.9;
}
div.contour
{
border: 1px solid #403434;
padding-left: 5px;
word-spacing: 3px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #F3D6A2;
opacity: 2; line-height: 0.9;
}
div.contour:hover
{
border: 1px solid #F3D6A2;
padding-left: 5px;
word-spacing: 3px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #F3D6A2;
opacity: 2; line-height: 0.9;
}
div.contour2
{
font-size: 9px;
border: 1px dotted #F3D6A2;
padding-left: 5px;
word-spacing: 3px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #F3D6A2;
opacity: 2; line-height: 0.9;
}
div.contour2:hover
{
font-size: 9px;
word-spacing: 3px;
border: 1px dotted #F3D6A2;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #F3D6A2;
opacity: 2; line-height: 0.9;
}
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;
}
a.nav img
{
width: 200px;
}
.bodyline {-moz-border-radius:20px;}
i {color :#916A4D;}
b {color :#916A4D;}
u {color: #916A4D;border-bottom: 1px dashed #e29c6e;}
u {text-decoration: none;}
.quote, .code, .spoiler {
-moz-border-radius: 10px;}
tr.post span.gensmall { display: none; }
body { background-repeat: no-repeat; background-position: top center; background-attachment: scroll }
a:hover {cursor:se-resize;}
a {font-variant: small-caps;}
tr.post span.gensmall { display: none; }
.postprofile dd, .postprofile dt {text-align: center;}
body{
cursor:crosshair;
}
.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;
}
Et, pour mettre en gras c'est : - Code:
-
font-weight:bold;
et non : - Code:
-
font-style:blod;
| | |
| | | | Swan.
{ Membre }
Messages : 125
| Ah ça soulage merci ! Euh oui je te crois sur parole, j'suis pas spécialement ordonnée avec les codages. Mais je m'y retrouve dans mon petit bordel.  Sujet résolu ! | | |
| | | | Psycho 
Psychopathe
Messages : 3407
| Hello (:
Si le sujet est résolu, je classe alors (:
N'hésite à rouvrir un autre sujet si tu as d'autres questions ! | | |
| | | | Contenu sponsorisé
| | | | | | | Balise gênante dans le CSS. | |
|
Sujets similaires | |
|
| | Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|
