Largeur du forum non modifiée

2 participants

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

Résolu Largeur du forum non modifiée

Message par Cataliana Mer 12 Oct 2011 - 7:10

Bonjour/bonsoir,

J'ai un soucis plus ou moins fréquent, je n'arrive pas à modifier la largeur de mon forum. Lorsque je fais PA => Général => Configuration et que je change la largeur du forum, ça la change uniquement dans les forum, mais la page principale garde sa même largeur, comment y remédier s'il vous plait ?

Je fournis ma feuille de CSS, je ne trouve pas ce qui peut clocher.

Code:

/*Forum*/
.navig{
text-align: center;
margin-left:15px;
margin-right:15px;
margin-bottom:1px;
background-color:#A5BA8E;
display:block;
border-left:5px solid #aeadad;
border-right:5px solid #aeadad;
-webkit-border-radius:6px;
-moz-border-radius:3px;
}

.navig:hover{
border-left:5px solid #DADADA;
border-right:5px solid #DADADA;
}

body {
margin : 0px;
background-repeat: no-repeat;
}


a {
text-decoration: none !important;
text-transform: capitalize;
}

a:hover {
text-decoration: none !important;
font-variant: small-caps;
}

a.forumlink {
text-align: center;
text-decoration: none;
background-color: #transp;
border-bottom: 4px double #000000;
padding-left : 30px;
padding-right : 30px;
margin-left: 10px;
}
/*Fin Forum*/

/*Cellule*/

td.row1{
background-image: url('http://nsa21.casimages.com/img/2011/10/12/111012045933699256.png');}
td.row2{
background-image: url('http://nsa21.casimages.com/img/2011/10/12/111012045933699256.png');}
td.row3{
background-image: url('http://nsa21.casimages.com/img/2011/10/12/111012045933699256.png');}
td.row3Right{
background-image: url('http://nsa21.casimages.com/img/2011/10/12/111012045933699256.png');}

/*Fin cellule*/


/* CSS code citation arrondis*/

.quote {
border-style: dotted;
border-color: #000000;
-moz-border-radius: 10px;
-wekit-border-radius: 10px;
border-radius: 10px;
padding: 3px;
}

.code{
border-style: dotted;
border-color: #000000;
-moz-border-radius: 10px;
-wekit-border-radius: 10px;
border-radius: 10px;
padding: 3px;
}

.spoiler.hidden .quote.spoiler_content, .spoiler .quote {display:none;}.spoiler .quote.spoiler_content, .spoiler.hidden .quote {display:block;}

.spoiler_closed{
border-style: dashed;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border-color: #000000;
padding: 3px;
}

.spoiler_content{
border-style: dashed;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border-color: #000000;
padding: 3px;
}
/* Fin CSS code citation arrondis*/

/*Code pour "édit"*/
tr.post span.gensmall { display: none; }
/*Fin code pour "édit"*/

/*Contours pour images*/
.img_contour{
-moz-border-radius: 4px;
border: 4px solid #9EB0CD;
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}

.img_contour:hover{
-moz-border-radius: 4px;
border: 4px solid #9EB0CD;
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}
/*Fin Contours pour images*/

/* Profil Masqué */
.profilmasque /*c'est juste le css du bouton*/
{
background-color: #transp;
font-size: 12px; /*taille de la police*/
border: 1px dashed darkred; /* en pointillée et en gris*/
font-family: comic sans ms;
}

.profil1/*c'est le css de l'ensemble bouton+profil*/
{
width: 150px;
background-color: #transp;
border: none;
font-size: 12px;
font-family: comic sans ms;
font-weight: bold;
padding-right: 6px;
padding-left: 6px;
}
/* Fin Profil Masqué */

/*Cadre dans les descriptifs*/

.description{
width:500px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding:10px;
-moz-box-shadow: 1px 1px 2px #123B16;
-webkit-box-shadow: 1px 1px 2px #123B16;
box-shadow: 1px 1px 2px #123B16;
border-radius: 10px;
}
/*Fin Cadre dans les descriptifs*/

