Impossible de changer la largueur de mon forum

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

Résolu Impossible de changer la largueur de mon forum

Message par Eil'liathan Tyan'Lirulin le Dim 26 Aoû 2012 - 3:13

Bonjour, bonsoir et oui, c'est encore moi !

Voici mon problème, il est tout simple. Je n'arrive plus à régler la largueur de mon forum.
Je suis bien passée sur mon PA -> Général -> Configuration-> Structure des Pages en tentant de mettre la taille en px puis en %, mais il n'y a rien eu à faire.
En faisant quelques recherche sur FA, j'ai vu que le soucis pouvait venir de mon CSS, j'ai tenté de modifier, mais ne suis arrivée à rien non plus ><

Voici le CSS en question :
Spoiler:

Code:
 /*SUPPRESSION BORDURE*/
.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;}
                                        /*IMAGE DE FOND*/

 body{
        background-position: top center;   
background-repeat: no-repeat;   
background-attachment: fixed;}

            /*ESPACE DE FORUM */
.forumline
{
margin-bottom: 25px;
}
                     
                          /*RETIRER LES SOULIGNEMENT*/

a { text-decoration: none; }

                                /*ZOOM TEXT SURVOL*/

A:hover{text-transform:uppercase;}

                        /*COINS ARRONDIS*/

td, input, select,textarea  {border-radius: 10px;}

          /*CITATION*/

.quote{
background-color:#979CA6;
border 1px solid  #fff;
border-top: 1px solid #fff;
border-bottom:1px solid  #fff;
border-right:1px solid  #fff;
display:inline-block;
}

            /*CODE DANS LES MESSAGES*/

.code{
background-color:#979CA6;
border 1px solid  #fff;
border-top: 1px solid #fff;
border-bottom:1px solid  #fff;
border-right:1px solid  #fff;
border-left: 1px solid  #fff;
text-align:center;}

          /* SPOILER */

