Forum non centré.
2 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
Forum non centré.
Bonjour! En touchant des codes, mon forum ne se centre plus! En effet, voulant faire une partie message peu large (cf http://shinobi-no-seiki.forumactif.be/t40-nukenins ici)
tout le forum est ainsi. La chatbox, la liste des membres... Voici :
https://2img.net/r/hpimg15/pics/78479123cb.png
http://shinobi-no-seiki.forumactif.be/memberlist
Comment faire pour garder mes topics ainsi mais avoir une taille normale ailleurs ou du moins, que tout soit centré? ^^
Voici mon CSS
merci d'avance
tout le forum est ainsi. La chatbox, la liste des membres... Voici :
https://2img.net/r/hpimg15/pics/78479123cb.png
http://shinobi-no-seiki.forumactif.be/memberlist
Comment faire pour garder mes topics ainsi mais avoir une taille normale ailleurs ou du moins, que tout soit centré? ^^
Voici mon CSS
- Code:
.tleP{color: #000;
font-size: 10px;}
.forumline.noprint{max-width:800px}
td.catBottom,td.row2.postbody{background-color:#fff;}
a:hover{text-decoration: none !important;}
a {text-decoration: none !important;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
body{
background-color: #couleur;
background-image: url("http://img15.hostingpics.net/pics/228497essai288.png");
background-position:top;
background-repeat:no-repeat;
}
/* DEBUT BARRE DE NAVIGATION */
a.mainmenu {
font: 10px Helvetica;
text-align: center;
text-transform: uppercase;
}
a:link, a:active, a:visited {
text-decoration: none;
}
a.mainmenu {
color: #C63939;
text-decoration: none;
}
.mainmenu {
color: #84869a;
font-size: 11px;
}
.navig {
position: absolute;
top: -10px;
width: 100%;
}
/* FIN BARRE DE NAVIGATION */
/// CATEGORIES
/* BLOC TITRE CATEGORIES */
.tleCAT{
margin:0 auto -15px;
width:900px; text-align:center;
background:white; /* MODIFIABLE */
}
/* TITRE CATEGORIES */
.tleCAT h2{
font-size:42px; text-transform:uppercase; font-family:Fjalla One;
padding:10px 0; color:back; /* MODIFIABLE */
}
/* BLOC FORUM */
.blocFRM{
margin:15px auto;
width:900px;
}
/* BLOCS POSITIONNEMENT */
.boxFRM {
display:inline-block; vertical-align:top;
}
/* BLOC TITRE & DESCRIPTION FORUM */
#tldFRM {
height:100px; width:405px; padding:10px; overflow:hidden;
background:#D1D1D1; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM {
width:395px; height:30px; overflow:hidden;
text-align:left;
border-bottom:5px solid white; /* MODIFIABLE */
}
.tleFRM a{
text-transform:uppercase; font-style:italic; font-size:24px; font-family:Fjalla One;
color:white !important; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
margin-top:10px;
width:390px; height:55px; padding:0 5px; overflow:auto;
color:black; /* MODIFIABLE */
font-size:9px; text-align:justify;
}
/* DERNIER MESSAGE */
.lmsgFRM {
margin-top:15px;
width:405px; height:55px; padding:5px 10px;
text-transform:uppercase; font-style:italic; text-align:center; font-size:14px; font-family:Fjalla One;
background:#D1D1D1; color:white; /* MODIFIABLE */
}
/* TAILLE PSEUDONYME DERNIER POSTEUR */
.lmsgFRM .gensmall {
font-size:14px; /* MODIFIABLE */
}
.lmsgFRM br {
display:none;
}
.lmsgFRM a {
margin:0 5px;
}
.lmsgFRM .sprite-icon_topic_latest {
margin-left:-10px;
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
margin-bottom:5px; padding-bottom:2px; font-size:18px;
border-bottom:5px solid #A80200; /* MODIFIABLE */
}
.lmsgFRM a{
color:white !important; /* MODIFIABLE */
}
/* BLOC IMAGE DESCRIPTIVE */
.boxDESC{
display:inline-block; margin:0 15px;
width:250px; height:200px;
background:#FFFFFF; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute; margin-left:425px; margin-top:-55px;
width:250px; height:200px;
}
/* BLOC SOUS-FORUMS */
.sfFRM {
padding:5px 5px 0; height:105px; width:185px; overflow:auto;
background:#a80200; color:rgba(250,250,250,0); /* MODIFIABLE */
text-align:left;
}
/* SOUS-FORUMS */
.sfFRM a{
text-transform:uppercase; font-family:Fjalla One; font-size:16px;
color:white !important; /* MODIFIABLE */
}
/* ICÔNES FORUMS */
.imgFRM {
margin-top:15px;
width:195px; height:75px;
}
* --------------------------------------
* FIN CODAGE DES CATEGORIES
* --------------------------------------
*/
// QEEL
/* QEEL */
#QEEL {
margin:auto; width:800px;
}
/* TITRE QEEL */
.tleQEEL {
margin-left:-13px;
width:795px; padding:15px;
font-family:Arial; background:#A80200; box-shadow:inset 0 0 25px rgba(0,0,0,0.1); /* MODIFIABLE */
letter-spacing:2px; text-transform:uppercase; text-align:right;
}
.tleQEEL a{
font-size:32px;
color:white; /* MODIFIABLE */
}
/* BLOC TOTAL MEMBRES & MESSAGES */
.stsQEEL {
position:absolute; margin-left:10px;
}
/* TOTAL MEMBRES QEEL */
.tlMQEEL {
display:inline-block; vertical-align:top;
height:28px; width:90px; padding:5px;
background:#DDDDDD; color:black; /* MODIFIABLE */
text-transform:uppercase; font-size:11px; text-align:center;
}
/* NOMBRE MESSAGES QEEL */
.tlPQEEL {
display:inline-block; vertical-align:top; margin-left:15px;
height:28px; width:90px; padding:5px;
background:#DDDDDD; color:black; /* MODIFIABLE */
text-transform:uppercase; font-size:11px; text-align:center;
}
/* TRIANGLE GAUCHE TITRE QEEL */
.triLQEEL {
position:absolute; margin-left:-13px;
width:0; height:0; border-style:solid; border-width:0 12px 15px 0; border-color:transparent;
border-right-color:black; /* MODIFIABLE */
}
/* TRIANGLE DROITE TITRE QEEL */
.triRQEEL {
position:absolute; margin-left:802px;
width:0; height:0; border-style:solid; border-width:15px 10px 0 0; border-color:transparent;
border-top-color:black; /* MODIFIABLE */
}
/* MEMBRES CONNECTES & 24H */
#ondayQEEL {
display:inline-block; vertical-align:top;
width:320px; height:165px; padding:10px; overflow:hidden;
background-color:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:justify;
}
#ondayQEEL:hover {
overflow:auto;
}
#ondayQEEL .row1 {
background:none; padding:0;
}
/* BLOC DESCRIPTIFS GROUPES/DERNIER UTILISATEUR */
#boxQEEL {
display:inline-block; vertical-align:top;
width:460px;
}
/* DESCRIPTIFS GROUPES QEEL */
.blocGQEEL {
display:inline-block; vertical-align:top;
width:220px; height:165px; padding:10px; overflow:auto;
background-color:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */
text-align:justify; font-size:11px;
}
.contenu_onglet {
display:none;
}
/* NOMS DES GROUPES QEEL */
.contenu_onglet div {
position:absolute; z-index:3; margin-left:-230px; margin-top:80px;
width:200px; height:55px; padding:30px 10px 10px; overflow:hidden;
font-size:18px; text-align:center; text-transform:uppercase;
color:white; text-shadow:-1px 1px 0 rgba(0,0,0,0.1); /* MODIFIABLE */
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
display:inline-block; vertical-align:top;
height:65px; width:220px; padding-top:25px;
background:#3F3D3A; color:white; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:12px;
}
/* BLOC TRAITS GROUPES & ANNIVERSAIRES */
.ganvQEEL {
display:inline-block; vertical-align:top;
width:800px;
}
/* BLOC TRAITS GROUPES QEEL */
.GQEEL {
display:inline-block; vertical-align:top;
width:460px; height:30px; padding:20px 0 0; text-align:center;
background:#FFFFFF; /* MODIFIABLE */
}
/* TRAITS GROUPES QEEL */
.onglet {
display:inline-block; margin:0 5px;
width:35px; height:10px;
opacity:0.7;
}
/* SURVOLEMENT TRAITS GROUPES QEEL */
.onglet_1 {
opacity:1;
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
display:inline-block; vertical-align:top;
width:340px; height:40px; padding-top:10px;
text-transform:uppercase; text-align:center; font-size:24px; font-weight:bold;
background:#A80200; color:white; font-family:Arial; /* MODIFIABLE */
}
/* CONTENU ANNIVERSAIRES QEEL */
.anvQEEL div {
position:absolute; z-index:3; margin-top:-224px;
width:320px; height:0px; padding:10px; overflow:hidden;
text-align:justify !important;
background:#FCFCFC; color:black; /* MODIFIABLE */
opacity:0; transition:all .45s linear; -webkit-transition:all .45s linear;
}
.anvQEEL:hover div{
height:165px; overflow:auto;
opacity:1;
}
.anvQEEL .row1{
background:none !important; padding:0 !important;
}
// FIN QEEL
// LISTE SUJETS
/* PRESENTATION LISTE SUJETS */
.blocSBJ {
width:800px; margin:5px auto;
}
/* OUTIL MODERATION */
.modSBJ {
position:absolute; z-index:3; margin-left:55px; margin-top:5px;
}
/* BLOC ICÔNES SUJETS & STATISTIQUES */
.statSBJ {
position:relative; z-index:5;
display:inline-block;
}
/* IMAGES LISTE SUJETS */
.statSBJ img{
width:45px; height:55px;
}
/* VUES & REPONSES LISTE SUJETS */
.statSBJ div {
position:absolute; z-index:3; margin-top:-55px;
width:45px; height:45px; padding:10px 0 0 0;
background:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */
font-size:9px; text-align:center;
opacity:0;
}
.statSBJ:hover div {
opacity:1;
}
/* BLOC TITRE/NOM/DESCRIPTION */
#tldSBJ {
display:inline-block; vertical-align:top;
}
/* TITRE SUJET */
.tleSBJ {
height:20px; width:745px; padding:5px 10px 5px 0;
box-shadow:inset 0 0 25px rgba(0,0,0,0.3); background:#778188; /* MODIFIABLE */
text-transform:uppercase; font-family:Arial; text-align:right;
}
.tleSBJ a {
text-shadow:1px 1px 0px black; /* MODIFIABLE */
color:white !important; /* MODIFIABLE */
}
/* AUTEUR + DERNIER MESSAGE LISTE SUJETS */
.nameSBJ {
margin-left:-45px;
padding:5px 5px 5px 55px; border-radius:0 0 10px 0;
background:rgba(250,250,250,0.6); /* MODIFIABLE */
font-size:11px;
}
/* DESCRIPTION LISTE SUJETS */
.descSBJ {
height:15px; padding:5px;
background:#191919; text-shadow:0 0 3px rgba(0,0,0,0.3); color:white; /* MODIFIABLE */
font-size:9px;
}
/* LISTE DES PAGES */
.gotoSBJ {
margin-top:-5px;
text-align:right; font-size:9px;
}
//FIN LISTE
// SUJETS
/* PSEUDONYME */
.nameP {
width:300px; height:20px; padding:5px;
text-align:center; text-transform:uppercase;
background:#EFEFEF; /* MODIFIABLE */
}
/* CITER/EDITER/IP */
.toolsP {
width:40%; height:20px; padding:5px; text-align:right;
background:#EFEFEF; /* MODIFIABLE */
}
/* APPARENCE MESSAGES */
.tleP{color: #000;}
.forumline{width:820px}
td.catBottom{background:none;}
div.postbody {
padding:10px; min-height:100px; margin-top:10px;
background:#; color:black; /* MODIFIABLE */
text-align:justify;
}
/* BLOC JOUEUR */
.tlP {
margin-right:-75px; margin-left:10px; margin-top:7px; width:200px; text-align:center;
}
/* BLOC AVATAR */
#blocAVA {
width:200px; height:400px; margin:-5px auto 0; overflow:hidden;
}
.blocAVA {
position:relative; width:200px; height:400px; overflow:hidden;
}
/* AVATAR */
.avaP {
width:200px; height:400px;
transition:transform 0.75s linear; -webkit-transition:transform 0.75s linear;
}
#blocAVA:hover .avaP {
transform:translateX(200px); -webkit-transform:translateX(200px);
}
/* BLOC INFORMATIONS JOUEUR */
.dtailS {
position:absolute; margin-top:-400px;
padding:5px; width:190px; height:390px; overflow:auto;
background:#EFEFEF; /* MODIFIABLE */
transform:translateX(-200px); -webkit-transform:translateX(-200px);
transition:transform 0.75s linear; -webkit-transition:transform 0.75s linear;
}
#blocAVA:hover .dtailS {
transform:translateX(0px); -webkit-transform:translateX(0px);
}
/* CONTENUS INFORMATIONS JOUEUR */
.dtailS div{
margin:5px auto;
width:170px; padding:5px;
font-family:Arial; font-size:11px; text-align:justify;
color:black; background:#EFEFEF; /* MODIFIABLE */
}
/* TITRES INFORMATIONS JOUEUR */
.dtailS div span{
text-transform:uppercase; color:#D7D7D7; /* MODIFIABLE */
}
/* BLOC IMAGE RANG/RANG/IMAGES CONTACT */
#rankP {
margin-top:10px;
width:200px; padding-top:15px; border-radius:10px; overflow:hidden;
background:#EFEFEF; box-shadow:inset 0 0 55px rgba(0,0,0,0.1); /* MODIFIABLE */
}
/* TEXTE RANG */
.rankP {
margin:auto;
text-transform:uppercase; text-align:center;
color:black; text-shadow:1px 1px 0 rgba(0,0,0,0.4); /* MODIFIABLE */
}
/* IMAGES CONTACT JOUEUR */
.ktactP {
position:relative; z-index:3; margin:auto; margin-top:5px; width:200px; text-align:center;
opacity:0.7;
}
/* IMAGE RANG */
.imgrankP img{
margin-top:-25px; width:200px;
transform:rotate(180deg); -webkit-transform:rotate(180deg);
}
//FIN SUJETS
/// PROFIL
/* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px;
}
/* PSEUDONYME */
.nameP {
width:60%; height:20px; padding:5px;
text-align:center; text-transform:uppercase;
background:#D7D7D7; /* MODIFIABLE */
}
/* BLOC INFORMATIONS PROFIL */
#abtPFIL {
display:inline-block; margin-right:10px;
width:570px;
}
/* BLOC GAUCHE INFORMATIONS */
.abtPFIL {
display:inline-block; margin-right:10px;
width:285px; height:320px; padding:10px; overflow:auto;
font-size:11px;
background:#E6E6E6; color:black; /* MODIFIABLE */
}
/* INTITULES CONTENU BLOC GAUCHE INFORMATIONS PROFIL */
.abtPFIL div span {
text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* CONTENU BLOC GAUCHE INFORMATIONS PROFIL */
.abtPFIL div{
padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* BORDURES BLOC INFORMATIONS PROFIL */
.borderPFIL {
padding:0 0 5px !important;
border-bottom:1px solid #ccc; /* MODIFIABLE */
}
/* BLOC DROITE INFORMATIONS PROFIL */
#adminPFIL {
display:inline-block; vertical-align:top;
width:255px; height:340px;
font-size:11px;
}
.adminPFIL {
height:275px; padding:10px; overflow:auto;
background:#E6E6E6; color:black; /* MODIFIABLE */
}
/* CONTENU BLOC DROITE INFORMATIONS PROFIL */
.adminPFIL div{
padding:5px 0;
}
/* INTITULES CONTENU BLOC DROITE INFORMATIONS PROFIL */
.adminPFIL div span {
text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
margin-top:10px; height:25px; padding:5px 0; text-align:center;
background:#E6E6E6; /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:inline-block;
}
.ktactPFIL img {
max-height:25px;
}
/* BLOC AVATAR */
#avPFIL {
display:inline-block; vertical-align:top;
width:200px; padding:10px;
background:#E6E6E6; /* MODIFIABLE */
}
.avPFIL {
width:200px; height:400px; overflow:hidden;
}
/* TITRE FEUILLE DE PERSONNAGE PROFIL */
.tleRPG {
margin:auto;
width:800px; padding:10px 0; text-transform:uppercase; text-align:center;
background:#E6E6E6; color:black; /* MODIFIABLE */
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin:auto; width:780px; padding:10px;
background:#E6E6E6; color:black; /* MODIFIABLE */
}
/* INTITULES CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; color:#ccc; /* MODIFIABLE */
}
//FIN PROFIL
// LISTE MEMBRES
/* BLOC LISTE DES MEMBRES */
#LMBER {
width:675px; margin:auto;
}
/* BLOC MEMBRE */
#MBER {
float:left; width:200px; height:465px; margin:10px;
}
/* PSEUDONYME */
.nameLMBER{
width:180px; height:15px; padding:10px;
text-align:center; text-transform:uppercase;
}
/* AVATAR MINIATURISE */
.imgLMBER img{
width:200px; height:400px;
}
.imgLMBER div {
position:relative; margin-top:-400px;
width:200px; height:400px; overflow:hidden;
}
/* BLOC MESSAGES / INSCRIPTION / DERNIERE VISITE / HUMEUR */
.imgLMBER div div{
width:180px; height:380px; padding:10px; overflow:auto;
background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
font-size:11px; text-align:left;
transform:translateY(800px); -webkit-transform:translateY(800px);
transition:transform 0.85s linear; -webkit-transition:transform 0.85s linear;
}
.imgLMBER:hover div div{
transform:translateY(400px); -webkit-transform:translateY(400px);
}
/* IMAGES MP * PROFIL */
.mpwLMBER {
position:relative; z-index:3; margin:-10px auto 0 auto;
}
merci d'avance
Dernière édition par Eleniel le Dim 6 Mar 2016 - 13:33, édité 1 fois
Re: Forum non centré.
Up ^^'
Re: Forum non centré.
Bonjour Up svp :p
Re: Forum non centré.
Bonjour! Up, ce problème persiste ^^'
Re: Forum non centré.
Bonjour! Up à ceux qui voudront bien proposer leur aide ... éè Merci !
Re: Forum non centré.
*désespérée*
Bonjour D8 . Quelqu'un pour m'aider please?
Bonjour D8 . Quelqu'un pour m'aider please?
Re: Forum non centré.
Bonjour,
- Tout d'abord localisez et supprimez le code css suivant (qui pose en général plus de problèmes qu'autre chose) :
Je ne vois pas la chatbox, mais pour centrer les membres :
- Localisez le code css suivant :
Cela fonctionne-t-il comme vous le souhaitez ?
- Tout d'abord localisez et supprimez le code css suivant (qui pose en général plus de problèmes qu'autre chose) :
- Code:
.forumline {
width: 820px;
}
Je ne vois pas la chatbox, mais pour centrer les membres :
- Localisez le code css suivant :
- Code:
#MBER {
float: left;
height: 465px;
margin: 10px;
width: 200px;
}
- Code:
#MBER {
height: 465px;
margin: 10px;
width: 200px;
}
- Code:
#LMBER {
display: inline-block;
}
Cela fonctionne-t-il comme vous le souhaitez ?
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Forum non centré.
Bonjour, merci pour l'aide! Problème résolu !
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