/*Fiche prez*/

  .nomfc{
font-size: 48px;
font-family : Georgia;
text-align: center;
color: #7D69A2;
text-transform: capitalize;
font-weight: bold;
z-index: 80;}

  .featfc{
font-size: 30px;
font-family: Georgia;
text-align: center;
color: #D9D9D9;
top: 53px;
text-transform: lowercase;
font-weight: bold;
z-index: 90;}

  .cadre_fiche{
background-color: #000000;
width: 100%;}

  .cadre_avatar{
background-color: #7D69A2;
border: solid #7D69A2 4px;
font-size: 10px;
color: #FFFFFF;
height: 337px;
width: 200px;}

  .cadre_info{
background-image:url('http://nsa26.casimages.com/img/2011/03/22/110322065900143269.jpg');
border: solid #7D69A2 4px;
padding-left: 4px;
padding-top: 4px;
height:333px;
width: 402px;
 }
 
  .cadre_int_info{
background-color: #D9D9D9;
margin: 20px;
height: 274px;
width: 350px;
overflow: auto;}

  .titre_fiche{
font-family: Georgia;
text-align: center;
font-size: 20px;
color: #000000;
border-bottom: 2px solid #69516E;
border-top: 2px solid #69516E;
padding-bottom: 3px;
padding-top: 3px;
letter-spacing: -2px;}

  .cadre_story{
background-image:url('http://nsa26.casimages.com/img/2011/03/22/110322065900143269.jpg');
border: solid #7D69A2 4px;
margin-left: 4px;
margin-top: -16px;
width: 616px;}

  .cadre_int_story{
background-color: #D9D9D9;
margin: 20px;
width: 576px;
text-align: justify;
overflow: auto;}

  .titrehistoire{
border-bottom : 2px dashed #534076;
border-top : 2px dashed #534076;
text-align: center;
font-weight: bold;
font-family: Georgia;
font-variant: small-caps;
padding-top: 3px;
padding-bottom: 3px;
margin-right: 90px;
margin-left: 90px;
}

  .texte{
font-family : Georgia;
font-size: 11px;
padding-left: 10px;
padding-right: 10px;
texte-valign: middle;
}