.spoiler_closed {/* Apparence du spoiler fermé*/
display:block;
line-height: 125%;
background-color:#C2C2C2;
border 1px solid #fff;
border-top: 2px solid  #fff;
border-bottom:2px solid  #fff;
border-right:1px solid  #fff;
border-text: 1px solid  #fff;}

.spoiler_closed.hidden {
display:none;
background-color:#C2C2C2;
border 1px solid #fff;
border-top: 1px solid  #fff;
border-bottom:1px dotted  #fff;
border-right:1px dotted  #fff;
border-left: 1px dotted  #fff;}

.spoiler_content {/*apparence du spoiler ouvert*/
display:block;
line-height: 125%;
background-color:#979CA6;
border 1px solid  #fff;
border-top: 1px solid #fff;
border-bottom:1px solid  #fff;
border-right:1px solid  #fff;
border-left: 1px solid  #fff;}

.spoiler_content.hidden {
display:none;
background-color:#979CA6;
border 1px solid #fff;
border-top: 1px solid  #fff;
border-bottom:1px solid  #fff;
border-right:1px solid  #fff;
border-left: 1px solid  #fff;}

                                    /*CORPS DE CATEGORIE*/
.secondarytitle{
background-image: url('http://img15.hostingpics.net/pics/8520991ercatgrorie.png');
background-repeat: no-repeat;
background-color: transparent;
background-position:center bottom;
height:150px;
width:1000px;}
 
                                /*CADRES AUTOUR DES DESCRIPTIONS DES FORUMS */

/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
margin: auto;
padding: 10px;
color: #000000;
width: 80%;
border: 1px solid #FFF;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
font-size: 12px;
border-top-left-radius:2em;
border-top-right-radius:2em;
border-bottom-right-radius:2em;
border-bottom-left-radius:2em;}
       
/*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
.forum-stats {
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-webkit-border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-top-left-radius: 20px;
border-bottom: 0 none !important;
border-left: 1px solid #FFF;
border-right: 1px solid #FFF;
border-top: 1px solid #FFF;
color: #000000;
margin-left :-150px;
font-size: 11px;
font-style: italic;
height: 14px;
left: 280px;
padding: 5px;
position: relative;
text-align: auto;
width: 310px;}
       
/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
color: #000000;
border: 1px solid #FFF;
border-top: 0px !important;
-moz-border-radius-bottomleft: 14px;
-moz-border-radius-bottomright: 14px;
-webkit-border-bottom-right-radius: 14px;
-webkit-border-bottom-left-radius: 14px;
border-bottom-right-radius: 14px;
border-bottom-left-radius: 14px;
margin: auto;
margin-left :600px;
padding: 4px;
color: #000000;
width: 20%;
text-align: center;
height: 14px;
font-size: 11px;}

                          /*DESCRIPTION DES FORUM EN IMAGES GLISEES*/ 
 .cate {
width: 720px;
height: 128px;
overflow: hidden;
border: 2px solid #AFB2B3;
background-color: #AFB2B3;
background-align: justify;}

.cate_img {
position: relative;
z-index: 0;
width: 720px;
height: 90px;
margin-left: -3px;
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;}

.cate:hover .cate_img {
margin-left: 720px;
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;}

.cate_description {
position: center;
z-index: 0;
width: 600px;
height: 145px;
margin-top: -65px;
margin-left: 55px;
text-align: justify;
font-family:georgia;
font-size: 13px;
font-style : italic;
color: #fff;
padding: 2px;
overflow: auto;}

                    /*COLONNE DERNIER MESSAGE*/

.lastpost{
padding: 10px; /* Espace entre le cadre et le texte*/
font-family: georgia; /* Police du texte*/
font-size: 12px; /* Taille du texte*/
background: #AFB2B3; /* Couleur de fond*/
color: #FFF; /* Couleur du texte*/
border: 1px solid #FFF; /* Taille - Style - Couleur de la bordure*/
text-decoration: none; /* Aucune décoration au texte*/
-moz-border-radius: 20px; /* Arrondis pour Mozilla*/
-webkit-border-radius: 20px; /* Arrondis pour Safari et Chrome*/
border-radius: 20px;
-o-border-radius: 20px; /* Arrondis pour Opéra*/
}

                            /*PROFIL*/

.haut_profil_posts {
background-image: url('http://img15.hostingpics.net/pics/144639968.jpg');
border: 2px solid #000000;
border-radius: 15px;
padding: 20px 5px;
text-align: center;
font-size: 16px;
text-color :#000000}
     
.bas_profil_posts {
background-image: url('http://img15.hostingpics.net/pics/144639968.jpg');
border: 2px solid #000000;
border-radius: 15px;
padding: 25px;
margin-top: 5px;
font-size :12px}

              /*TABLEAU A ONGLET PA*/
.mon_onglet{
float:left;
padding: 10px 25px;
margin-right: 0px;
color: #fff;
background:#AFB2B3
border: 1px solid #fff;
cursor: pointer;
margin-bottom: -1px;
list-style: none;
-moz-border-radius : 1px;
-webkit-border-radius : 1px;
border-radius: 1px;}

.mon_onglet:hover{
background: #AFB2B3;} 

.mon_onglet_selected{
float: left;
padding: 0px 43px;
margin-right: 0px;
color: #fff;
background: #AFB2B3;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
cursor: pointer;
margin-bottom: -1px;
list-style: none;}

.clear{
clear: both;}

.mon_contenu{
color: #000;
background-image:url(http://img11.hostingpics.net/pics/584627Image.png);
border: 1px solid #fff;
padding: 10px;
line-height: normal;
font-size: 11px;}

.mes_contenus, #mes_onglets{
width: 1055px;
margin:center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;}

                          /* INFOBULL PA*/

.lock  {
position: relative;
cursor: pointer;
}
.lock .lock-hidden {
/* center */
display: none;
position: absolute;
padding-left : 15px;
padding-right : 15px;
padding-top  : 15px;
padding-bottom : 15px;
top: 260px;
left: 0px;
/* style du bloc qui apparait */
border: 2px outset #fff;
border-radius: 15px;
background-image:url(http://img11.hostingpics.net/pics/584627Image.png);
-moz-border-radius: 5px;
text-align: center ;
color: #FFFFFF;
font-size:12px;
visibility: visible;}

.lock:hover .lock-hidden {
display: block;}

 /*CHAT BOX*/
body.chatbox {
background :#000000;}


              /*MENU DEROULANT*/
/*liste des menus*/
#menu ul{padding: 0px;
list-style-type: none;
margin:0px;}
             
             
/*positionnement des menus*/
#menu dl {
float: left;     
width: 235x;}
             
 /*menus*/
#menu dt {
text-align: center;
cursor: pointer;
font-weight: bold;
border: 0px solid ;
margin: 0px;}
       
/*menus au survol*/
#menu dt:hover{
border-bottom: none!important;}
             
/*liste des sous-menus*/
#menu dd {
display: none;
border: 1px #ffffff;
border-top: none!important;
background:#AFB2B3 ;
margin: 0px;
padding: 0px;
list-style-type: none;
-webkit-border-radius:25px;
-moz-border-radius: 25px;
border-radius:25px;}
             
#menu li {
text-align: center;
background: #AFB2B3;
margin: 0px;       
padding: 0px;
list-style-type: none;
-webkit-border-radius:25px;
-moz-border-radius: 25px;
border-radius:25px;}
             
/* liens des sous-menus*/
#menu li a, #menu dt a {
color: black;
text-decoration: none;
display: block;
height: 100%;
border: 1px #ffffff;
margin: 0px;
padding: 0px;
list-style-type: none;
-webkit-border-radius:25px;
-moz-border-radius: 25px;
border-radius:25px;}
             
