Largeur du forum

3 participants

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

Résolu Largeur du forum

Message par Popy Dim 4 Sep 2011 - 22:40

Bonsoir,

J'aimerais diminué la largeur de mon forum, mais je n'y arrive pas
Quelqu'un saurait m'aider ?

Merci d'avance
Cordialement


Dernière édition par Popy le Sam 17 Sep 2011 - 12:42, édité 2 fois
Popy

Popy
***

Féminin
Messages : 151
Inscrit(e) le : 29/09/2010

http://sicret-dream.forums-actifs.com/
Popy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largeur du forum

Message par Popy Dim 4 Sep 2011 - 22:45

UP ?
Popy

Popy
***

Féminin
Messages : 151
Inscrit(e) le : 29/09/2010

http://sicret-dream.forums-actifs.com/
Popy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largeur du forum

Message par SoraNoHime Dim 4 Sep 2011 - 23:55

Bonsoir,

puis-je avoir votre css ?

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

Message par Popy Lun 5 Sep 2011 - 9:35

La j'ai du faire un fond de 3km avec le header comprit dedans, sinon sa agrandit la largeur du forum T_T

Mon CSS
Code:
body
{background-position: top center;
}


a {
font-variant: small-caps;
}


th {
font-family:monospace; (police)
text-align: center; (pour aligner le texte)
}


.forumline{border:2px dotted #ff8196;
}

a.forumlink {
font-family: monospace;
background-color: ; (couleur du fond)
display: block; (affiche sous forme de "bloc" si tu spécifies pas la largeur, il prendra toute la largeur)
font-weight: bold; (met la police en gras)
text-align: center;
border-bottom: 1px dashed #C799B8; (ajoute une bordure en dessous)
color : #B56B4F; (couleur du titre du forum)
}


.postdetails.poster-profile a img {
border:4px solid #FFFFFF;
border-left: 6px solid #FFFFFF;
border-right: 6px solid #FFFFFF;
border-top: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
}

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

a { text-decoration: none; }

tr.post td {padding-left: 20px;}

h2.titre1 span {
  padding: 2px 10px 2px 5px; /* Dans l'ordre: padding-top padding-right padding-bottom padding-left */
  margin-left: 10px; /* Décaler le titre par rapport aux paragraphes normaux */
  border-left: 5px solid #458EFF;
  border-bottom: 2px dotted #458EFF;
  color: #be4d5d;
}
h2.titre2 {
  display: inline; /* Ne plus considérer le titre comme un bloc */
  /* Après, c'est la même chose que pour titre1 : */
  margin-left: 10px;
  padding: 2px 10px 2px 5px;
  border-left: 5px solid #458EFF;
  border-bottom: 2px dotted #458EFF;
  color: #BE4D5D;
}


a {
  text-shadow: 1px 1px 1px #ffbbbf;
}




.infobulle{position: relative;z-index: 0;}

.infobulle:hover{background-color: transparent;z-index: 50;}



.infobulle span{
position: absolute;
background-color: #abb8c8;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #FFFFFF;}

.infobulle span img{
border: 1px;
padding: 5px;}

.infobulle:hover span{
visibility: visible;
top: 70px;
left: 35px;
width: 90px ;
color:#FFFFFF;
border: 3px dotted #f36f71;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;}




 /*Bulle autour du message*/
    .bulle{
    background-color : #fcdbe5; /*couleur du fond de la bulle*/
    border : 1px solid #df596a; /*couleur de la bordure*/
    -moz-border-radius: 15px ; /*adapter les arrondis en réglant le 10px des 4 phrases*/
    -webkit-border-radius:10px;
    -border-radius:10px;
    -khtml-border-radius:10px;
    padding : 5px; /*espacement interne obligatoire pour éviter les débordements de texte et d'images*/
    }

    /*Image du triangle de la bulle*/
    .attache {
      background-image : url("http://img11.hostingpics.net/pics/436169flech.png"); /*Image du triangle de la bulle à vous de faire la votre, vous pouvez prendre modèle sur la mienne*/
    width: 20px; /*largeur de l'image à remettre, obligatoire*/
    height :20px; /*hauteur de l'image à remettre, obligatoire*/
    position : relative;
    top :50px; /*à régler si besoin il s'agit de la position en hauteur initiale de l'image par rapport à celle qu'elle aura en visuel, obligatoire*/
    left :-19px; /*idem, mais en largeur, calculer facilement, largeur de l'image -1, obligatoire*/
    }

.fondperso {
 background-image : url("http://img4.hostingpics.net/pics/701182fond.png");
}



.colorpicker {
  width: 356px;
  height: 176px;
  overflow: hidden;
  position: absolute;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
  font-family: Arial, Helvetica, sans-serif;
  display: none;
}
.colorpicker_color {
  width: 150px;
  height: 150px;
  left: 14px;
  top: 13px;
  position: absolute;
  background: #f00;
  overflow: hidden;
  cursor: crosshair;
}
.colorpicker_color div {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
}
.colorpicker_color div div {
  position: absolute;
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  overflow: hidden;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
  margin: -5px 0 0 -5px;
}
.colorpicker_hue {
  position: absolute;
  top: 13px;
  left: 171px;
  width: 35px;
  height: 150px;
  cursor: n-resize;
}
.colorpicker_hue div {
  position: absolute;
  width: 35px;
  height: 9px;
  overflow: hidden;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
  margin: -4px 0 0 0;
  left: 0px;
}
.colorpicker_new_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 213px;
  top: 13px;
  background: #f00;
}
.colorpicker_current_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 283px;
  top: 13px;
  background: #f00;
}
.colorpicker input {
  background-color: transparent;
  border: 1px solid transparent;
  position: absolute;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: #898989;
  top: 4px;
  right: 11px;
  text-align: right;
  margin: 0;
  padding: 0;
  height: 11px;
}
.colorpicker_hex {
  position: absolute;
  width: 72px;
  height: 22px;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
  left: 212px;
  top: 142px;
}
.colorpicker_hex input {
  right: 6px;
}
.colorpicker_field {
  height: 22px;
  width: 62px;
  background-position: top;
  position: absolute;
}
.colorpicker_field span {
  position: absolute;
  width: 12px;
  height: 22px;
  overflow: hidden;
  top: 0;
  right: 0;
  cursor: n-resize;
}
.colorpicker_rgb_r {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
  top: 52px;
  left: 212px;
}
.colorpicker_rgb_g {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
  top: 82px;
  left: 212px;
}
.colorpicker_rgb_b {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
  top: 112px;
  left: 212px;
}
.colorpicker_hsb_h {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
  top: 52px;
  left: 282px;
}
.colorpicker_hsb_s {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
  top: 82px;
  left: 282px;
}
.colorpicker_hsb_b {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
  top: 112px;
  left: 282px;
}
.colorpicker_submit {
  position: absolute;
  width: 22px;
  height: 22px;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
  left: 322px;
  top: 142px;
  overflow: hidden;
}
.colorpicker_focus {
  background-position: center;
}
.colorpicker_hex.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_slider {
  background-position: bottom;
}



.forumline {
    -moz-border-radius: 20px ;
    -webkit-border-radius:20px;
    -border-radius:20px;
    -khtml-border-radius:20px;
background-color : #ffd6f7;
padding : 5px;}


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

a { text-decoration: none ; }


a.imginfo {
  position: relative;
  color: #7d7d7d;
  text-decoration: none;
  border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
}

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é */
  top: 30px; /* on positionne notre infobulle */
  left: 20px;
  background: white;
  color: 7d7d7d;
  padding: 3px;
  border: 0px solid grey;
  border-left: 5px solid #ff8196;
  border-right: 3px solid #ff8196;
  border-top: 3px solid #ff8196;
  border-bottom: 5px solid #ff8196;
}

a.forumlink, a.forumlink:hover{
display: block;
font-weight: bold;
text-decoration:none !important;
text-transform:small-caps;
text-align: center;}

.forumline {
 border: 1px dotted #ff8196;
 }

a {font-variant: small-caps;}

a.forumlink:hover{
  text-align: center;
  border-bottom: 1px dashed #b3ff58;
  border-left: 2px solid #b3ff58;
  border-right: 2px solid #b3ff58;
  font-variant: small-caps;
  background-color: #b3ff58;}

a.forumlink:hover{
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:20px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:0px;
}

a.forumlink{
  text-align: center;
  border-bottom: 1px dashed #b3ff58;
  border-left: 2px solid #b3ff58;
  border-right: 2px solid #b3ff58;
  font-variant: small-caps;
  background-color: #b3ff58;}

a.forumlink{
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:20px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:0px;
}

input,textarea, select {
 background: #EDE9D8;
 border: 1px #baa882 solid;
 border-radius: 9px 9px;
 -moz-border-radius: 9px;}

.categorylink
{border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #b3ff58;}

.categorylink a
{color: #57441C;}

.categorylink a:hover
{color: #8C7543;}

.onglet
{background-color: #b3ff58;
padding-right: 8px;
padding-left: 8px;
padding-bottom: 2px;
text-transform: small-caps;
-moz-border-radius:7px 7px 0px 0px;}


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


.dersuj {
background-color : #cbff77;
padding : 5px;
text-align : center;
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
border : 2px solid #f28892;
}


.statistiques
{
border:0px;
background-image: url("http://img11.hostingpics.net/pics/687287ver.png");
background-repeat: no-repeat;
background-position: center;
height:270px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */
}

.groupes
{
background-color:#FFD6F7; /* FOND DES NOMS DE GROUPES */
border: 1px #ACACAC dotted; /* POUR METTRE LE CONTOUR EN POINTILLES */
-moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */
height:40px; /* HAUTEUR DES ENCADRES */
padding-right:12px; /* SÉPARATION ENTRE LES GROUPES */
padding-left:12px;
padding-bottom:3px;
font-size:9px; /*TAILLE ECRITURE */
font-weight: bold; /* STYLE DE L'ECRITURE */
text-align:center;
text-decoration: none !important;
}

i { color: #F26F7F; }
Popy

Popy
***

Féminin
Messages : 151
Inscrit(e) le : 29/09/2010

http://sicret-dream.forums-actifs.com/
Popy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largeur du forum

Message par SoraNoHime Lun 5 Sep 2011 - 10:45

Apparemment cela ne vient pas de votre css. Puis-je avoir un lien vers votre forum en question ?

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

Message par Popy Mar 6 Sep 2011 - 18:22

Oui le voila: http://sicret-dream.forums-actifs.com/
En ce moment le header fait partit du fond
Popy

Popy
***

Féminin
Messages : 151
Inscrit(e) le : 29/09/2010

http://sicret-dream.forums-actifs.com/
Popy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largeur du forum

Message par SoraNoHime Mar 13 Sep 2011 - 1:38

Je n'arrive pas à déterminer quel peut etre le problème Gloups

Essayez en passant par la css voir si cela change quelquechose :

.bodyline {
width : 75%;
}

Changez le 75 par le chiffre voulu.

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

Message par Popy Mar 13 Sep 2011 - 18:40

Toujours pas =/

Cordialement.
Popy

Popy
***

Féminin
Messages : 151
Inscrit(e) le : 29/09/2010

http://sicret-dream.forums-actifs.com/
Popy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largeur du forum

Message par Popy Jeu 15 Sep 2011 - 20:33

UP ?
Popy

Popy
***

Féminin
Messages : 151
Inscrit(e) le : 29/09/2010

http://sicret-dream.forums-actifs.com/
Popy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largeur du forum

Message par tupac Ven 16 Sep 2011 - 14:56

Bonjour

Il me semble que c'est a cause de l'image qui se trouve dans le titre de votre catégorie les dimensions sont (922 sur 1O8 ) c'est pour cela qu'il vous est impossible de diminuer la largeur de votre forum.

Cordialement
tupac

tupac
Membre actif

Masculin
Messages : 2551
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largeur du forum

Message par Popy Sam 17 Sep 2011 - 12:41

Ah merci beaucoup =D
Popy

Popy
***

Féminin
Messages : 151
Inscrit(e) le : 29/09/2010

http://sicret-dream.forums-actifs.com/
Popy 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