.aime{
border-bottom: 4px double #534076;
padding-left: 15px;
margin-left: 50px;
margin-right: 180px;
}

  select{
background-color: #D9D9D9;}
/*fin fiche prez*/

/* CSS pour contour rubriques*/

.forumline{
background-color:#transp;
-moz-border-radius: 14px 14px 14px 14px;
-webkit-border-radius: 14px 14px 14px 14px;
border-radius: 14px 14px 14px 14px ;
border-bottom: 6px #A5BA8E solid;
border-top: 6 px #A5BA8E solid;
border-right: 6 px #A5BA8E solid;
-moz-box-shadow: 1px 1px 1px 1px #A5BA8E;
border-left: 6 px #A5BA8E solid;
}
/* Fin CSS pour contour rubriques*/


/*Avatar*/

.avatar{
margin-bottom: -150px;
}
.avattars{
margin-bottom: -320px;
}
.avatars{
margin-bottom: -100px;
}
.avattar{
margin-bottom: -200px;
}
/*Fin avatar*/

/* CSS pour staff */
.tstaff{
font-size:11px;
text-transform: lowercase;
}

.staff span img{
border: 1px dotted #FFFFFF;
padding: 3px;
}

.staff{
position: relative;
padding-left: 10px;
padding-right: 10px;
z-index: 0;
}

.staff:hover{
background-color: transp;
text-transform: capitalize;
z-index: 999;
}

.staff span{
position: absolute;
background-color: #A5BA8E;
padding: 5px;
border: 3px double #242D1C;
visibility: hidden;
text-transform: capitalize;
-moz-border-radius:6px;
}

.staff:hover span{
visibility: visible;
top: 100%;
left: 0px;
width: 100%px
}
/* Fin css pour staff */

/*staff PA*/

.modo{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #525252;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #525252;
margin-left: 10px;
margin-rigth: -15px;
padding-bottom: 5px;
padding-top: 5px;
display: online;
}

.admin{
text-align: center;
font-family: Georgia;
font-size: 14px;
font-variant: small-caps;
-moz-text-shadow: 1px 1px 2px #123B16;
-webkit-text-shadow: 1px 1px 2px #123B16;
text-shadow: 1px 1px 2px #123B16;
}
/*Fin staff PA*/

/*News PA*/

.news{
text-align:justify;
background-color: #transp;
font-size: 12px;
padding-top: 10px;
padding-right: 10px;
color:#1F1F1F;
padding-left: 5px;
}

.new{
font-size:12px;
}
/*Fin News PA*/

.creds {
font-size: 13px;
border-bottom: 4px double #062604;
margin-left: 80px;
margin-right: 80px;
}

/*Partenaires cadre*/

.cadrepartenaire2
{
border:1px solid #8B8B8B;
padding:2px;
-moz-border-radius:4px;
-moz-box-shadow: 1px 1px 2px #004A6F;
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}

.cadrepartenaire2:hover{
border:1px solid #8B8B8B;
padding:2px;
-moz-border-radius:4px;
-moz-box-shadow: 1px 1px 2px #004A6F;
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}

/*Fin partenaires cadre*/

/*Page d'acceuil onglet*/
.onglet
{
                display: inline-block;
                background-image: url('http://nsa25.casimages.com/img/2011/03/27/110327051530111337.png');
                margin-left: 20px;
                margin-right:20px;
                padding: 10px;
                padding-bottom: 2px;
                margin:5px;
                border-left: 1px solid black;
                border-right: 1px solid black;
                border-top: 1px solid black;
                -webkit-border-top-left-radius: 10px;
                -webkit-border-top-right-radius: 10px;
                -moz-border-radius-topleft: 10px;
                -moz-border-radius-topright: 10px;
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;
                padding-left: 10px;
                padding-right: 10px;
                padding-top: 2px;
                font-family: Georgia;
                font-variant: small-caps;
                text-shadow: white 1px 1px 2px;
                font-size: 14px;
                cursor:pointer;
        }
        .onglet_0
        {
                background:#transp;
                margin: 5px;
                margin-left: 20px;
                margin-right:20px;
                padding-bottom: 4px;
                border-left: 1px solid black;
                border-right: 1px solid black;
                border-top: 1px solid black;
                -webkit-border-top-left-radius: 10px;
                -webkit-border-top-right-radius: 10px;
                -moz-border-radius-topleft: 10px;
                -moz-border-radius-topright: 10px;
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;
                padding-left: 10px;
                padding-right: 10px;
                padding-top: 3px;
                font-family: Georgia;
                font-variant: small-caps;
                text-shadow: white 1px 1px 2px;
                font-size: 14px;
        }
        .onglet_1
        {
                background:#transp;
                border-bottom:0px solid black;
                padding-bottom:4px;
                margin-left: 20px;
                margin-right:20px;
                border-left: 1px solid black;
                border-right: 1px solid black;
                border-top: 1px solid black;
                -webkit-border-top-left-radius: 10px;
                -webkit-border-top-right-radius: 10px;
                -moz-border-radius-topleft: 10px;
                -moz-border-radius-topright: 10px;
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;
                font-family: Georgia;
                padding-left: 10px;
                padding-right: 10px;
                padding-top: 3px;
                font-variant: small-caps;
                text-shadow: white 1px 1px 2px;
                font-size: 14px;
        }
        .contenu_onglet
        {
                background-image: url('http://nsa25.casimages.com/img/2011/03/27/110327051530111337.png');
                border: 1px dotted black;
                -moz-border-radius:10px;
                -moz-box-shadow: 1px 1px 4px #004A6F;
                -webkit-border-radius: 10px;
                border-radius: 10px;
                margin-top: -7px;
                margin-left: 90px;
                margin-right: 90px;
                margin-bottom: 10px;
                padding: 10px;
                padding-bottom:10px;
                display: none;
        }
/*Fin Page d'acceuil onglet*/

/*------ ONGLETS DU QEEL ------*/

ul, li{
  list-style: none;
margin-bottom: -2px;
margin-top: -5px;
margin-left: 30px;
}

.mon_onglet {
                float: left;
                padding: 5px 15px;
                margin-right: 20px;
                margin-left: 20px;
                text-decoration:none !important;
                padding-bottom: 2px;
                border-top: 1px dotted black;
                border-right: 1px dotted black;
                border-left: 1px dotted black;
                -webkit-border-top-left-radius: 10px;
                -webkit-border-top-right-radius: 10px;
                -moz-border-radius-topleft: 10px;
                -moz-border-radius-topright: 10px;
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;
                text-shadow: white 2px 2px 4px;
                font-family: georgia;
                font-size: 14px;
                background-image: url('http://nsa25.casimages.com/img/2011/03/28/110328010837376732.png');
}


.mon_onglet:hover {
                float: left;
                padding: 5px 15px;
                margin-right: 20px;
                margin-left: 20px;
                text-decoration:none !important;
                padding-bottom: 2px;
                border-top: 1px dotted black;
                border-right: 1px dotted black;
                border-left: 1px dotted black;
                -webkit-border-top-left-radius: 10px;
                -webkit-border-top-right-radius: 10px;
                -moz-border-radius-topleft: 10px;
                -moz-border-radius-topright: 10px;
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;
                text-shadow: white 2px 2px 4px;
                font-family: georgia;
                font-size: 14px;
                background-image: url('http://nsa25.casimages.com/img/2011/03/28/110328010837376732.png');
}
           
.mon_onglet_selected {
                float: left;
                padding: 5px 15px;
                margin-right: 20px;
                margin-left: 20px;
                text-decoration:none !important;
                padding-bottom: 2px;
                border-top: 1px dotted black;
                border-right: 1px dotted black;
                border-left: 1px dotted black;
                -webkit-border-top-left-radius: 10px;
                -webkit-border-top-right-radius: 10px;
                -moz-border-radius-topleft: 10px;
                -moz-border-radius-topright: 10px;
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;
                text-shadow: white 2px 2px 4px;
                font-family: georgia;
                font-size: 14px;
                background-image: url('http://nsa25.casimages.com/img/2011/03/28/110328010837376732.png');
}

.clear{
  clear: both;
}


.mon_contenu{
                background-image: url('http://nsa25.casimages.com/img/2011/03/28/110328010837376732.png');
                border : 1px dotted #000000;
                -webkit-bordert-radius: 10px;
                -moz-border-radius: 10px;
                border-radius: 10px;
                height: 230px;
                margin-right: 20px;
                margin-left: -20px;
                padding-top: 60px;
                padding-right: 15px;
                padding-left: 15px;
}

#mes_contenus, #mes_onglets{
  width: 100%;
}