/*liens des sous-menus au survol*/
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
color: white;
text-align: center;
width: 235px;
cursor: pointer;
text-décoration: italic;
background: gray;
margin: 0px;
padding: 0px;
list-style-type: none;
-webkit-border-radius:25px;
-moz-border-radius: 25px;}

                                  /*FIN*/

Mes templates index_box, overall_header, topic-list-box et viewtopic-body sont modifié.
Mon forum est en PHPBB 2. Voici l'adresse : http://quisaraedis.forumgratuit.org/

Voilà voilà, j'espère que quelqu'un pourra éclairer ma lanterre.
Merci d'avance !


Dernière édition par Eil'liathan Tyan'Lirulin le Dim 26 Aoû 2012 - 21:12, édité 1 fois

Eil'liathan Tyan'Lirulin
***

Messages : 164
Inscrit(e) le : 29/12/2011

http://quisaraedis.forumgratuit.org/
Eil'liathan Tyan'Lirulin a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Impossible de changer la largueur de mon forum

Message par Milouze14 le Dim 26 Aoû 2012 - 6:30

Salut Eil'liathan Tyan'Lirulin,

ajoute ceci dans ta feuille de style:
augmente ou diminue la valeur 80 si besoin
Affichage/Images et Couleurs/Couleurs/Feuille de style

Code:

/*Largeur forum*/
.bodyline
{
width:80%;
}
 
Penses bien à valider les modifications en cliquant sur le bouton "Valider" Wink .
a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Impossible de changer la largueur de mon forum

Message par Eil'liathan Tyan'Lirulin le Dim 26 Aoû 2012 - 14:28

Bonjour, Milouze14.
Merci de ta réponse rapide, malheureusement, ça ne change rien T.T
En revanche, j'ai bidouillé mon template index_box et index body + le CSS pour les réglage et j'ai réussit à réduire comme je le voulais la page d’accueil, le corps et le QEEL et centrer mon tableau à onglet de la page d'accueil.

Persiste un problème.

L'annonce au dessus de la PA sous la bannière. Je n'arrive pas à régler sa taille ><

Eil'liathan Tyan'Lirulin
***

Messages : 164
Inscrit(e) le : 29/12/2011

http://quisaraedis.forumgratuit.org/
Eil'liathan Tyan'Lirulin a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Impossible de changer la largueur de mon forum

Message par Milouze14 le Dim 26 Aoû 2012 - 19:14

Re,
tu dois avoir dans ta css cette class:

Code:
#fa_ticker_block

as tu un width dans cette class?

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Impossible de changer la largueur de mon forum

Message par Eil'liathan Tyan'Lirulin le Dim 26 Aoû 2012 - 20:09

Heu, je vois même pas ton code dans mno CSS><

Eil'liathan Tyan'Lirulin
***

Messages : 164
Inscrit(e) le : 29/12/2011

http://quisaraedis.forumgratuit.org/
Eil'liathan Tyan'Lirulin a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Impossible de changer la largueur de mon forum

Message par Milouze14 le Dim 26 Aoû 2012 - 20:12

Re,
essayes ceci:
Code:
#fa_ticker_block {width:300px;}


a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Impossible de changer la largueur de mon forum

Message par Eil'liathan Tyan'Lirulin le Dim 26 Aoû 2012 - 21:12

Yeaaaaaahhhhhhhh !
Merci beaucoup !! En plus c'était rapide, merci !!!
Résolu ^o^

Eil'liathan Tyan'Lirulin
***

Messages : 164
Inscrit(e) le : 29/12/2011

http://quisaraedis.forumgratuit.org/
Eil'liathan Tyan'Lirulin 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