forum large

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu forum large

Message par Oth66 le Mer 12 Déc 2012 - 15:43

Bonjour , si je vous ecris aujourd'hui c'est que nous avons un soucis avec notre forum il se deforme , je vous montres si dessous que faire ? d'ou viens se Beug ??? Il est vraiment large et nous ne trouvons pas le soucis merci de vos reponses ...


Spoiler:









Oth66
**

Messages : 70
Inscrit(e) le : 30/11/2012

http://tales-of-tree-hill.asdesas.net/
Oth66 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: forum large

Message par Matriochka le Mer 12 Déc 2012 - 16:00

Coucou,

Serait-il possible d’avoir ta feuille de styles complète ? Ça doit venir d’ici.

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: forum large

Message par Oth66 le Mer 12 Déc 2012 - 16:35

Voici la feuille de CSS

Spoiler:
.selectCode {float:right; text-transform: uppercase; cursor:pointer;}

/* ESPACE ENTRE LA BARRE ET LES PUBS */
#page-body {padding-top: 20px;}
.postbody img {vertical-align: middle;}

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

/* CODAGE MISE EN PAGE GENERAL */

a {outline: none;}
a {font-weight: none;}

a {text-decoration: none;}
a:link {text-decoration: none;}
a:active {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none !important;}

u {color: #B3AE9D; border-bottom: 1px dashed #B3AE9D;}
u {text-decoration: none;}

/* suppression couleur cadre categorie */
.catHead {border: none !important;}
.catBottom {border: none !important;}
.thLeft {border: none !important;}
.thRight {border: none !important;}
.row3Right {border: none !important;}

input,textarea, select {
border: #C0C0C0 dotted 1px;
border-radius: 8px 0 8px 0;
-moz-border-radius: 8px;}

textarea, .textarea.post, input.post{
-moz-border-radius:10px;}

/* CODAGE MESSAGES POSTES SUR LE FORUM */

/*jutification des messages*/
.postbody {
display: block;
font-size:12px;
text-align: justify !important;
padding-left: 15px;
padding-right: 15px;
line-height:16px;}

.code, .quote, .spoiler{
background-color: #FFFFFF;
color: #444444;
font-family: Arial;
border-right: 1px solid #4c4842;
border-left: 1px solid #4c4842;
border-style: solid;
border-right-width: 1px;
border-top-width: 3px;
border-bottom-width: 3px;
border-left-width: 1px;
border-radius: 8px 8px 8px 8px;
-moz-border-radius: 8px;}

.quote, .code, .spoiler {
-moz-border-radius: 10px;}

.spoiler_content {display: block;}
.hidden .spoiler_content {display: none;}

.row3Right{
border: none !important;}

.thHead{
border: none !important;}

.thCornerL, .thCornerR, .thTop{
border: none !important;}

.thLeft, .thRight{
border-left: none !important;
border-right: none !important;}

.catLeft, .catRight{
border: none! important;}

.catHead{
border: none !important;}

.catBottom{
border: none !important;}

body {
background: #595959;
background-image:url(http://i41.servimg.com/u/f41/17/51/77/39/sans_t19.jpg);
background-attachment:fixed;}

.bodyline {
background: #FFFFFF;
width: 800px;
padding: 0;
x solid #4c4842;
box-shadow: 0px 0px 10px #000000;
-moz-box-shadow: 0px 0px 10px #000000;
-o-box-shadow: 0px 0px 10px #000000;
-htm-box-shadow: 0px 0px 10px #000000;
-webkit-box-shadow: 0px 0px 10px #000000;}

.bodylinewidth{
width: 800px;
margin-left: auto;
margin-right: auto;
margin-top: -9px;
margin-bottom: -9px;}

.forumline{
width: 98%;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
background: #e9e9e6;
border: 1px solid #ffffff;
box-shadow: 0px 0px 5px #595959;
-moz-box-shadow: 0px 0px 5px #595959;
-o-box-shadow: 0px 0px 5px #595959;
-htm-box-shadow: 0px 0px 5px #595959;
-webkit-box-shadow: 0px 0px 5px #595959;}

table{
width: 98%;
margin: auto;}

#i_logo{
margin-top: 22px;}

#page-body{
width: 870px;
margin: auto;}

/* CODAGE MESSAGES */

.message_contenu{
text-align: justify;
font-size: 11px;
background: #F3F3F3;
border: 1px dotted #c0c0c0;
padding: 10px;}

/* CODAGE PROFIL */

.rotationavatar{
-moz-transform: rotate(2deg);
-webkit-transform: rotate(2deg);
transform: rotate(2deg);}

.profil{
width: 210px;
margin: auto;
padding: 2px;
background: #f3f3f3;
border: 1px dotted #c0c0c0;}

.name{
text-transform: uppercase;}

.profil_avatar{
border: 1px solid #c0c0c0;
background: #e9e9e6;
padding: 4px;}

/* CODAGE CATEGORIES */

.cate_titre{
width: 98%;
margin: auto;
text-align: center;}

.categorie{
width: 98%;
margin: auto;
margin-top: 10px;
margin-bottom: 10px;
background: #e9e9e6;
border-top: 3px solid #4c4842;
border-bottom: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
box-shadow: 0px 0px 5px #595959;
-moz-box-shadow: 0px 0px 5px #595959;
-o-box-shadow: 0px 0px 5px #595959;
-htm-box-shadow: 0px 0px 5px #595959;
-webkit-box-shadow: 0px 0px 5px #595959;}

.forum{
width: 98%;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
background: #f3f3f3;
border: 1px dotted #c0c0c0;
padding: 2px;}

.forumlink{
display: block;
width: 520px;
font-variant: small-caps;
letter-spacing: 2px;
padding-left: 20px;
text-shadow: 1px 1px 0px #ffffff;}

.forumlink a{
font-size: 15px;
border-bottom: 2px dotted #c0c0c0;}

.description{
display: block;
width: 535px;
margin: auto;
font-size: 11px;
text-align: justify;
color: #a6a6a6;}

.illu{
float: right;
margin-left: 10px;
margin-bottom: 10px;
border: 1px solid #c0c0c0;
background: #e9e9e6;
padding: 5px;}

.stats_last{
display: block;
width: 160px;
margin: auto;
background: #e9e9e6;
padding: 10px;
border: 1px dotted #c0c0c0;}

.stats{
display: block;
text-align: center;
font-size: 10px;
color: #a6a6a6;
border-bottom: 1px solid #cacaca;
padding-bottom: 4px;
margin-bottom: 4px;}

.last{
display: block;
text-align: center;
font-size: 11px;}

.sous_forum{
display: block;
width: 98%;
margin: auto;
background: #e9e9e6;
padding: 2px;
text-align: center;}

/* QUI EST EN LIGNE */

.qeel_titre{
width: 800px;
height: 100px;
margin: auto;
background: url(http://img15.hostingpics.net/pics/445654qeeltitre.png) no-repeat;}

.groupes{
text-align: center;
font-weight: bold;}

.groupes a:hover{
font-style: italic;}

.groupe1{
color: #8FCF3C !important;}

.groupe2{
color: #7FC6BC !important;}

.groupe3{
color: #FFB6B8 !important;}

.groupe4{
color: #FC7F3C !important;}

.groupe5{
color: #E82759 !important;}

.groupe6{
color: #371F57 !important;}

.groupe7{
color: #A474B0 !important;}

.qeel_infos{
width: 98%;
margin-right: 5px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 5px;
background: #f3f3f3;
border: 1px dotted #c0c0c0;
padding: 4px;
font-size: 10px;
text-align: justify;}

/* BAS DE PAGE */

#page-footer a{
font-size: 10px;
color: #545454 !important;}

#page-footer a:hover{
color: #303030 !important}

/* PAGE D'ACCUEIL 2 */

/* credit à ne pas toucher il n'apparaitra pas de toute manière mais je prefere le laisser tout de même */
.crédit {credit:absolutesunshine;}
/* fin crédit */

/* staff presenté de manière simple avec uniquement une bordure */
.staff {width:200px;height:70px;padding:2px;border:1px solid #CABCAB;}
/* fin staff */

/* top sites aux formes automatiquement arrondis */
.tops{
width:60px;
height:60px;
transform: rotate(2deg);
-webkit-transform: rotate(2deg);
-moz-transform: rotate(2deg);
-o-transform: rotate(2deg);
-ms-transform: rotate(2deg);
border:2px solid #E4DED6;
opacity:0.8;
-webkit-border-radius: 120px;
-moz-border-radius: 120px;
border-radius: 120px;}
/* fin top sites */

/* correspond aux ou tables supérieures*/
.bloc{
padding:3px;
background-color:#ECEAE8;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-align:justify;
font-family : Verdana;
font-size:11px;color:#858585;
letter-spacing: 1px;
border-left:3px solid #B7A49B;
border-right:3px solid #B7A49B;
box-shadow:1px 1px 0px white,0px 0px 3px #E4DED6;
-moz-box-shadow:white 1px 1px 0px,0px 0px 3px #E4DED6;
height:240px;}
/* fin tables */

/* correspond aux tables inférieures */
.bloctwo{
padding:3px;
background-color:#ECEAE8;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-align:justify;
font-family : Verdana;
font-size:11px;
color:#858585;
letter-spacing: 1px;
border-left:3px solid #B7A49B;
border-right:3px solid #B7A49B;
box-shadow:1px 1px 0px white,0px 0px 3px #E4DED6;
-moz-box-shadow:white 1px 1px 0px,0px 0px 3px #E4DED6;
height:200px;}
/* fin table inférieures */

/* les titres avec pour police Kite One */
.titrepa{
font-family: 'Kite One', sans-serif;
font-size:27px;
text-align:center;
color:#B7A49B;}
/* fin titre */

/* petits points sous les titres */
.yoo{
border-bottom:1px dotted white;}
/* fin points sous titres */

/* les liens rapides tout en haut de la PA */
.menu{
background-color:#CABCAB;
color:#F8F7F6;
font-variant:small-caps;
font-size:11px;
padding:5px;
padding-right: 4px;
padding-left: 4px;
border-radius: 50px;
border-left:3px solid #F2F2F2;
border-right:3px solid #F2F2F2;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;}
/* fin liens rapides */

/* les pointillés dérrière le menu à peut-être adapter selon le forum */
.point {
border-top: 8px dotted #F2F2F2;
margin-bottom:-10px;}
/* fin pointillés */

/* simple texte qui se trouve dans les tables pour ne pas deborder */
.textepa {
width:100%;
height:180px;
overflow:auto;}
/* fin texte */

/* les logos des partenaires dont l'opacité augmente au survol de la souris */
.potos{
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
opacity:0.5;
width:88px;
height:31px;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;}

.potos:hover{
opacity:0.7;}
/* fin logos partenaires */

/* INFOBULLES PV'S */

a.imginfo span {
display: none; /* on masque l'infobulle */}

a.imginfo:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */}

a.imginfo:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
background: #FFFFFF;
padding: 2px;
border: 0px solid grey;
border-left: 2px solid #EADEC1;
border-right: 2px solid #EADEC1;
border-top: 2px solid #EADEC1;
border-bottom: 2px solid #EADEC1;}

/* PAGE D'ACCUEIL */

.titre2{
text-transform: lowercase;
letter-spacing: -3px;
font-family: Times New Roman;
font-style: italic;
text-align: center;
font-size: 50px;
color: #78667D;}

.arthur{
background-color: #D4C9C8;
border: 2px solid #D3C8C6;
text-align: justify;
padding: 5px;
height: 160px;}

Oth66
**

Messages : 70
Inscrit(e) le : 30/11/2012

http://tales-of-tree-hill.asdesas.net/
Oth66 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: forum large

Message par Matriochka le Mer 12 Déc 2012 - 17:54

Le problème vient d’ici :
.forumline{
width: 98%;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
background: #e9e9e6;
border: 1px solid #ffffff;
box-shadow: 0px 0px 5px #595959;
-moz-box-shadow: 0px 0px 5px #595959;
-o-box-shadow: 0px 0px 5px #595959;
-htm-box-shadow: 0px 0px 5px #595959;
-webkit-box-shadow: 0px 0px 5px #595959;}

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: forum large

Message par Oth66 le Jeu 13 Déc 2012 - 16:29

Daccord j'ai donc reduit a 50% le soucis maintenant c'est qu'il est trop a droite et plus comme avant ''-- merci

Oth66
**

Messages : 70
Inscrit(e) le : 30/11/2012

http://tales-of-tree-hill.asdesas.net/
Oth66 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: forum large

Message par Matriochka le Jeu 13 Déc 2012 - 16:34

Essaye de le retirer, complètement ?

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: forum large

Message par Oth66 le Jeu 13 Déc 2012 - 16:51

C'est fait mais ca reviens comme avant encore large

Oth66
**

Messages : 70
Inscrit(e) le : 30/11/2012

http://tales-of-tree-hill.asdesas.net/
Oth66 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: forum large

Message par Matriochka le Jeu 13 Déc 2012 - 16:54

Ah, il faut aussi supprimer ici :
Code:
table{
width: 98%;
margin: auto;}

.bodyline {
background: #FFFFFF;
width: 800px;
padding: 0;
x solid #4c4842;
box-shadow: 0px 0px 10px #000000;
-moz-box-shadow: 0px 0px 10px #000000;
-o-box-shadow: 0px 0px 10px #000000;
-htm-box-shadow: 0px 0px 10px #000000;
-webkit-box-shadow: 0px 0px 10px #000000;}

(J’ai créé un compte test sur ton forum pour tester, tu peux le supprimer ^^)

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: forum large

Message par Nathan R. Scott le Ven 14 Déc 2012 - 13:40

    C'est exactement ce qu'il fallait enlever, merci.
    Le problème est résolu !

Nathan R. Scott
Nouveau membre

Féminin
Messages : 1
Inscrit(e) le : 07/09/2009

http://tales-of-tree-hill.asdesas.net/
Nathan R. Scott a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum