Elargir mon forum

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

Résolu Elargir mon forum

Message par chronica-nrd le Mar 2 Juil 2013 - 18:09

Bonjour,

Je sais que c'est un sujet qui a été souvent demandé, mais les sujet sont verrouillé, donc je suis obligée d'en créer un autre Embarassed 

Voici mon forum: http://chronica.forumactif.org

J'ai mis 100% dans Structure des pages > Largeur du forum (nombre ou %), mais cela n'a rien changé...

Je suppose que cela peut venir d'un code dans mon CSS, qui désactive ce pourcentage, mais je n'ai pas trouvé.
Le voici:
Code:
#i_logo
{
  margin-top: 22px;
}

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

/* CADRE */
.body{
 background: #b9b9bb;}
.bodyline{
background: #b9b9bb;
  width: 950px;
border-left: 5px solid #463d3e;
  border-right: 5px solid #463d3e;
  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;
padding: 0px;

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

.forumline
{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #b9b9bb;
  border: 1px solid #B8A0AB;
  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: 100%;
  margin: auto;
}


/*BARRE DE NAVIGATION*/
#navigation
{
  position: fixed;
  z-index: 999;
  height: 30px;
  width: 100%;
  margin-left: -8px;
}
#navig
{
  width: 950px;
  margin: auto;
  text-align: center;
  background: #463d3e;
  border-bottom: 2px solid #b9b9bb;
  padding-bottom: 3px;
}

#navig a
{
  font-weight: bold;
  color: #b9b9bb !important;
  text-shadow: 1px 1px 0px #000000;
}
#navig a:hover
{
  color: #efefef !important;
}
/*FIN BARRE DE NAVIGATION*/

/*CATEGORIE*/

a.nav img
{
width: 300px;
}

.cate_titre
{
  width: 98%;
  margin: auto;
  text-align: center;
}
.categorie
{
  width: 98%;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  background: url(http://image.noelshack.com/fichiers/2012/38/1348334713-i-background2.jpg);
  border-top: 3px solid #463d3e;
  border-bottom: 3px solid #463d3e;
  border-right: 1px solid #463d3e;
  border-left: 1px solid #463d3e;
  box-shadow: 0px 0px 5px #463d3e;
  -moz-box-shadow: 0px 0px 5px #463d3e;
  -o-box-shadow: 0px 0px 5px #463d3e;
  -htm-box-shadow: 0px 0px 5px #463d3e;
  -webkit-box-shadow: 0px 0px 5px #463d3e;
}
.forum
{
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  background: #b9b9bb;
  border: 1px dotted #435380;
  padding: 2px;
}
.forumlink
{
  display: block;
  width: 550px;
  font-variant: small-caps;
  letter-spacing: 2px;
  padding-left: 20px;
  text-shadow: 1px 1px 0px #ffffff;
}
.forumlink a
{
  font-size: 16px;
  border-bottom: 2px dotted #435380;
}
.description
{
  display: block;
  width: 500px;
  margin: auto;
  font-size: 11px;
  text-align: justify;
  color: #435380;
}
.illu
{
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
  border: 1px solid #553b4b;
  background: #435380;
  padding: 5px;
}

.stats_last
{
  display: block;
  width: 160px;
  margin: auto;
  background: url(http://image.noelshack.com/fichiers/2012/38/1348334562-i-background1.jpg);
  padding: 10px;
  border: 1px dotted #435380;
}
.stats
{
  display: block;
  text-align: center;
  font-size: 10px;
  color: #435380;
  border-bottom: 1px solid #435380;
  padding-bottom: 4px;
  margin-bottom: 4px;
}
.last
{
  display: block;
  text-align: center;
  font-size: 11px;
}
.sous_forum
{
  display: block;
  width: 98%;
  margin: auto;
  background: url(http://image.noelshack.com/fichiers/2012/38/1348334562-i-background1.jpg);
  padding: 2px;
  text-align: center;
}
/*FIN CATEGORIE*/

/* CORRECTION ERREUR */
/* MP */
#page-body
{
  width: 920px;
  margin: auto;
}
.forumline
{
  width: 100%;
  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: 100%;
  margin: auto;
}
/*FIN CORRECTION ERREUR*/
/*PROFIL MESSAGE*/
.profil
{
  width: 210px;
  margin: auto;
  padding: 2px;
  background: #868586;
  border: 1px dotted #553b4b;
  text-align: center;
}
.name
{
  font-size: 14px;
  font-variant: small-caps;
}
.profil_avatar
{
  border: 1px solid #463d3e;
  background: #312d2d;
  padding: 4px;
}

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

/* FIN PROFIL MESSAGE*/
/*QUI EST EN LIGNE*/
        
        .qeel_start
        {
        width: 900px;
        height: 292px;
       padding: 8px;
        background-image: url(http://image.noelshack.com/fichiers/2012/38/1348337596-fondqueellll1.jpg);
        border: 2px solid #b9b9bb;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        }
        
        .groupes
        {
        text-transform: uppercase;
        font-size: 10px;
        font-weight: bold;
        letter-spacing: 1px !important;
        text-shadow: #fffcf6 1px 1px 0px;
        background-color: #b9b9bb;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 6px;
        padding-right: 6px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        }
        
        .qeel_align
        {
        background-color:#b9b9bb;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        padding: 10px;
        margin-right: 5px;
        vertical-align: top;
        }
        
        .qeel_birth
        {
        padding: 0px;
        background-color:#b9b9bb;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        -moz-box-shadow: 0 0 5px #;
        box-shadow: 0 0 5px #;
        -webkit-box-shadow: 0 0 5px #;
        }
        
        .qeel_texte
        {
        text-align: justify;
        width: 330px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        }
        
        .texte_qui
        {
        padding-left: 0px;
        padding-right: 0px;
        }
/*FIN QUEEL*/

.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;
}

Savez-vous quel code je dois enlever pour que le % fonctionne?

Merci de votre aide Wink


Dernière édition par chronica-nrd le Mar 2 Juil 2013 - 18:42, édité 1 fois

chronica-nrd
****

Féminin
Messages : 212
Inscrit(e) le : 19/10/2009

http://chronica.forumactif.org/forum.htm
chronica-nrd a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Elargir mon forum

Message par Invité le Mar 2 Juil 2013 - 18:21

Bonsoir,

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

enlève le width: 950px;

Invité
Invité


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

Résolu Re: Elargir mon forum

Message par chronica-nrd le Mar 2 Juil 2013 - 18:26

Bonjour Danynou,

Ça a élargit le fond du forum mais pas le reste, là où on écrit: catégorie, message etc etc...
Comment puis-je faire élargir la totalité confused 

Merci Wink

chronica-nrd
****

Féminin
Messages : 212
Inscrit(e) le : 19/10/2009

http://chronica.forumactif.org/forum.htm
chronica-nrd a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Elargir mon forum

Message par Invité le Mar 2 Juil 2013 - 18:28

essai ce code:

Code:
#i_logo
{
  margin-top: 22px;
}

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

/* CADRE */
.body{
  background: #b9b9bb;}
.bodyline{
background: #b9b9bb;
  width: 950px;
border-left: 5px solid #463d3e;
  border-right: 5px solid #463d3e;
  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;
padding: 0px;

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


.forumline
{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #b9b9bb;
  border: 1px solid #B8A0AB;
  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: 100%;
  margin: auto;
}


/*BARRE DE NAVIGATION*/
#navigation
{
  position: fixed;
  z-index: 999;
  height: 30px;
  width: 100%;
  margin-left: -8px;
}
#navig
{
  width: 950px;
  margin: auto;
  text-align: center;
  background: #463d3e;
  border-bottom: 2px solid #b9b9bb;
  padding-bottom: 3px;
}

#navig a
{
  font-weight: bold;
  color: #b9b9bb !important;
  text-shadow: 1px 1px 0px #000000;
}
#navig a:hover
{
  color: #efefef !important;
}
/*FIN BARRE DE NAVIGATION*/

/*CATEGORIE*/

a.nav img
{
width: 300px;
}

.cate_titre
{
  width: 98%;
  margin: auto;
  text-align: center;
}
.categorie
{
  width: 98%;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  background: url(http://image.noelshack.com/fichiers/2012/38/1348334713-i-background2.jpg);
  border-top: 3px solid #463d3e;
  border-bottom: 3px solid #463d3e;
  border-right: 1px solid #463d3e;
  border-left: 1px solid #463d3e;
  box-shadow: 0px 0px 5px #463d3e;
  -moz-box-shadow: 0px 0px 5px #463d3e;
  -o-box-shadow: 0px 0px 5px #463d3e;
  -htm-box-shadow: 0px 0px 5px #463d3e;
  -webkit-box-shadow: 0px 0px 5px #463d3e;
}
.forum
{
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  background: #b9b9bb;
  border: 1px dotted #435380;
  padding: 2px;
}
.forumlink
{
  display: block;
  width: 550px;
  font-variant: small-caps;
  letter-spacing: 2px;
  padding-left: 20px;
  text-shadow: 1px 1px 0px #ffffff;
}
.forumlink a
{
  font-size: 16px;
  border-bottom: 2px dotted #435380;
}
.description
{
  display: block;
  width: 500px;
  margin: auto;
  font-size: 11px;
  text-align: justify;
  color: #435380;
}
.illu
{
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
  border: 1px solid #553b4b;
  background: #435380;
  padding: 5px;
}

.stats_last
{
  display: block;
  width: 160px;
  margin: auto;
  background: url(http://image.noelshack.com/fichiers/2012/38/1348334562-i-background1.jpg);
  padding: 10px;
  border: 1px dotted #435380;
}
.stats
{
  display: block;
  text-align: center;
  font-size: 10px;
  color: #435380;
  border-bottom: 1px solid #435380;
  padding-bottom: 4px;
  margin-bottom: 4px;
}
.last
{
  display: block;
  text-align: center;
  font-size: 11px;
}
.sous_forum
{
  display: block;
  width: 98%;
  margin: auto;
  background: url(http://image.noelshack.com/fichiers/2012/38/1348334562-i-background1.jpg);
  padding: 2px;
  text-align: center;
}
/*FIN CATEGORIE*/

/* CORRECTION ERREUR */
/* MP */
#page-body
{
/*  width: 920px;
  margin: auto;*/
}
.forumline
{
  width: 100%;
  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: 100%;
  margin: auto;
}

j'ai supprimé la ligne 29 et 204

Invité
Invité


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

Résolu Re: Elargir mon forum

Message par Self le Mar 2 Juil 2013 - 18:31

Tester d'ajouter le code suivant à votre CSS:

Code:
.three-col{
Width: 120% !important;}


Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Résolu Re: Elargir mon forum

Message par chronica-nrd le Mar 2 Juil 2013 - 18:41

Merci à vous 2 Wink

Le changement de Danynou a mieux marché cheers 

Ton code SeLfde4Th7, a fait dépassé les messages du cadre, mais merci en tout cas Wink

chronica-nrd
****

Féminin
Messages : 212
Inscrit(e) le : 19/10/2009

http://chronica.forumactif.org/forum.htm
chronica-nrd a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Elargir mon forum

Message par Invité le Mar 2 Juil 2013 - 18:45

Je pense qu'un petit nettoyage de ton css serait bien Smile

Invité
Invité


Invité 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