.groupesqueel{
background-color: #FFFFFF;
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
border: 2px solid #000000;
-moz-border-radius: 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
margin-right: 300px;
margin-left: 50px;
padding-bottom: 10px;
padding-top: 10px;
font-family: georgia;
font-size: 12px;
margin-top: -40px;
}

.groupesqueel1{
background-color: #A5BA8E;
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
border: 2px solid #000000;
-moz-border-radius: 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
margin-right: 50px;
margin-left: 100px;
padding-bottom: 5px;
padding-top: 5px;
padding-right: 20px;
padding-left: 20px;
margin-right: 200px;
margin-left: 200px;
font-family: arial;
font-size: 12px;
text-align: center;
}

.groupesqueel2{
background-color: #FFFFFF;
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
border: 2px solid #000000;
-moz-border-radius: 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
margin-right: 50px;
margin-left: 300px;
padding-bottom: 10px;
padding-top: 10px;
font-family: georgia;
font-size: 12px;
margin-top: 10px;
}

.queelback{
background-image: url('http://nsa21.casimages.com/img/2011/10/12/111012045933699256.png');}

/*fin queel*/

/*chatbox*/

#lnrbox
{
position: fixed;
bottom: 160px;
margin-left: -10px;
z-index: 999;
}
/*fin chatbox*/


.spacer{
padding: 10px;}

.avatarpris{
font-size: 14px;
color: #000000;
text-align: center;
font-family: georgia;
}

/*couleur chatbox*/

.chatbox .msg span[style="color:green;"] strong {
  color:#ffffff;
}

.chatbox .msg span[style="color:red;"] strong {
  color:#000000;
}
/*fin couleur chatbox*/

*/Pour Journal*/

        .imBookPage {
          position:absolute;
          left:0px;
          top:0px;
          width: 300px;
          height:360px;
          color:#fff;
          overflow:hidden;
          border: solid 1px #000;
        }
       
        #iframeCntnr {
          width:604px;
          height:362px;
          padding:0;
          float:left;
        }



Dernière édition par Cataliana le Jeu 13 Oct 2011 - 2:50, édité 1 fois
Cataliana

Cataliana
***

Féminin
Messages : 148
Inscrit(e) le : 20/10/2009

http://castleofthenight.forumgratuit.org/
Cataliana a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largeur du forum non modifiée

Message par SoraNoHime Mer 12 Oct 2011 - 11:06

Bonjour

qu'appellez-vous la page principale ? l'index complet ? la page d'acceuil ? Puisque les forums s'alignent pouvez-vous me préciser ce qui ne change pas.


Cordialement.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: Largeur du forum non modifiée

Message par Cataliana Mer 12 Oct 2011 - 19:13

La largeur ne se modifie pas sur l'index oui, toute la page d'accueil, que ce soit la PA, les catégories, le QEEL, alors que lorsqu'on clique sur un forum et qu'on a la liste des sujets du forum, on s'aperçoit que la taille a diminuée, et quand je change le %, ça n'est que dans les catégories que la taille change.

Je mets les images en taille réelle:

L'index:

Largeur du forum non modifiée Mini_11101207185979722

Dans le forum:

Largeur du forum non modifiée Mini_111012072117398310
Cataliana

Cataliana
***

Féminin
Messages : 148
Inscrit(e) le : 20/10/2009

http://castleofthenight.forumgratuit.org/
Cataliana a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largeur du forum non modifiée

Message par SoraNoHime Mer 12 Oct 2011 - 19:25

La taille de votre image en haut de votre page d'acceuil est très grande, c'est elle qui agrandit la taille.

Cordialement.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: Largeur du forum non modifiée

Message par Cataliana Jeu 13 Oct 2011 - 0:38

Eh bien, j'ai enlevé toute la PA et ça n'a rien changé. J'ai mis la largeur à 50% et remarquez qu'encore une fois, seuls les sujets ont pris compte de ce changement.

Largeur du forum non modifiée Mini_111013124604779797

Largeur du forum non modifiée Mini_111013124611782221
Cataliana

Cataliana
***

Féminin
Messages : 148
Inscrit(e) le : 20/10/2009

http://castleofthenight.forumgratuit.org/
Cataliana a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largeur du forum non modifiée

Message par SoraNoHime Jeu 13 Oct 2011 - 1:37

dans votre .description dans la css, le width est paramétré à 500px ce qui est une taille fixe de largeur. changez le en 100%
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: Largeur du forum non modifiée

Message par Cataliana Jeu 13 Oct 2011 - 2:50

C'était bien ça, merci beaucoup pour votre aide !
Cataliana

Cataliana
***

Féminin
Messages : 148
Inscrit(e) le : 20/10/2009

http://castleofthenight.forumgratuit.org/
Cataliana a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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