Espacement entre les titres
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Espacement entre les titres
Bonjour,
Voilà, j'ai remarquer qu'il y a un problème d'espacement entre les titres de mes sujets.
En fait le problème c'est qu'il n'est pas égal. Et lorsque l'on passe la souri dessus (donc l'hover du lien), le lien change de place.
Et c'est vraiment dérangeant... Quelqu'un peux m'aider?
Mon CSS:
Voilà, j'ai remarquer qu'il y a un problème d'espacement entre les titres de mes sujets.
En fait le problème c'est qu'il n'est pas égal. Et lorsque l'on passe la souri dessus (donc l'hover du lien), le lien change de place.
Et c'est vraiment dérangeant... Quelqu'un peux m'aider?
- Spoiler:
Régulier:
Hover:
Mon CSS:
- Code:
html{
font-family: 'Quattrocento', serif;}
body{
/*margin-top:20px;*/
margin-bottom: 0px;
overflow-x:hidden;
background: url('http://imageshack.us/a/img20/5140/y1y0.jpg') no-repeat top center fixed;
/*background: #140000;
background: -moz-linear-gradient(top, #140000 0%, #000000 72%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#140000), color-stop(72%,#000000));
background: -webkit-linear-gradient(top, #140000 0%,#000000 72%);
background: -o-linear-gradient(top, #140000 0%,#000000 72%);
background: -ms-linear-gradient(top, #140000 0%,#000000 72%);
background: linear-gradient(to bottom, #140000 0%,#000000 72%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#140000', endColorstr='#000000',GradientType=0 ); */
}
.bodyline {
/*background-attachment: fixed;*/
/*top:60px;*/
position:center;
background-image: url("http://i37.servimg.com/u/f37/11/63/67/06/middle11.jpg");
background-repeat: repeat-y;
/*background-position: top center;*/
}
.secondarytitle /*background titre caté etc..*/
{
background: url('');
}
.topictitle a:hover{
decoration:none;
}
/*AVATAR MESSAGE RÉPONSE RAPIDE*/
#av_quickreply img{
position: relative;
top: 0px;
left: 60px;
width: 100px;
height:100^x;
overflow: hidden;
}
#av_quickreply {
float: left;
}
.icone{
float:left;
}
#text_editor_textarea{
background-image: url('http://img441.imageshack.us/img441/3942/middle2p.jpg');
}
#i_logo{
margin-left:-10px;
margin-right: 0px;
margin-top: -10px;
}
/* BARRE DE NAVIGATION*/
.titre_nav{
padding-left: 15px;
font-size: 15px;
font-family: 'Capriola', sans-serif;
margin-bottom: 10px;
color:#ddb266;
}
.navig{
padding: 0px;
/* margin: 0 0 0px 0;*/
position: absolute;
top: 60px;
left: 20px;
font-size: 10px;
display: block;
width:auto;
color: #9C532B;
max-width: 200px;
border: 2px solid #131313;
background-image: url("http://i41.servimg.com/u/f41/14/71/65/89/textur11.png");
border-radius: 20px 20px 20px 20px;
}
.navig a{
text-decoration:none!important;
/*color: transparent !important; */
display: block;
font-size: 11px;
font-family: 'Capriola', sans-serif;
font-weight: bold;
text-align: left;
/* text-transform: uppercase;*/
/* text-shadow: 0px 0px 4px #b17036;*/
letter-spacing: 1px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.navig:hover a{
text-shadow: 0px 0px 2px #9C532B;
}
.navig a:hover{
color: #ce0500 !important;
text-shadow: 0px 0px 4px #000;
padding-left: 10px;
}
/* Aligner le contenu du forum*/
.postbody, td.row1 span.gensmall {
text-align: justify !important;
display: block;
}
a{
text-decoration: none;
}
.nav{
margin-top:10px;
}
h1 { /* Titre pour de joli messages*/
font-family: 'Squada One', cursive;
font-size: 32px; /* Taille du texte: TAILLEpx */
text-shadow: 1px 1px 0px #000; /* Ombre du texte */
color: #d51731; /* Couleur du texte */
margin: 0; /* Supprime la marge par défaut de l'élément h1 */
text-align: right; /* Aligne le titre à droite */
text-transform: uppercase; /* Met le titre en majuscules */
}
.code{
font-family: Arno Pro;
font-size: 15px;
color: #9b6b6b;
line-height: 125%;
background-color: #6e0502;
border: #FFFFFF;
border-style: solid;
border: 1px #FFFFFF dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px
-moz-border-radius: 10px 10px 10px 10px; /*pour les arrondis*/
-webkit-border-radius: 10px 10px 10px 10px;
-border-radius: 10px 10px10px 10px;}
.quote {
background-image: url('http://img829.imageshack.us/img829/4418/fondnt.png') !important;
background-repeat: repeat !important;
background-position: left top !important;
padding: 20px;
border: 1px dashed #ffffff;
color: #ffffff;
}
.spoiler_closed{ /*lorsque le spoiler est masqué*/
border: 2px #000000 dashed; /*pour la bordure*/
-moz-border-radius: 10px 10px 10px 10px; /*pour les arrondis*/
-webkit-border-radius: 10px 10px 10px 10px;
-border-radius: 10px 10px10px 10px;
padding : 10px;
height: 10px; /* hauteur du spoiler lorsqu'il est caché*/
background-color: #500104;
}
.spoiler_content{/*lorsque le spoiler est ouvert*/
border: 2px #000000 dashed; /*pour la bordure*/
-moz-border-radius: 10px 10px 10px 10px; /*pour les arrondis*/
-webkit-border-radius: 10px 10px 10px 10px;
-border-radius: 10px 10px10px 10px;
color: #ffffff; /*couleur de la police*/
background-image: url('http://img829.imageshack.us/img829/4418/fondnt.png') !important;
padding : 10px;
}
/*sélectionner les codes*/
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
/*Début corps de message*/
.entour_message {
width: 90%;
padding: 10px;
margin-left:auto !important;
margin-right:auto !important;
border: 2px dashed #897963;
border-top:0px;
border-bottom: 0px;
/*background-image: url('http://img829.imageshack.us/img829/4418/fondnt.png');*/
background-repeat: repeat;
padding: 10px;
margin: 10px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-o-border-radius-bottomleft: 5px;
-o-border-radius-bottomright: 5px;
-o-border-radius-topleft: 5px;
-o-border-radius-topright: 5px;
}
/*Fin corps de message*/
/* **************************AVATAR******************************* */
/* Code par Hiro pour CSSACTIF
Merci de ne pas supprimer cette mention
(http://www.css-actif.com) */
#englob { /* Encadrement global des 2 divs */
position:relative;
width:220px;
height:440px;
overflow:hidden; /* Permet de cacher ce qui dépasse */
border: 2px solid #131313;
border-radius: 20px 20px 20px 20px;
}
.imgp {
background-image: url("http://i41.servimg.com/u/f41/14/71/65/89/textur11.png");
border-radius: 20px 20px 20px 20px;
position:absolute; /* Laissez comme ceci */
top:0;/* Laissez comme ceci */
left:0;/* Laissez comme ceci */
width:100%;/* Laissez comme ceci */
height:100%;/* Laissez comme ceci */
z-index:1;/* La position par rapport à l'autre div qui contient les infos */
-webkit-transition:all 1.5s;/* Laissez comme ceci */
-moz-transition:all 1.5s;/* Laissez comme ceci */
-o-transition:all 1.5s;/* Laissez comme ceci */
-ms-transition:all 1.5s;/* Laissez comme ceci */
transition:all 1.5s;/* Laissez comme ceci */
}
#englob:hover > .imgp {
margin-top:250px; /* Lorsque la souris passe sur la div #englob, on fait glisser l'image vers le bas de 200px */
border-radius: 20px 20px 20px 20px;
}
.infosp {
padding-left: 20%;
padding-right:20%;
border-radius: 20px 20px 20px 20px;
background-image: url("http://i74.servimg.com/u/f74/11/63/67/06/tete210.jpg"); /* le bg de la div qui contient les infos*/
position:absolute;/* Laissez comme ceci */
top:0;/* Laissez comme ceci */
left:0;/* Laissez comme ceci */
width:100%;/* Laissez comme ceci */
height:100%;/* Laissez comme ceci */
z-index:0;/* La position par rapport à l'autre div qui contient les infos (ici en dessous)*/
opacity:0;/* on met l'opacité à zero pour un effet stylé */
margin-left:-200px;/* on décale la div de 200px, elle est invisible grâce a l'overflow:hidden de #englob */
-webkit-transition:all 0.5s;/* Laissez comme ceci */
-moz-transition:all 0.5s;/* Laissez comme ceci */
-o-transition:all 0.5s;/* Laissez comme ceci */
-ms-transition:all 0.5s;/* Laissez comme ceci */
transition:all 0.5s;/* Laissez comme ceci */
}
#englob:hover > .infosp {
opacity:1;/* Lorsque la souris passe sur la div #englob, on augmente l'opacité des infos */
margin-left:0px;/* et on décale cette div à 0px (position par défaut) */
}
/*profil dans le message*/
.test {
/*border: 10px solid #fff;*/
}
/*PSEUDO*/
.pseudo{
font-size: 20px;
font-family: 'Courgette', cursive;
margin-top: 20px;
}
/* RANG */
.rang_mess{
font-variant: small-caps ;
font-size: 13px;
text-shadow: 2px 2px 2px #000;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=2);
zoom: 1;
}
/* ***************** CSS DE LA PAGE D'ACCUEIL ********************
by mimizZ | www.graph-forum.com
Droit à la modification des couleurs et du fond uniquement
****************************************************************** */
#EnTete {
position:relative;
/* largeur et hauteur de l'image */
width:800px;
height:500px;
}
#EnTete #Bande {
position:absolute;
/* positionnement de la bande par rapport à la page d'accueil */
left:119px;
top:100px;
/* largeur et hauteur de la bande */
width:531px;
height:72px;
background-image: url('http://img15.hostingpics.net/pics/776869Bandeau.png');
}
.titre2 { /* TITRE "PRÉSENTATION */
position:absolute;
/* positionnement de la banche par rapport à l'image */
left:155px;
top:16px;
font-family:Helvetica Neue;
text-transform:uppercase;
color:#535353;
font-weight:bold;
font-size:24px;
letter-spacing:-1px;
text-shadow:1px 1px 1px #fff;
}
.titre2:hover {color:#00abea;}
a:link{ cursor: pointer;}
a, a:hover {text-decoration:none;}
.titre_pers { /* TITRE "PERSONNAGES PRÉDÉFINIS */
/* position:absolute;*/
/* positionnement de la banche par rapport à l'image */
/* left:155px;
top:16px;*/
margin-top: 20px;
font-family:Helvetica Neue;
text-transform:uppercase;
color:#535353;
font-weight:bold;
font-size:24px;
letter-spacing:-1px;
text-shadow:1px 1px 1px #fff;
}
.titre_pers:hover {color:#00abea;}
a:link{ cursor: pointer;}
a, a:hover {text-decoration:none;}
.titre { /* TITRE " BIENVENUE SUR LE FORUM " */
font-family:Parisienne;
/*text-transform:uppercase;*/
letter-spacing:-1px;
font-weight:bold;
font-size:80px;
color:#6e0502;
text-shadow: 1px 2px 1px #c3c3c3;
text-align:center;
/* -webkit-border-radius: 10px;
-webkit-border-bottom-right-radius: 40px;
-webkit-border-bottom-left-radius: 40px;
-moz-border-radius: 10px;
-moz-border-radius-bottomright: 40px;
-moz-border-radius-bottomleft: 40px;
border-radius: 10px;
border-bottom-right-radius: 40px;
border-bottom-left-radius: 40px;
background-color:#454444;
border-bottom: 3px solid #cccccc;
padding:5px;*/
}
.titre:hover {letter-spacing:0px;}
.presentation { /* CADRE ROUGE " PLAISIR COUPABLE " */
margin-right:-4px;
margin-left:-10px;
background-color:#6e0502;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
box-shadow: 0px 0px 5px #000;
width:430px;
height:300px;
padding-bottom:8px;
padding-left:16px;
padding-right:16px;
padding-top:50px;
}
.presentation p { /* ZONE DE TEXTE PRÉSENTATION */
background-color:#FFF;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
border-bottom: 3px solid #bd0500;
border-left: 3px solid #bd0500;
border-right: 3px solid #bd0500;
color:#666;
font-family:calibri;
font-size:13px;
text-align:justify;
padding:20px;
height: 250px;
overflow: scroll;
overflow-x: hidden;}
/*SCROLLBAR*/
/*modifier l'apparence des scrollbars de tout le forum*/
::-webkit-scrollbar {
width: 10px; /*largeur de la scrollbar verticale*/
height: 5px; /*hauteur de la scrollbar horizontale*/
background-color: #000000;}
::-webkit-scrollbar-track {
background-color: #6e0502; /*couleur du fond de la scrollbar*/}
::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
background-color: #000000 /*couleur de l'ascenseur*/;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
.navigation { /* LIENS */
font-family:"Courier New", Courier, monospace;
text-transform:uppercase;
-webkit-border-top-left-radius: 30px;
-webkit-border-bottom-left-radius: 30px;
-moz-border-radius-topleft: 30px;
-moz-border-radius-bottomleft: 30px;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
width:125px;
background-color:#bd0500;
font-size:12px;
text-align:center;
text-shadow:0px 0px 3px #666;
margin-left:15px;
margin-top:12px;
padding: 3px;
border-bottom:2px solid #814634;
}
.navigation:hover {
background-color:#fff15f;
text-shadow:0px 0px 3px #fff;
letter-spacing:1px;
border-bottom:2px solid #ffd05f;
}
.navigation a {color:#FFF} /* COULEUR DES LIENS */
.navigation a:hover {color:#F60} /* COULEUR DES LIENS AU SURVOL */
.annonces { /* ANNONCES QUI DÉFILENT */
width:170px;
max-height:185px;
-webkit-border-top-right-radius: 30px;
-webkit-border-bottom-right-radius: 30px;
-moz-border-radius-topright: 30px;
-moz-border-radius-bottomright: 30px;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
background-color:#bd0500;
padding-top:8px;
padding-bottom:8px;
padding-right:10px;
box-shadow: 1px 0px 4px #000;
border-left:thin solid #000;
text-align:center;
}
.titre3 { /* TITRE " ANNONCE " */
color:#ffe699;
font-size:19px;
font-family:helvetica neue;
text-transform:uppercase;
letter-spacing:-1px;
font-weight:bold;
text-align:center;
text-shadow: 2px 2px 1px #4a4179;
}
.titre3:hover {
color:#d6c8f5;
letter-spacing:0px;
}
.annonces p { /* ZONE DE TEXTE " ANNONCES */
color:#666;
font-family:calibri;
font-size:13px;
background-color:#FFF;
-webkit-border-top-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomright: 20px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
text-align:left;
padding:8px;
border-right:3px solid #d6c8f5;
border-bottom:3px solid #d6c8f5;
}
.html-marquee {height:125px;} /* PERMET DE LE DÉFILEMENT DES ANNONCES, NE PAS TOUCHER ! */
.html-marquee2 {height:40px;} /* PERMET DE LE DÉFILEMENT DES PARTENAIRES, NE PAS TOUCHER ! */
.partenaires { /* CADRE DES PARTENAIRES + TITRE */
width:500px;
background-color:#6e0502;
box-shadow: 0px 0px 5px #000;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
padding-left:250px;
padding-right:10px;
padding-top:1px;
padding-bottom:1px;
background-image: url('http://img15.hostingpics.net/pics/874614Partenaires.png');
background-repeat:no-repeat;
background-position: left center;
}
.partenaires p { /* ZONE OÙ LES LOGOS SONT MIS */
background-color:#FFF;
height:40px;
padding:6px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
border-bottom: 3px solid #f3c200;
border-right: 3px solid #f3c200;
border-left: 3px solid #f3c200;
}
.partenaires img { /* OMBRE PORTÉE SUR LES LOGOS DE PARTENARIAT */
box-shadow: 0px 0px 4px #999; }
.credits { /* NE PAS ENLEVER ! */
font-family:calibri;
font-size:12px;
color:#494949;
padding:10px;
text-shadow: 0px 0px 4px #000;
text-align:center; }
.credits a {color:#660505;}
.credits a:hover {color:#ea69a0;}
.pers { /* Cadre des personnages */
margin-left: 40px; /* marge externe */
}
.pers img { /* Image des personnages */
float: left; /* Place à gauche du texte */
width: 50px; /* Grandeur de l'image */
height: 50px; /* Grandeur de l'image */
border: 3px solid #7fbf33; /* Bordure de l'image */
/* Arrondissement des bordures */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
/* Transformation */
-moz-transform: rotate(-12deg) translate(0px, -5px) ;
-webkit-transform: rotate(-12deg) translate(0px, -5px) ;
-o-transform: rotate(-12deg) translate(0px, -5px) ;
-ms-transform: rotate(-12deg) translate(0px,-5px) ;
transform: rotate(-12deg) translate(0px, -5px);
}
/* ********************* FIN DU CODE DE LA PA ******************************************************************************** */
/* *****************MISE EN FORME DES CATEGORIES ET FORUMS****************
*************************************************************************** */
.contenu_bloc{
margin-bottom: 20px;
}
.cate_titre {
clear: both;
height: 200px;
margin-top: 50px;
}
/*mettre l'image pour le titre de catégorie ici*/
.catetitre_bloc {
-moz-transform: rotate(0deg);
background-image: url("http://img717.imageshack.us/img717/8324/catgorie2.png");
background-repeat: no-repeat;
z-index: 1;
display: block;
height: 200px;
weight: auto;
margin-left: auto;
margin-right: auto;
margin-top: -10px;
position: relative;
width: 680px;
z-index: 1;
}
.catetitre_content {
border-bottom: 0 dotted #191817;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: -80px;
padding: 2px;
/* position: absolute;*/
text-align: center;
width: 730px;
z-index: 2;
}
.catetitre {
color: #9C532B;
font-family: 'Iceberg', cursive;
z-index: 3;
font-size: 26px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 0px #000000;
margin-top: 50px;
}
.forum_bloc {
width: 950px;
margin-left: auto;
margin-right: auto;
margin-top: -30px;
}
.forum {
float: left;
width: 400px;
height: 250px;
margin-left: 40px;
margin-right: 5px;
margin-bottom: 100px;
}
a.forumlink {
margin-top:20px; /*pour augmenter la distance entre le titre et les sous-titres*/
position: relative;
z-index: 2;
display: block;
width: 100%;
color: #454545;
text-align: center;
font-family:'The Girl Next Door', cursive;
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 0px #000000;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
a.forumlink:hover {
letter-spacing: 4px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.forum_contenu {
position: relative;
z-index: 1;
width: 98%;
height: 90%;
padding: 4px;
margin-left: auto;
margin-right: auto;
margin-top: -8px;
background-color: #0c0200;
background-image: url('http://i74.servimg.com/u/f74/11/63/67/06/dark_w10.png');
border-left: 10px solid #0c0200;
border-right: 10px solid #0c0200;
border-bottom: 10px solid #0c0200;
border-top: 10px solid #0c0200;
-moz-border-radius: 40px 0px 0px 0px;
-webkit-border-radius: 40px 0px 0px 0px;
border-radius: 40px 0px 0px 0px;
}
.description {
display: block;
width: 350px;
margin: auto;
height: 100px;
overflow: hidden;
border: 2px solid #191817;
box-shadow: 1px 1px 1px #191817;
-moz-box-shadow: 1px 1px 1px #191817;
-htm-box-shadow: 1px 1px 1px #191817;
-webkit-box-shadow: 1px 1px 1px #191817;
-o-box-shadow: 1px 1px 1px #191817;
}
.description_contenu {
position: absolute;
display: block;
width: 340px;
height: 91px;
overflow: auto;
background-color: #191817;
font-size: 10px;
color: #9c9c9c;
text-align: jutsify;
padding: 5px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.description_contenu:hover {
opacity: 0.8;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
filter: alpha(opacity=80);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.icone_stats {
width: 300px;
margin: auto;
margin-top: -30px;
}
.stats_lastpost {
display: block;
width: 160px;
height: 80px;
position: absolute;
left: 200px;
color: #b78855;
background-color: #6d6c6c;
border: 1px solid #737373;
padding: 5px;
text-align: center;
margin-top: -40px;
-moz-border-radius: 40px 0px 0px 0px;
-webkit-border-radius: 40px 0px 0px 0px;
border-radius: 40px 0px 0px 0px;
}
.stats {
display: block;
margin-bottom: 5px;
border-bottom: 1px dotted #b5b5b5;
padding-bottom: 5px;
font-size: 10px;
color: #c1c0bf;
}
.lastpost {
display: block;
font-size: 11px;
color: #caac8c;
}
.lastpost a{
color: #caac8c;
}
.sforum {
position: relative;
z-index: 3;
display: block;
height: 0;
background: #0C0200;
color: #b5b5b5;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.ouverture_sousforum {
position: relative;
z-index: 3;
display: block;
float: right;
width: 120px;
margin-right: 20px;
margin-bottom: 50px;
background: #0C0200;
color: #b5b5b5;
font-size: 11px;
text-align: center;
padding: 4px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.sous_forum:hover .sforum {
height: 50px;
background: #0C0200;
color: #b5b5b5;
padding: 4px;
overflow: auto;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.sous_forum a {
color: #b5b5b5 !important;
text-shadow: 1px 1px 0px #000000;
}
.sous_forum a:hover {
color: #ffffff !important;
}
/* ************************ MISE EN PAGE DU FOOTER****************************
****************************************************************************** */
#newbottom {
clear: both;
background-image: url('http://i74.servimg.com/u/f74/11/63/67/06/bottom10.png');
background-repeat: no-repeat;
background-position: center;
height: 316px;
width: 1080px;
margin-top:0px;
margin-left:auto;
margin-right:auto;
margin-bottom: 20px;
}
#credit_foot{
position:relative;
top:100px;
left: 700px;
font-family:'The Girl Next Door', cursive;
color: #4f0408;
}
/* =================================
PERSONNALISATION DU QUI EST EN LIGNE
====================================
Code proposé par Sayuri
Corrigé par CSSActif
==================================== */
/* conteneur du QEEL */
.QeelPerso {
border: 4px dotted #ab9474; /* bordure : épaisseur style couleur */
padding:10px 5px; /* espacement du contenu par rapport à la bordure */
background-color:#cdb189; /* couleur de fond */
/* coins arrondis (tous navigateurs) */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
width: 90%;
margin-left: auto;
margin-right:auto;
}
/* Centrage de l'image du QEEL */
.ImgQeel {text-align:center;}
/* Mise en forme des liens vers les groupes */
.ListeGroupes a {
font-size:13px; /* taille du texte */
font-weight:bold; /* épaisseur du texte */
font-style:italic; /* texte en italique */
text-transform:lowercase; /* texte en minuscules */
text-decoration: none!important; /* pas de soulignement du lien */
letter-spacing:1px; /* espacement des lettres */
}
/* Couleurs des groupes */
a.groupe1 { color:#B31919 ; }
a.groupe2 { color:#801E00 ; }
a.groupe3 { color:#BD2F04 ; }
a.groupe4 { color:#D65933 ; }
a.groupe5 { color:#B8952C ; }
a.groupe6 { color:#568F47 ; }
a.groupe7 { color:#478F83 ; }
a.groupe8 { color:#876299 ; }
/* Mise en forme des cellules de statistiques */
.statistiques {
background-color: #cdb189; /* couleur de fond */
border: 4px dotted #ab9474; /* bordure : épaisseur style couleur */
padding:10px;
margin:10px;
text-align:left; /* alignement texte */
/* coins arrondis */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
/* Limitation en hauteur des blocs de statistiques */
.BlocStats {
overflow:auto;
max-height: 200px; /* hauteur maxi */
}
/* Debuggage : on retire le fond de la liste des dernières 24h */
.DeBug td.row1 { background : none; }
/* =================================
PERSONNALISATION DU QUI EST EN LIGNE (fin)
==================================== */
/* ------------- FICHE RPG
Créee par Orange de CSSActif (http://www.css-actif.com)
Merci de conserver cette mention par respect ----------------------------------------------------------- */
div.cssactif_fiche { /* Fond de la fiche */
background-color: #1D1D1D; /* Couleur de fond */
width:600px;
margin-left: auto;
margin-right: auto;
-webkit-border-radius: 20px; /* Bordures arrondies (voir: http://border-radius.com/) */
-moz-border-radius: 20px;/* Bordures arrondies (voir: http://border-radius.com/) */
border-radius: 20px;/* Bordures arrondies (voir: http://border-radius.com/) */
-webkit-box-shadow: 0px 0px 10px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
-moz-box-shadow: 0px 0px 10px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
box-shadow: 0px 0px 10px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
}
div.cssactif_fiche_header { /* En-tête avec image de fond */
background-repeat: none; /* Empêche la répétition de l'image du header */
background-position: top center; /* Postionne l'image du header en haut, au center */
height: 150px; /* Donne la hauteur en px du header, l'image de header devrait être même hauteur ou plus grande */
border-bottom: 15px double #690f1c; /* Bordure au bas du header: ÉPAISSEURpx STYLE #COULEUR (voir: http://www.css-actif.com/t66-css-cours-elementaire-1-le-groupement#border-style) */
margin-top: -20px;
/* Bordures supérieures arrondies (voir: http://border-radius.com/) */
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
div.cssactif_fiche_titre h1 { /* Titre prénoms & nom */
font-family: Georgia, "Times New Roman", Times, serif; /*Police du titre (voir: http://www.css-actif.com/t66-css-cours-elementaire-1-le-groupement#forme_caracteres) */
font-size: 32px; /* Taille du texte: TAILLEpx */
text-shadow: 1px 1px 0px #000; /* Ombre du texte */
color: #d51731; /* Couleur du texte */
margin: 0; /* Supprime la marge par défaut de l'élément h1 */
text-align: right; /* Aligne le titre à droite */
text-transform: uppercase; /* Met le titre en majuscules */
}
div.cssactif_fiche_titre { /* Titre + feat */
/* Positionne le titre "à cheval" sur la bordure */
position: relative;
top: -28px;
text-align: right; /* Aligne le texte à droite */
padding-right: 20px; /* Défifine une marge interne */
color: #CCCCCC; /* Couleur du feat */
}
div.cssactif_fiche h2 { /* Sous-titres "Identité", "Opinions" etc. */
background-color: #111111; /* Couleur du fond des sous-titres */
border-color: #6a0e1b; /* Couleur de la bordure */
border-width: 1px 0px; /* Taille de la bordure: HAUT & BAS GAUCHE & DROITE */
border-style: solid; /* Style de la bordure */
-webkit-box-shadow: 0px 0px 3px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
-moz-box-shadow: 0px 0px 3px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
box-shadow: 0px 0px 3px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
text-align: center; /* Aligne le titre au centre */
text-transform: uppercase; /* Met le titre en majuscules */
font-family: Georgia, "Times New Roman", Times, serif; /*Police du titre (voir: http://www.css-actif.com/t66-css-cours-elementaire-1-le-groupement#forme_caracteres) */
color: #921628; /* Couleur du titre */
margin: 0; /* Supprimer marge */
font-size: 20px; /* TAILLE DU TEXTE: TAILLEpx */
font-weight: normal; /*Épaisseur du texte */
text-shadow: 1px 1px 0px #000; /*Ombre du texte */
letter-spacing: 5px; /* Espacement des caractères */
}
.cssactif_fiche_content { /* Contenu */
padding: 10px; /* Marge interne */
text-align: justify; /* Justifie le texte */
text-shadow: 1px 1px 0px #000; /*Ombre du texte */
}
.cssactif_fiche em { /* Libellés */
font-family: Georgia, "Times New Roman", Times, serif; /*Police du titre (voir: http://www.css-actif.com/t66-css-cours-elementaire-1-le-groupement#forme_caracteres) */
color: #921628; /* Couleur du titre */
font-style: normal;
text-transform: uppercase;
}
/* ------------- FIN FICHE RPG */
/* ------------- FICHE PV
Créee par Orange de CSSActif (http://www.css-actif.com)
Merci de conserver cette mention par respect ----------- */
.cssactif_pv { /* Fond de la fiche */
background-color: #1D1D1D; /* Couleur de fond */
width:80%;
margin-left: auto;
margin-right:auto;
-webkit-border-radius: 20px; /* Bordures arrondies (voir: http://border-radius.com/) */
-moz-border-radius: 20px;/* Bordures arrondies (voir: http://border-radius.com/) */
border-radius: 20px;/* Bordures arrondies (voir: http://border-radius.com/) */
-webkit-box-shadow: 0px 0px 10px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
-moz-box-shadow: 0px 0px 10px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
box-shadow: 0px 0px 10px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
margin-top:10px;
}
td.cssactif_pv_header { /* En-tête avec image de fond */
background-repeat: no-repeat; /* Empêche la répétition de l'image du header */
background-position: top center; /* Postionne l'image du header en haut, au center */
width: 200px; /* Donne la largeur de la bannière latérale (Largeur de l'avatar) */
height: 320px; /* Donne la hauteur en px du header, l'image de header devrait être même hauteur ou plus grande (Hauteur de l'avatar) */
border-right: 15px double #921628; /* Bordure côté du header: ÉPAISSEURpx STYLE #COULEUR (voir: http://www.css-actif.com/t66-css-cours-elementaire-1-le-groupement#border-style) */
/* Bordures gauche arrondies (voir: http://border-radius.com/) */
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomleft: 20px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
text-shadow: 1px 1px 0px #000; /* Ombre du texte */
font-size: 10px; /* Taille du texte: TAILLEpx */
}
div.cssactif_pv_titre h1 { /* Titre prénoms & nom */
font-family: Georgia, "Times New Roman", Times, serif; /*Police du titre (voir: http://www.css-actif.com/t66-css-cours-elementaire-1-le-groupement#forme_caracteres) */
font-size: 32px; /* Taille du texte: TAILLEpx */
text-shadow: 1px 1px 0px #000; /* Ombre du texte */
color: #d51731; /* Couleur du texte */
margin: 0; /* Supprime la marge par défaut de l'élément h1 */
text-align: right; /* Aligne le titre à droite */
text-transform: uppercase; /* Met le titre en majuscules */
}
div.cssactif_pv_titre { /* Titre + feat */
/* Positionne le titre "à cheval" sur la bordure */
position: relative;
top: -28px;
text-align: right; /* Aligne le texte à droite */
padding-right: 20px; /* Défifine une marge interne */
color: #CCCCCC; /* Couleur du feat */
}
.cssactif_pv h2 { /* Sous-titres "Identité", "Opinions" etc. */
background-color: #111111; /* Couleur du fond des sous-titres */
border-color: #6a0e1b; /* Couleur de la bordure */
border-width: 1px 0px; /* Taille de la bordure: HAUT & BAS GAUCHE & DROITE */
border-style: solid; /* Style de la bordure */
-webkit-box-shadow: 0px 0px 3px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
-moz-box-shadow: 0px 0px 3px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
box-shadow: 0px 0px 3px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
text-align: center; /* Aligne le titre au centre */
text-transform: uppercase; /* Met le titre en majuscules */
font-family: Georgia, "Times New Roman", Times, serif; /*Police du titre (voir: http://www.css-actif.com/t66-css-cours-elementaire-1-le-groupement#forme_caracteres) */
color: #921628; /* Couleur du titre */
margin: 0; /* Supprimer marge */
font-size: 20px; /* TAILLE DU TEXTE: TAILLEpx */
font-weight: normal; /*Épaisseur du texte */
text-shadow: 1px 1px 0px #000; /*Ombre du texte */
letter-spacing: 5px; /* Espacement des caractères */
}
.cssactif_pv_content { /* Contenu */
padding: 10px; /* Marge interne */
text-align: justify; /* Justifie le texte */
text-shadow: 1px 1px 0px #000; /*Ombre du texte */
color: #855428;
}
.cssactif_pv em { /* Libellés */
font-family: Georgia, "Times New Roman", Times, serif; /*Police du titre (voir: http://www.css-actif.com/t66-css-cours-elementaire-1-le-groupement#forme_caracteres) */
color: #921628; /* Couleur du titre */
font-style: normal;
text-transform: uppercase;
}
div.infobulle {
position: relative;
cursor:pointer; /*donne au curseur la forme de petite main, comme sur un lien*/
display: inline-block; /*Place les icones un à côté de l'autre */
margin-right: 10px; /* marge entre les icones */
margin-bottom: -20px;
}
div.infobulle img {
height: 50px;
width: 50px;
border: 1px solid #333; /* bordure des icones */
-webkit-box-shadow: 0px 0px 5px 0px #000000; /* Ombre de l'icone (voir http://css3generator.com/ choix "Box-shadow") */
-moz-box-shadow: 0px 0px 5px 0px #000000; /* Ombre de l'icone (voir http://css3generator.com/ choix "Box-shadow") */
box-shadow: 0px 0px 5px 0px #000000; /* Ombre de l'icone (voir http://css3generator.com/ choix "Box-shadow") */
}
div.infobulle div{
display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
}
div.infobulle:hover div{
display: block; /* ceci affiche l'infobulle */
position: absolute;
width: 300px; /* Largeur de l'infobulle */
top: 50px; /* on positionne notre infobulle */
left: 0px;
background-color: #1D1D1D; /* Couleur de fond */
-webkit-border-radius: 20px; /* Bordures arrondies (voir: http://border-radius.com/) */
-moz-border-radius: 20px;/* Bordures arrondies (voir: http://border-radius.com/) */
border-radius: 20px;/* Bordures arrondies (voir: http://border-radius.com/) */
-webkit-box-shadow: 0px 0px 10px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
-moz-box-shadow: 0px 0px 10px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
box-shadow: 0px 0px 10px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
border-left: 6px double #921628;
padding: 10px; /* marge interne de l'infobulle */
}
/* ------------- FIN FICHE PV------------------------- */
/* *************************** PV DANS LA PA ****************************
************************************************************************* */
div.infobulle2 {
position: relative;
cursor:pointer; /*donne au curseur la forme de petite main, comme sur un lien*/
display: inline-block; /*Place les icones un à côté de l'autre */
margin-right: 7px; /* marge entre les icones */
margin-bottom: 7px;
border: 1px solid #333; /* bordure des icones */
height: 30px;
width: 30px;
-webkit-box-shadow: 0px 0px 5px 0px #000000; /* Ombre de l'icone (voir http://css3generator.com/ choix "Box-shadow") */
-moz-box-shadow: 0px 0px 5px 0px #000000; /* Ombre de l'icone (voir http://css3generator.com/ choix "Box-shadow") */
box-shadow: 0px 0px 5px 0px #000000; /* Ombre de l'icone (voir http://css3generator.com/ choix "Box-shadow") */
}
div.infobulle2 img {
height: 30px;
width: 30px;
}
div.infobulle2 div{
display: none; /* ceci masque l'infobulle */
}
div.infobulle2:hover {
background: none; /* correction d'un bug IE */
z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
}
div.infobulle2:hover div{
display: block; /* ceci affiche l'infobulle */
position: absolute;
width: 300px; /* Largeur de l'infobulle */
top: 20px; /* on positionne notre infobulle */
left: 0px;
background-color: #1D1D1D; /* Couleur de fond */
-webkit-border-radius: 20px; /* Bordures arrondies (voir: http://border-radius.com/) */
-moz-border-radius: 20px;/* Bordures arrondies (voir: http://border-radius.com/) */
border-radius: 20px;/* Bordures arrondies (voir: http://border-radius.com/) */
-webkit-box-shadow: 0px 0px 10px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
-moz-box-shadow: 0px 0px 10px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
box-shadow: 0px 0px 10px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
border-left: 6px double #921628;
padding: 10px; /* marge interne de l'infobulle */
}
/* *************************** LISTE DES PERSONNAGES JOUABLES ****************************
************************************************************************* */
div.infobulle3 {
position: relative;
cursor:pointer; /*donne au curseur la forme de petite main, comme sur un lien*/
display: inline-block; /*Place les icones un à côté de l'autre */
margin-right: 7px; /* marge entre les icones */
margin-bottom: 7px;
/* border: 1px solid #333;*/ /* bordure des icones */
/*height: 300px;
width: 30px;*/
-webkit-text-shadow: 0px 0px 5px 0px #000000; /* Ombre de l'icone (voir http://css3generator.com/ choix "Box-shadow") */
-moz-text-shadow: 0px 0px 5px 0px #000000; /* Ombre de l'icone (voir http://css3generator.com/ choix "Box-shadow") */
text-shadow: 0px 0px 5px 0px #000000; /* Ombre de l'icone (voir http://css3generator.com/ choix "Box-shadow") */
}
div.infobulle3 div{
display: none; /* ceci masque l'infobulle */
}
div.infobulle3:hover {
background: none; /* correction d'un bug IE */
z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
}
div.infobulle3:hover div{
display: block; /* ceci affiche l'infobulle */
position: absolute;
width: 400px; /* Largeur de l'infobulle */
top: -10px; /* on positionne notre infobulle */
left: 100px;
background-color: #1D1D1D; /* Couleur de fond */
-webkit-border-radius: 20px; /* Bordures arrondies (voir: http://border-radius.com/) */
-moz-border-radius: 20px;/* Bordures arrondies (voir: http://border-radius.com/) */
border-radius: 20px;/* Bordures arrondies (voir: http://border-radius.com/) */
-webkit-text-shadow: 0px 0px 10px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
-moz-text-shadow: 0px 0px 10px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
text-shadow: 0px 0px 10px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
border-left: 6px double #921628;
padding: 10px; /* marge interne de l'infobulle */
}
/* ********************** COULEUR DES MESSAGES ********************************* */
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}
/* BOUTON HAUT/BAS */
.bouhautbas {
bottom: 40px;
left: 70px; /* remplacez left par right pour afficher les boutons à droite */
position: fixed;
z-index: 100;
}
/*TOOLBAR */
#fa_toolbar, #fa_toolbar_hidden {background-image: url("http://i41.servimg.com/u/f41/14/71/65/89/textur11.png") !important;}
Dernière édition par Kabrina Lestrange le Ven 13 Sep 2013 - 15:52, édité 1 fois
Re: Espacement entre les titres
Bonjour
Cela n'a rien à voir avec ton CSS
Il faut aller ici dans ton PA
Cela n'a rien à voir avec ton CSS
Il faut aller ici dans ton PA
Re: Espacement entre les titres
Je viens d'essayer et malheureusement, il y a toujours un problème d'espacement entre les lignes... Ce n'est pas égal...
http://plaisirscoupables.forum-canada.com/f25-personnages-predefinis
Que pourrais-je essayer d'autre?
http://plaisirscoupables.forum-canada.com/f25-personnages-predefinis
Que pourrais-je essayer d'autre?
Re: Espacement entre les titres
Bonjour
Je vois que tu es avec chrome.
Essaie avec un autre navigateur.
Pour moi tout est clair.
Je vois que tu es avec chrome.
Essaie avec un autre navigateur.
Pour moi tout est clair.
Re: Espacement entre les titres
Même dans la prévisualisation que vous me montrer, entre "Créatures ajoutés à l'histoire" et "nécromencien" il y a un gros espace qu'il n'y a pas ailleurs.
Même chose entre les "rats-garous" et les "léopards-garou".
Ce n'est pas normal.
Même chose entre les "rats-garous" et les "léopards-garou".
Ce n'est pas normal.
Re: Espacement entre les titres
Bonjour,
Vous avez ceci dans votre CSS qui provoque le problème :
Cordialement.
Vous avez ceci dans votre CSS qui provoque le problème :
- Code:
.postbody, td.row1 span.gensmall {
display: block;
text-align: justify !important;
}
Cordialement.
Re: Espacement entre les titres
Ahhhhhh!!!! Vous êtes mon sauveur!!! Ça fonctionne à merveille! Merci beaucoup!!!!! <3
Re: Espacement entre les titres
Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif |
Sujets similaires
» Image de fond des titres + espacement {L_LASTPOST}
» Espacement entre les widgets
» Code d'espacement entre les lettres
» Espacement entre colonne widget et forum
» Espacement entre logo et titre
» Espacement entre les widgets
» Code d'espacement entre les lettres
» Espacement entre colonne widget et forum
» Espacement entre logo et titre
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum