Probléme largeur forum
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
Probléme largeur forum
Détails techniques
Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome, Autre
Capture d'écran du problème :
- Voir l'image:
- https://2img.net/h/oi67.tinypic.com/2cz6689.jpg" alt="" />
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : suite au changement de codage
Lien du forum : sanfranciscolife.net
Description du problème
Bonjour à tous,voila j'ai un petit soucis, depuis les changements de codage, plusieurs choses du forum apparaisse trop large.
Le profil des membres, la largeur des réponses, mais aussi le tableau de connexion quand on arrive sur le forum
voici deux photos
https://2img.net/h/oi67.tinypic.com/2cz6689.jpg
https://2img.net/h/oi67.tinypic.com/258xtlk.jpg
J'aimerais que tout redeviens normal mais je n'arrive pas à savoir d'ou cela peux provenir.
au cas ou je vous donne les CSS car peut être que le problème vient de là.
- Code:
.ban1 { background-position-y: 55px; }
.ban2 { background-position-y: 55px; }
.ban3 { background-position-y: 55px; }
.ban4 { background-position-y: 55px; }
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }
/* souglignement liens */
a:hover{text-decoration: none !important;}
a {text-decoration: none !important;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
.signature_div img { max-width:500px;}
/* banniere et navigation */
body {
background-attachment: scroll, fixed ;
background-repeat: no-repeat, repeat ;
background-position: top center;
background-size: 100% auto;
}
.ban1 { background-image: url('http://www.zupimages.net/up/17/19/s251.png'); }
.ban2 { background-image: url('http://www.zupimages.net/up/17/19/s251.png'); }
.ban3 { background-image: url('http://www.zupimages.net/up/17/19/s251.png'); }
.ban4 { background-image: url('http://www.zupimages.net/up/17/19/s251.png'); }
.navtop {
top : 0px;
position : center;
text-align: center;
width : 100% ;
background-color : #EBE3E6 ;
border-bottom : Xpx STYLE #COLOR
}
/* CADRE MODOS */
/* -------------------------------- FICHE nouvelle moderartion-------------------------------- */
.Fond {
width: 500px;
background-color: #D6C3CF;
margin :auto;
box-shadow: 0px 0px 5px #ffffff;
}
.Fond p {
font-size: 12px;
margin-left: 10px;
margin-right: 10px;
color: #555555;
text-align: justify;
font-family: arial;
text-shadow: 0px 0px 5px #ffffff;
}
.Parg {
width: 440px;
background-color: #EBE3E6;
margin :auto;
box-shadow: 0px 0px 5px #888888;
}
.Fond h4 {
font-family: 'Monotype corsiva', cursive;
color: #ffffff;
font-size: 40px;
font-style: italic;
background-color: #D53B7E;
text-align: center;
text-shadow: 0px 0px 2px #ffffff;
}
/* -------------------------------- FIN nouvelle moderation-------------------------------- */
/* --------------------------------- CATEGORIES --------------------------------- */
/*Catégories par Cheshire Cat*/
.modifcat{
margin-top:10px;
background-color:#EBE3E6;
}
.forumline{
width:800px;
margin:auto;
}
.cattitre{
width:746px;
text-align:center;
margin-top:20px;
margin-bottom:10px;
margin-left:25px;
margin-right:25px;
padding-top:5px;
font-size:35px;
min-height:50px;
color:#ffffff !important;
background-color:#D53B7E;
font-family: 'Handlee', cursive;
}
.forumlink{
letter-spacing:7px;
font-size:20px;
text-decoration:none;
text-align:center;
color:#D53B7E !important;
font-family: 'Voltaire', sans-serif;
transition:all ease 0.7s;
-webkit-transition:all ease 0.7s;
}
.forumlink:hover{
transition:all ease 0.7s;
-webkit-transition:all ease 0.7s;
text-decoration:none !important;
color:#ffffff !important;
}
.imgmess{
position:relative;
width:57px;
height:100px !important;
background-color:#D53B7E;
margin-right:10px;
margin-bottom:15px;
margin-left:25px;
padding:2px;
}
.imgmess img{
height:100px;
}
.liensfrm{
overflow:auto;
font-size:0px;
width:130px;
height:110px;
background-color:#D6C3CF;
bottom:-50px;
margin-right:5px;
margin-bottom:15px;
}
.liensfrm a{
letter-spacing:2px;
font-family: 'Voltaire', sans-serif;
display:block;
font-size:13px;
max-width:130px;
color:#D53B7E;
background-color:#ffffff;
border-bottom:3px solid #EBE3E6;
text-align:center;
text-decoration:none;
transition:all ease 0.7s;
-webkit-transition:all ease 0.7s;
}
.liensfrm a:hover{
color:#ffffff !important;
background-color:#D53B7E;
text-decoration:none !important;
transition:all ease 0.7s;
-webkit-transition:all ease 0.7s;
}
.descfrm{
position:absolute;
margin:auto;
width:310px;
height:90px;
font-size:11px;
background-color:#D6C3CF;
overflow:auto;
margin-bottom:15px;
margin-left:2px;
text-align:justify;
padding:10px;
color:#000000;
font-family: 'Open Sans', sans-serif;
}
.avatarfrm{
overflow:hidden;
width:57px;
height:100px;
background-color:#D6C3CF;
padding:5px;
margin-bottom:15px;
}
.avatarfrm img{
height:100px;
}
.derniermess{
position:relative;
width:96px;
height:100px;
font-size:10px;
background-color:#D6C3CF;
margin-left:5px;
margin-bottom:15px;
margin-right:25px;
padding-left:5px;
padding-right:5px;
padding-top:10px;
color:#000000;
font-family: 'Open Sans', sans-serif;
}
.derniermess a{
color:#c36e6e;
text-decoration:none;
transition:all ease 0.7s;
-webkit-transition:all ease 0.7s;
}
.derniermess a:hover{
color:#3D2617;
transition:all ease 0.7s;
-webkit-transition:all ease 0.7s;
text-decoration:none !important;
}
/*Fin des catégories*/
/*--------------------------------- FIN CATEGORIES --------------------------------- */
/*REVUE DES SUJETS par Alu pour N-U*/
.postrevoir{background:white;margin:15px 0;padding:20px; box-shadow:2px 2px 5px lightgrey;}
.postrevoir .name{text-transform:uppercase;font-weight:400;}
.postnom{background:#F5F5F5;padding:5px;border-top:1px dotted gray;}
.postrevoir .postdetails{font-family:Sans-serif;}
/************************************* LISTE DES SUJETS ******************************************/
.corp_sujet {
margin: 10px auto;
width: 890px;
height: 65px;
}
.vu_rep_sujet {
background-color: #D53B7E; /*modifiable*/
color: #EBE3E6; /*modifiable*/
margin-bottom: 8px;
padding: 2px;
}
.corp_desc_sujet {
display: inline-block;
margin-left: 10px;
width: 573px;
}
.titre_sujet {
background-color: #EBE3E6; /*modifiable*/
box-shadow: 1px 1px 1px #5F5D5D; /*modifiable*/
height: 60px;
overflow: hidden;
padding-left: 10px;
padding-top: 5px;
width: 554px;
}
.titre_sujet a {
color: #52B7FF!important; /*modifiable*/
font-family: sans-serif; /*modifiable*/
font-size: 18px; /*modifiable*/
}
.titre_sujet a:hover {
color: #339C5C !important; /*modifiable*/
}
.auteur_sujet {
font-size: 10px;
margin: 5px 10px 0;
text-align: left;
color: #5B2440; /*modifiable*/
}
.auteur_sujet a {
font-size: 10px; /*modifiable*/
}
.desc_sujet {
color:#191919; /*modifiable*/
font-size: 10px; /*modifiable*/
}
.corp_stat_sujet {
color: #5D5959; /*modifiable*/
display: inline-block;
font-size: 12px; /*modifiable*/
height: 65px;
overflow: hidden;
text-align: center;
width: 183px;
background-color: #EBE3E6; /*modifiable*/
box-shadow: 1px 1px 1px #4C4B4B; /*modifiable*/
}
.stats_sujet {
float:center;
}
.avatar_sujet {
float: right;
height: 65px;
overflow: hidden;
width: 50px;
}
.avatar_sujet img {
width: 50px;
height: 65px;
}
.img_old_new_sujet {
display: inline-block;
height: 65px;
width: 65px;
}
.go_to_page_sujet {
float: right;
font-size: 10px; /*modifiable*/
margin-right: 5px;
margin-top: -24px;
text-align: right;
display: inline-block;
}
.go_to_page_sujet a {
font-size: 11px; /*modifiable*/
}
/* -------------------------------- QEEL -------------------------------- */
/**********************************************************************************************************************
QEEL - By Batty
**********************************************************************************************************************/
/*corp du QEEL*/
.bls_corp{
position:relative; /*positionnement - NE PAS MODIFIER*/
width:800px; /*largeure*/
height:520px; /*hauteur*/
margin:auto; /*Centré le QEEL*/
}
/*mise en page des liens*/
.bls_corp a{
text-decoration:none; /*suppression du soulignement par défaut*/
}
/*Mise en page des liens au survol*/
.bls_corp a:hover{
text-decoration:none!important; /*suppression du soulignement par défaut*/
}
/*Mise en page du titre*/
.bls_titre{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:5px; /*positionnement - NE PAS MODIFIER*/
left:5px; /*positionnement - NE PAS MODIFIER*/
width: 500px; /*largeure*/
height:75px; /*hauteur*/
font-family: 'Fjalla One', sans-serif; /*police d'écriture*/
font-size:60px; /*taille du texte*/
text-transform:uppercase; /*Texte en majuscule*/
color:#D53B7E; /*couleur du texte*/
text-align:center; /*alignement du texte*/
}
/*Positionnement du bloc "membres" + bordure*/
.bls_stat1{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:95px; /*positionnement - NE PAS MODIFIER*/
left:5px; /*positionnement - NE PAS MODIFIER*/
width: 150px; /*largeure*/
height:75px; /*hauteur*/
box-sizing: border-box;
padding:5px; /*marge intérieur*/
border: 1px solid #D53B7E; /*couleur de la bordure*/
}
/*Mise en page du bloc "membres"*/
.bls_stat1 div{
width:100%; /*largeure*/
height:63px; /*hauteur*/
box-sizing: border-box;
padding:10px 0px; /*marge intérieur*/
background: #D53B7E; /*couleur de fond*/
text-align:center; /*alignement du texte*/
color: #fff; /*couleur du texte*/
font-family: 'Fjalla One', sans-serif; /*police d'écriture*/
font-size:16px; /*taille du texte*/
text-transform:uppercase; /*Texte en majuscule*/
}
/*Positionnement du bloc "Sujets" + bordure*/
.bls_stat2{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:95px; /*positionnement - NE PAS MODIFIER*/
left:180px; /*positionnement - NE PAS MODIFIER*/
width: 150px; /*largeure*/
height:75px; /*hauteur*/
box-sizing: border-box;
padding:5px; /*marge intérieur*/
border: 1px solid #EBE3E6; /*couleur de la bordure*/
}
/*Mise en page du bloc "Sujets"*/
.bls_stat2 div{
width:100%; /*largeure*/
height:63px; /*hauteur*/
box-sizing: border-box;
padding:10px 0px; /*marge intérieur*/
background: #EBE3E6; /*couleur de fond*/
text-align:center; /*alignement du texte*/
color: #fff; /*couleur du texte*/
font-family: 'Fjalla One', sans-serif; /*police d'écriture*/
font-size:16px; /*taille du texte*/
text-transform:uppercase; /*Texte en majuscule*/
}
/*Positionnement du bloc "messages" + bordure*/
.bls_stat3{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:95px; /*positionnement - NE PAS MODIFIER*/
left:355px; /*positionnement - NE PAS MODIFIER*/
width: 150px; /*largeure*/
height:75px; /*hauteur*/
box-sizing: border-box;
padding:5px; /*marge intérieur*/
border: 1px solid #D53B7E; /*couleur de la bordure*/
}
/*Mise en page du bloc "messages"*/
.bls_stat3 div{
width:100%; /*largeure*/
height:63px; /*hauteur*/
box-sizing: border-box;
padding:10px 0px; /*marge intérieur*/
background: #D53B7E; /*couleur de fond*/
text-align:center; /*alignement du texte*/
color: #fff; /*couleur du texte*/
font-family: 'Fjalla One', sans-serif; /*police d'écriture*/
font-size:16px; /*taille du texte*/
text-transform:uppercase; /*Texte en majuscule*/
}
/*Mise en page du bloc "Bienvenue"*/
.bls_bienvenue{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:185px; /*positionnement - NE PAS MODIFIER*/
left:5px; /*positionnement - NE PAS MODIFIER*/
width: 500px; /*largeure*/
height:50px; /*hauteur*/
line-height:50px; /*hauteur d'une ligne*/
font-family: 'Fjalla One', sans-serif; /*police d'écriture*/
font-size:28px; /*taille du texte*/
text-transform:uppercase; /*Texte en majuscule*/
color:#D53B7E; /*couleur du texte*/
text-align:center; /*alignement du texte*/
border: 1px solid #D53B7E; /*couleur de la bordure*/
}
/*Mise en page du bloc des membres connectés*/
.bls_connecter{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:250px; /*positionnement - NE PAS MODIFIER*/
left:5px; /*positionnement - NE PAS MODIFIER*/
width: 500px; /*largeure*/
height:100px; /*hauteur*/
box-sizing: border-box;
background: #EBE3E6; /*couleur de fond*/
padding: 5px; /*marge intérieur*/
color: #fff; /*couleur du texte*/
font-family: 'Fjalla One', sans-serif; /*police d'écriture*/
font-size:20px; /*taille du texte*/
text-transform:uppercase; /*Texte en majuscule*/
}
/*mise en page du texte des membres connectés*/
.bls_connecter div{
width: 490px; /*largeure*/
height:65px; /*hauteur*/
font-family:arial; /*police d'écriture*/
font-size:12px; /*taille du texte*/
text-transform:none; /*Texte en majuscule*/
overflow:auto; /*sroll bar automatique*/
}
/*mise en pasge du bandeau/bouton "anniversaire"*/
.bls_fete{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:350px; /*positionnement - NE PAS MODIFIER*/
left:5px; /*positionnement - NE PAS MODIFIER*/
width: 500px; /*largeure*/
height:28px; /*hauteur*/
box-sizing: border-box;
background: #D53B7E; /*couleur de fond*/
padding: 5px; /*marge intérieur*/
color: #fff; /*couleur du texte*/
font-family: 'Fjalla One', sans-serif; /*police d'écriture*/
font-size:18px; /*taille du texte*/
text-transform:uppercase; /*Texte en majuscule*/
text-align:center; /*alignement du texte*/
transition:all 1s ease; /*duré de la transition*/
}
/*mise en page de base des fêtes*/
.bls_fete div{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:0px; /*positionnement - NE PAS MODIFIER*/
left:5px; /*positionnement - NE PAS MODIFIER*/
width: 490px; /*largeure*/
height:0px; /*hauteur*/
box-sizing: border-box;
overflow:hidden; /*Texte qui se cache s'il exéde de notre bloc*/
background: #D53B7E; /*couleur de fond*/
padding: 0px 5px; /*marge intérieur*/
text-align:left; /*alignement du texte*/
font-family:arial; /*police d'écriture*/
font-size:12px; /*taille du texte*/
text-transform:none; /*Texte en majuscule*/
transition:all 1s ease; /*duré de la transition*/
}
/*Mise en page du dévoilement des fêtes*/
.bls_fete:hover div{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:-95px; /*positionnement - NE PAS MODIFIER*/
left:5px; /*positionnement - NE PAS MODIFIER*/
width: 490px; /*largeure*/
height:90px; /*hauteur*/
box-sizing: border-box;
background: #D53B7E; /*couleur de fond*/
padding: 5px; /*marge intérieur*/
font-family:arial; /*police d'écriture*/
font-size:12px; /*taille du texte*/
text-transform:none; /*Texte en majuscule*/
}
/*Mise en page des membres connectés au cours des 24 dernières heures - Bloc*/
.bls_24h{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:5px; /*positionnement - NE PAS MODIFIER*/
right:5px; /*positionnement - NE PAS MODIFIER*/
width: 280px; /*largeure*/
height:375px; /*hauteur*/
box-sizing: border-box;
background: #D53B7E; /*couleur de fond*/
padding: 5px; /*marge intérieur*/
color: #fff; /*couleur du texte*/
font-family: 'Fjalla One', sans-serif; /*police d'écriture*/
font-size:20px; /*taille du texte*/
text-transform:uppercase; /*Texte en majuscule*/
text-align:right; /*alignement du texte*/
}
/*Mise en page des membres connectés au cours des 24 dernières heures - Text/Pseudo*/
.bls_24h div{
width: 270px; /*largeure*/
height:345px; /*hauteur*/
font-family:arial; /*police d'écriture*/
font-size:12px; /*taille du texte*/
text-transform:none; /*Texte en majuscule*/
overflow:auto; /*sroll bar automatique*/
text-align:left; /*alignement du texte*/
}
/*Positionnement des onglets de gauche*/
.bls_onglet-left{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:390px; /*positionnement - NE PAS MODIFIER*/
left:5px; /*positionnement - NE PAS MODIFIER*/
width:150px; /*largeure*/
}
/*positionnement des descriptions des groupes*/
.bls_onglet-middle{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:390px; /*positionnement - NE PAS MODIFIER*/
left:165px; /*positionnement - NE PAS MODIFIER*/
width:470px; /*largeure*/
height:105px; /*hauteur*/
border: 1px solid #D53B7E; /*couleur de la bordure*/
}
/*Positionnement des onglets de droite*/
.bls_onglet-right{
position:absolute; /*positionnement - NE PAS MODIFIER*/
top:390px; /*positionnement - NE PAS MODIFIER*/
right:5px; /*positionnement - NE PAS MODIFIER*/
width:150px; /*largeure*/
}
/*Mise en page des onglet*/
.bls_onglet{
margin-bottom:5px; /*Marge extérieur dans le bas*/
padding:5px; /*marge intérieur*/
cursor:pointer; /* Curseur qui devien une petit main*/
text-align:center; /*alignement du texte*/
color: #fff; /*couleur du texte*/
font-family: 'Fjalla One', sans-serif; /*police d'écriture*/
font-size:16px; /*taille du texte*/
text-transform:uppercase; /*Texte en majuscule*/
border: 1px solid #D53B7E; /*couleur de la bordure*/
}
/*Couleur du fond des onglets*/
.bls_onglet div{
background:#D53B7E; /*couleur de fond*/
}
/*Couleur du cadre des onglets centraux*/
#onglet_2, #onglet_5{
border: 1px solid #EBE3E6; /*couleur de la bordure*/
}
/*Couleur du fond des onglets centraux*/
#onglet_2 div, #onglet_5 div{
background:#EBE3E6;; /*couleur de fond*/
}
/*Mise en page du bloc et des titres des descriptions des groupes*/
.bls_contenu{
display: none;
width:450px; /*largeure*/
height:105px; /*hauteur*/
box-sizing: border-box;
padding: 5px; /*marge intérieur*/
text-align: justify; /*alignement du texte*/
color: #D53B7E; /*couleur du texte*/
font-family: 'Fjalla One', sans-serif; /*police d'écriture*/
font-size:16px; /*taille du texte*/
text-transform:uppercase; /*Texte en majuscule*/
}
/*mise en page du texte descriptif des groupes*/
.bls_contenu div{
font-family: arial; /*police d'écriture*/
font-size:11px; /*taille du texte*/
text-transform:none; /*Texte en majuscule*/
width:455px; /*largeure*/
height:75px; /*hauteur*/
overflow: auto; /*sroll bar automatique*/
padding-right:5px; /*marge intérieur*/
}
/*Positionnement du copyright - NE PAS SUPRIMER-*/
.bls_copyright{
position:absolute; /*positionnement - NE PAS MODIFIER*/
bottom:3px; /*positionnement - NE PAS MODIFIER*/
left:0px; /*positionnement - NE PAS MODIFIER*/
width:100%; /*largeure*/
text-align:center; /*alignement du texte*/
padding:2px 0px; /*marge intérieur*/
}
/*Mise en page du copyright - NE PAS SUPRIMER-*/
.bls_copyright a{
font-size:11px; /*taille du texte*/
text-decoration:none; /*suppression du soulignement par défaut*/
font-family:arial; /*police d'écriture*/
color: #b0a7a7; /*couleur du texte*/
}
/*Mise en page du copyright - NE PAS SUPRIMER-*/
.bls_copyright:hover a{
text-decoration:none; /*suppression du soulignement par défaut*/
}
/**********************************************************************************************************************
QEEL - By Batty [END]
**********************************************************************************************************************/
/* -------------------------------- FIN QEEL -------------------------------- */
/***************************** droite *****************************/
.bandeau_fond {
width:175px;
padding:5px;
position:fixed;
height:100%;
right:0px;
top:0px;
z-index:100;
}
.bandeau_titre {
font-size:20px;
color:green;
display:block;
margin-top:10px;
font-family: 'Love Ya Like A Sister', cursive;
}
.bandeau_image1 {
width:135px;
height:92px;
margin-left:30px;
overflow:hidden;
}
.bandeau_lien {
width:135px;
padding:5px;
height:11%;
overflow:hidden;
margin-left:25px;
}
.bandeau_lien_zoom {
font-size:12px;
opacity:0.8;
text-align:center;
}
.bandeau_lien_zoom:hover {
font-size:14px;
opacity:1;
text-align:center;
}
.bandeau_news {
background-color:white;
width:125px;
padding:5px;
height:15%;
margin-left:30px;
font-size:12px;
color:black;
text-align:justify;
overflow:auto;
border-radius:15px;
font-family: 'Indie Flower', cursive;
}
.bandeau_interphone1 {
width:135px;
padding:5px;
height:12%;
overflow:hidden;
margin-left:25px;
}
.bandeau_interphone2 {
text-align:justify;
font-size:12px;
color:black;
display:block;
font-family: 'Indie Flower', cursive;
}
.bandeau_image2 {
display:inline-block;
width:68px;
height:67px;
border-radius:100px;
overflow:hidden;
margin-top:5px;
}
/* --------------------------------- PROFIL --------------------------------- */
.profilmasque {
background-color: #EBE3E6;
width: 200px;
padding: 10px;
font-size: 11px;
font-family: 'Voltaire', sans-serif !important;
}
.profil1 {
width: 200px;
font-size: 20px;
font-family: 'Miniver', cursive;
background-color: #EBE3E6;
border: none;
color: #D53B7E;
}
.profil {
background-color: #D53B7E;
padding: 10px;
border-radius: 25px;
}
.rang {
background-color: #;
padding: 10px;
width: 200px;
text-align: center;
color: #007BAA !important;
font-size: 25px;
font-family: 'Miniver', cursive;
}
.rang:hover {
color: #B7B3B3 !important;
}
.avatar_profil {
width: 200px;
height: 400px;
}
.avatar_profil:hover {
opacity: 1;
}
.bloc_pseudo {
padding: 10px;
width: 200px;
position: relative;
left: 1em;
text-align: center;
color: #EBE4E6;
font-size: 25px;
font-family: 'Miniver', cursive;
}
.pseudo_profil {
font-family: 'Finger Paint', cursive;
font-size: 25px !important;
text-align: center;
}
.details_profil {
background-color: #EBE4E6;
padding: 10px;
width: 200px;
height: 180px;
overflow: auto;
text-align: justify;
color: #D53B7E !important;
font-size: 11px;
font-family: 'Voltaire', sans-serif !important;
}
/* --------------------------------- FIN PROFIL --------------------------------- */
/* rp */
#regl_fond1 {
width:600px;
background:#41B2C8;
-webkit-transform:rotate(3deg);
-moz-transform:rotate(3deg);
-ms-transform:rotate(3deg);
-o-transform:rotate(3deg);
transform:rotate(3deg);
margin:auto;
color:#EFF3E0;
}
#regl_fond2 {
padding:10px;
background:#EFF3E0;
-webkit-transform:rotate(-3deg);
-moz-transform:rotate(-3deg);
-ms-transform:rotate(-3deg);
-o-transform:rotate(-3deg);
transform:rotate(-3deg);
}
#regl_titre {
float:right;
width:20px;
font-size:45px;
text-align:right;
word-break:break-all;
line-height:45px;
padding:10px;
margin-right:15px;
color:#BD8594;
font-family: 'Aladin', cursive;
}
.regl_img {
width:470px;
height:250px;
background:#2ABECE;
-webkit-transform:rotate(5deg);
-moz-transform:rotate(5deg);
-ms-transform:rotate(5deg);
-o-transform:rotate(5deg);
transform:rotate(5deg);
margin-top:-150px;
margin-left:35px;
display:inline-block;
}
.regl_img2 {
width:470px;
height:250px;
overflow:hidden;
z-index:10;
position:relative;
margin-left:35px;
display:inline-block;
}
.regl_bloc1 {
display:inline-block;
width:480px;
background:#FC605C;
margin-left:35px;
}
.regl_titre1 {
float:left;
width:5px;
font-size:25px;
text-align:right;
word-break:break-all;
line-height:25px;
padding:10px;
margin-right:10px;
font-variant:small-caps;
color:#2ABECE;
text-shadow:2px 2px 1px #EFF3E0;
}
.regl_bloc1bis {
padding:10px;
text-align:justify;
}
a.alice {
text-decoration:none;
display:block;
text-align:center;
color:#2ABECE;
}
a.alice:hover {
color:#BD8594;
}
/* --------------------------------- PA --------------------------------- */
/*TITRES*/
.titr {
font-family: Cookie; font-size: 55px;
line-height: 80%; letter-spacing: 0px; position: relative; right: 9px;
color:#D53B7E;
margin-top: -5px;
}
.titr2 {
font-family: "Englebert"; line-height: 22px;
margin-top:2px;
letter-spacing: 0px;
text-align: center;
font-size: 15px;
color: #D53B7E;
}
.titr2:hover {
color:white;
}
/*BLOC CONTEXTE*/
.catei {
width: 205px;
height: 225px;
border: 2px solid #EBE3E6;
background-color: #EBE3E6;
border-radius: 2px 2px 2px 2px;
}
.cateititre {
background-color:#D53B7E;
font-family: 'Redressed';
color: #D5C5C8;
font-size: 14px;
text-align: center;}
.catei_description {
position: relative;
width: 200px;
height: 205px;
z-index: 1;
margin-top: 2px;
text-align: justify;
font-size: 10px;
font-family: arial;
color: ;
padding: 1px;
overflow: auto;
}
/*BLOC STAFF*/
.q3 {
background-color: #EBE3E6;
border: 2px solid #EBE3E6;
text-align:center;
border-radius: 1px 1px 1px 1px;
width: 820px;
height: 100px;
}
/*SLIDE*/
.wow {
font-family: georgia;
opacity:0.0;
font-size:12px;
color: black;
text-align: center;
width: 200px;
height: 100px;
background-color:#EBE3E6;
-webkit-transition: opacity .6s linear;
-moz-transition: opacity .6s linear;
-o-transition: opacity .6s linear;
}
.wow:hover {
opacity: 1
}
/*TOP PARTENAIRE*/
.cad {
width: 280px;
height: 70px;
border: 2px solid #EBE3E6;
background-color: #EBE3E6;
border-radius: 2px 2px 2px 2px;
}
.topS {
color: #C2B496;
font-size: 14px;
}
/*MEMBRE DU MOIS*/
.cadm {
width: 280px;
height: 140px;
border: 2px solid #EBE3E6;
background-color: #EBE3E6;;
border-radius: 2px 2px 2px 2px;
}
/*SLIDE*/
.wow2 {
font-family: georgia;
opacity:0.0;
font-size:12px;
color: black;
text-align: center;
width: 130px;
height: 50px;
background-color:#EBE3E6;
-webkit-transition: opacity .6s linear;
-moz-transition: opacity .6s linear;
-o-transition: opacity .6s linear;
}
.wow2:hover {
opacity: 1
}
/*NEWS*/
.new {
width: 230px;
height: 220px;
border: 2px solid #EBE3E6;
background-color: #EBE3E6;
border-radius: 2px 2px 2px 2px;
}
.cred {
width: 225px;
height: 200px;
text-align: justify;
font-size: 11px;
font-family: arial;
padding: 1px;
overflow: auto;
}
.cate {
width: 362px;
height: 125px;
overflow: hidden;
border: 2px solid #EBE3E6;
background-color: #EBE3E6;
border-radius: 2px 2px 2px 2px;
}
/*PV&SCENARIOS*/
.q5{
display: block;
border: 2px solid #EBE3E6;
background-color: #EBE3E6;
text-align:center;
padding:1px;
border-radius: 2px 2px 2x 2x;
width: 735px;
height: 70px;
}
.wow3{
font-family: georgia;
opacity:0.0;
font-size:10px;
color: black;
text-align: center;
width: 150px;
height: 100px;
background-color:#EBE3E6;
-webkit-transition: opacity .6s linear;
-moz-transition: opacity .6s linear;
-o-transition: opacity .6s linear;
}
.wow3:hover {
opacity: 1
}
.center {
margin-right: -7px;
}
.cellule_pv0{
margin-left: -345;
}
.cellule_pv1 {
margin-left: -245;
}
/* --------------------------------- fin PA --------------------------------- */
merci beaucoup
Re: Probléme largeur forum
Bonjour,
La classe forumline est utilisée à de nombreux endroits sur le forum, dont les tableaux des sujets et des catégories, les tableaux dans le profil, le tableau pop up de connexion. En bloquant sa largeur à 800px, vous élargissez TOUS ces éléments.
Localisez le code css suivant :
La classe forumline est utilisée à de nombreux endroits sur le forum, dont les tableaux des sujets et des catégories, les tableaux dans le profil, le tableau pop up de connexion. En bloquant sa largeur à 800px, vous élargissez TOUS ces éléments.
Localisez le code css suivant :
- Code:
.forumline{
width:800px;
margin:auto;
}
MlleAlys- Membre actif
- Messages : 5901
Inscrit(e) le : 12/09/2012
Re: Probléme largeur forum
Génial ça fonctionne
merci beaucoup à toi
<3
merci beaucoup à toi
<3
Re: Probléme largeur forum
poussette59 a écrit:Génial ça fonctionne
merci beaucoup à toi
<3
Bonjour, Afin de faciliter la gestion des problèmes, si le vôtre est résolu, pensez à :
|
Sujets similaires
» Problème de largeur de forum (CSS)
» Probléme Largeur forum
» Problème de largeur du forum :)
» Probleme de largeur du forum
» problème de largeur de mon forum
» Probléme Largeur forum
» Problème de largeur du forum :)
» Probleme de largeur du forum
» problème de largeur de mon forum
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