Largeur du forum
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Largeur du forum
Bonsoir,
J'aimerais diminué la largeur de mon forum, mais je n'y arrive pas
Quelqu'un saurait m'aider ?
Merci d'avance
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
Re: Largeur du forum
Bonsoir,
puis-je avoir votre css ?
Cordialement.
puis-je avoir votre css ?
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Largeur du forum
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
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; }
Re: Largeur du forum
Apparemment cela ne vient pas de votre css. Puis-je avoir un lien vers votre forum en question ?
Cordialement.
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Largeur du forum
Oui le voila: http://sicret-dream.forums-actifs.com/
En ce moment le header fait partit du fond
En ce moment le header fait partit du fond
Re: Largeur du forum
Je n'arrive pas à déterminer quel peut etre le problème
Essayez en passant par la css voir si cela change quelquechose :
Changez le 75 par le chiffre voulu.
Cordialement.
Essayez en passant par la css voir si cela change quelquechose :
.bodyline {
width : 75%;
}
Changez le 75 par le chiffre voulu.
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Largeur du forum
Toujours pas =/
Cordialement.
Cordialement.
Re: Largeur du forum
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
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
Re: Largeur du forum
Ah merci beaucoup =D
Sujets similaires
» Modifier la largeur du bodyline sans modifier la largeur du forum
» Différence largeur forum entre page d'accueil et reste du forum
» largeur du forum
» Largeur de forum
» Largeur du forum
» Différence largeur forum entre page d'accueil et reste du forum
» largeur du forum
» Largeur de forum
» Largeur du forum
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum