CSS Largeur du forum

[Skull-piou]

Bonsoir y a t-il ou qu'est ce qui bloque la largeur de mon forum dans ce code CSS?

Code:

#page-footer{
background-color: #;
background-image: url('url1');
background-position: bottom;
background-repeat: no-repeat;
height: 366px;
width: 866px;
margin:0px;
padding: 0px;
}

/*CONTOUR DE LA PAGE*/
#page-body{
background-color: #;
background-image: url('http://uplofile.free.fr/rep5/119315682t213.png');
background-repeat: repeat-y;
min-hight: 60px;
width:866px ;
margin:0px;
padding:  0px;
}

body{
background-color: #2E3337;
background-position: top center;
background-repeat: no-repeat;
}

#wrap{
min-width: 1053px;
width: 1053px;
}


.search-box { display: none; }
#search-box { display: none; }

.navbar{
padding-top: 25px;
}

.navbar{
 /position: relative;
}

ul.navlinks{
border: none;
}

#page-body{
background-color: #;
background-image: url('http://uplofile.free.fr/rep5/119315682t213.png');
background-repeat: repeat-y;
min-hight: 60px;
width:1053px ;
margin:0px;
padding:  0px;
}


#page-footer ul.linklist{
display: block !important;
width: 830px;
padding-left: 110px;
}

#main{
padding-top: 70px;
}

#main-content{
background-color: #;
width: 830px;
margin-left: 110px;
padding-bottom: 3px;
}

.forabg{
background-color: #;
background-image: url('http://i89.servimg.com/u/f89/13/09/17/36/f212.jpg');
background-repeat: repeat;
clear : both;
margin-bottom: 4px;
padding: 0 4px;
}

.forumbg {
background-color: #;
background-image: url('http://i89.servimg.com/u/f89/13/09/17/36/f212.jpg');
background-repeat: repeat;
background-position: 0 0;
border: 2px solid #;
padding: 0 4px;
margin-bottom: 4px;
clear: both;
}

a.button1, input.button1, a.button2, input.button2, button.button2 {
background-image: url("http://i85.servimg.com/u/f85/11/95/30/70/ptf211.jpg");
background-repeat: repeat;
background-position: top left;
border: 3px double #000;
}


a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
background-image: url("http://i85.servimg.com/u/f85/11/95/30/70/ptf111.jpg");
background-repeat: repeat;
background-position: top left;
border: 3px double #000;
}


#page-footer span.corners-top { background-image: none; }

#page-footer span.corners-top span { background-image: none; }

#page-footer span.corners-bottom { background-image: none; }

#page-footer span.corners-bottom span { background-image: none; }

#headerbar span.corners-top { background-image: none; }

#headerbar span.corners-top span { background-image: none; }

#headerbar span.corners-bottom { background-image: none; }

#headerbar span.corners-bottom span { background-image: none; }



#page-header span.corners-top { background-image: none; }

#page-header span.corners-top span { background-image: none; }

#page-header span.corners-bottom { background-image: none; }

#page-header span.corners-bottom span { background-image: none; }



[zz10]

Bonsoir y a t-il ou qu'est ce qui bloque la largeur de mon forum dans ce code CSS?

Code:

#page-footer{
background-color: #;
background-image: url('http://uplofile.free.fr/rep5/43064647t4max.png');
background-position: bottom;
background-repeat: no-repeat;
height: 366px;
width: 866px;
margin:0px;
padding: 0px;
}

/*CONTOUR DE LA PAGE*/
#page-body{
background-color: #;
background-image: url('http://uplofile.free.fr/rep5/119315682t213.png');
background-repeat: repeat-y;
min-hight: 60px;
width:866px ;
margin:0px;
padding:  0px;
}

body{
background-color: #2E3337;
background-position: top center;
background-repeat: no-repeat;
}

#wrap{
min-width: 1053px;
width: 1053px;
}


.search-box { display: none; }
#search-box { display: none; }

.navbar{
padding-top: 25px;
}

.navbar{
 /position: relative;
}

ul.navlinks{
border: none;
}

#page-body{
background-color: #;
background-image: url('http://uplofile.free.fr/rep5/119315682t213.png');
background-repeat: repeat-y;
min-hight: 60px;
width:1053px ;
margin:0px;
padding:  0px;
}


#page-footer ul.linklist{
display: block !important;
width: 830px;
padding-left: 110px;
}

#main{
padding-top: 70px;
}

#main-content{
background-color: #;
width: 830px;
margin-left: 110px;
padding-bottom: 3px;
}

.forabg{
background-color: #;
background-image: url('http://i89.servimg.com/u/f89/13/09/17/36/f212.jpg');
background-repeat: repeat;
clear : both;
margin-bottom: 4px;
padding: 0 4px;
}

.forumbg {
background-color: #;
background-image: url('http://i89.servimg.com/u/f89/13/09/17/36/f212.jpg');
background-repeat: repeat;
background-position: 0 0;
border: 2px solid #;
padding: 0 4px;
margin-bottom: 4px;
clear: both;
}

a.button1, input.button1, a.button2, input.button2, button.button2 {
background-image: url("http://i85.servimg.com/u/f85/11/95/30/70/ptf211.jpg");
background-repeat: repeat;
background-position: top left;
border: 3px double #000;
}


a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
background-image: url("http://i85.servimg.com/u/f85/11/95/30/70/ptf111.jpg");
background-repeat: repeat;
background-position: top left;
border: 3px double #000;
}


#page-footer span.corners-top { background-image: none; }

#page-footer span.corners-top span { background-image: none; }

#page-footer span.corners-bottom { background-image: none; }

#page-footer span.corners-bottom span { background-image: none; }

#headerbar span.corners-top { background-image: none; }

#headerbar span.corners-top span { background-image: none; }

#headerbar span.corners-bottom { background-image: none; }

#headerbar span.corners-bottom span { background-image: none; }



#page-header span.corners-top { background-image: none; }

#page-header span.corners-top span { background-image: none; }

#page-header span.corners-bottom { background-image: none; }

#page-header span.corners-bottom span { background-image: none; }



#wrap{
min-width: 1053px;
width: 1053px;
}

[Skull-piou]

Bonsoir, merci mille fois.
Je supprime ou je modifie.
Edit: J'ai supprimer, ca ne change rien

[AenigmA]

Pas que ça de faux

[Skull-piou]

Si vous avez la solution, je suis tout ouïe !

[Skull-piou]

Si vous avez la solution, je suis tout ouïe !
Edit: Désole du double post, mon ordi est vraiment louche...

[AenigmA]

Tu devrais demander à Quierra, c'est elle qui a fait ce thème

[Skull-piou]

Ce qui ne veut pas dire, qu'elle est la seul personne apte à me répondre.

[Makoto Yuki]

Hello,
Ce serait pas

#page-body{
background-color: #;
background-image: url('http://uplofile.free.fr/rep5/119315682t213.png');
background-repeat: repeat-y;
min-hight: 60px;
width:1053px ;
margin:0px;
padding: 0px;
}

[Skull-piou]

Salut, SI
Mais cela réduit aussi le "cadre" du forum

[Makoto Yuki]

Ce n'est pas ce que vous voulez-faire? Sinon, dites précisément ce que vous voulez faire Parce que ça n'est pas franchement explicité dans votre 1° message...

Après, vous pouvez réduire ce width à la taille que vous voulez, sans forcément le supprimer.

[Skull-piou]

Je sais, ca réduit mon forum, vous avez donc comprit ce que je voulais faire.
Mais je voudrais mettre le """""cadre""""" correctement, allez à cette adresse.
http://tygeure.jeunforum.com/

[Makoto Yuki]

Houlà... Vous voudriez que les espèces de "rouages" sur la gauche soient "en dehors" du tableau de vos cellules? /comprends plus/

[Skull-piou]

Oui, comme sur ce forum: tygeure.jeun.fr ^^ sans que le forum occupe toute la page ^^
Vous comprenez?

[quierra]

Coucou, je te conseille de lire ce post : ICI

Comme tu peux le lire, on ne peut pas agrandir le forum ! le cadres aillant une largeur fixe, tu ne peux pas le rendre "extensible".....

A vrais dire, tu es en train de faire n'importe quoi là ! aucun risque que ça marche.

Bonne soirée.

[Makoto Yuki]

Oui, je comprend Dans ce cas... mmmh. Il faudrait rétrécir les cellules, pas le cadre du forum. Voyons voir si je me souviens du code... Non. Ceci dit, vous pouvez ajouter une marge, pour résoudre votre soucis:
Remplacez

Code:

#page-body{
background-color: #;
background-image: url('http://uplofile.free.fr/rep5/119315682t213.png');
background-repeat: repeat-y;
min-hight: 60px;
width:866px ;
margin:0px;
padding:  0px;
}

Par:

Code:

#page-body{
background-color: #;
background-image: url('http://uplofile.free.fr/rep5/119315682t213.png');
background-repeat: repeat-y;
min-hight: 60px;
width:866px ;
margin:0px;
padding:  95px;
}

Si je teste chez moi, ça convient... ça place tes cellules entre les deux "rouages".

@quierra: en bidouillant le CSS et en faisant n'importe quoi, on arrive à faire ce qu'il veut.

[quierra]

Heuuuu.... mais à qui tu racontes ça ? c'est encore moi qui est fait ce cadre et donc je sais exactement que tout ce que tu lui racontes est du n'importe quoi pour l'instant !

Qu'il remette tout simplement le css qu'il avait au départ, donc celui que j'ai fait, car là c'est du bidouillage qui mène à rien du tout !

Tu lui sors de modifier #page-body !!! je te signale que l'image fait 1053jpx de large ! toi tu lui là met à 866 px et comment veux tu que ça s'accorde avec les autres images du cadre ? car elles font aussi 1053px de large.

[Skull-piou]

Elle essaye simplement de m'aider..

[Makoto Yuki]

Hélà... pas la peine de s'ennerver pour si peu hein. Les erreurs ça arrive à tout le monde, surtout à minuit passé, ok?

Qu'il remette tout simplement le css qu'il avait au départ

Ok bah alors problème résolu... P*****, bientôt va falloir s'excuser d'essayer d'aider les membres quitte à donner de fausses indics. Amygod C'est pas si dramatique que ça si jme suis gourré, puisqu'il peut remettre son CSS de base, intutile d'en faire tout un fromage et de me prendre de haut houlàlà...

Sur ce je me retire, et en esperant que tu trouves à resoudre ton souci, Fauby13 Bonne soirée!

Spoiler:

edit:

Il essaye simplement de m'aider..

Lol, j'en reste quand même une nana hein x)

[Skull-piou]

JE SAIS !!!!!
Je n'arrive jamais à comment dire.. c'est votre Pseudo qui me trompe xD

[quierra]

Nan là il ne t'aide pas car tu te retrouves avec n'importe quoi maintenant , même si bien sur je me doute que c'était pour t'aider...

Donc pour que tu comprennes mieux, le cadre à une largeur fixe, tu ne peux donc pas la modifier.

Par contre tu peux faire en sorte que le forum en lui même soit moins large (pas plus large)... mais pas modifier page body !

Tu modifies main-content

#main-content{
background-color: #;
width: 830px;
margin-left: 110px;
padding-bottom: 3px;
}

ce code là, par contre il tu faudras dans doute aussi modifier le margin-left... bon tu peux le grandir un mini peut... à 850 par exemple, mais beaucoup plus sinon tout va déborder.

Je te conseille d'installer le thème sur un forum test et là modifier image par image, car tu t'es vraiment mélangé là ! tu te retrouves avec un page-bodty en haut à 800 et quelques.. un autre page body plus bas à la bonne taille etc... donc tout ton css est complètement faussé !

Et à chaque étape ou tu coinces, poses des questions, car de cette façon tu ne vas pas y arriver.

[Skull-piou]

Bon, on recommance depuis le début.
Regardez mon forum de test: http://tygeure.jeunforum.com/

Code:


/*DEBUT CSS THEME BY QUIERRA*/
body{
background-color: #2E3337;
background-position: top center;
background-repeat: no-repeat;
}

#wrap{
min-width: 1053px;
width: 1053px;
}

#page-header{
background-color: #;
background-image: url('---');
background-repeat: no-repeat;
height:361px ;
width: 1053px;
padding:0px;
margin:0px;
}

.search-box { display: none; }
#search-box { display: none; }

.navbar{
padding-top: 25px;
}

.navbar{
 /position: relative;
}

ul.navlinks{
border: none;
}

#page-body{
background-color: #;
background-image: url('http://i85.servimg.com/u/f85/11/95/30/70/t213.png');
background-repeat: repeat-y;
min-hight: 60px;
width:1053px ;
margin:0px;
padding:  0px;
}

/*BAS DE PAGE*/
#page-footer{
background-color: #;
background-image: url('http://photomaniak.com/upload/out.php/i773788_t3.png');
background-position: bottom;
background-repeat: no-repeat;
height: 366px;
width: 1053px;
margin:0px;
padding: 0px;
}


#page-footer ul.linklist{
display: block !important;
width: 830px;
padding-left: 110px;
}

#main{
padding-top: 70px;
}

#main-content{
background-color: #;
width: 830px;
margin-left: 110px;
padding-bottom: 3px;
}

.forabg{
background-color: #;
background-image: url('http://i89.servimg.com/u/f89/13/09/17/36/f212.jpg');
background-repeat: repeat;
clear : both;
margin-bottom: 4px;
padding: 0 4px;
}

.forumbg {
background-color: #;
background-image: url('http://i89.servimg.com/u/f89/13/09/17/36/f212.jpg');
background-repeat: repeat;
background-position: 0 0;
border: 2px solid #;
padding: 0 4px;
margin-bottom: 4px;
clear: both;
}

a.button1, input.button1, a.button2, input.button2, button.button2 {
background-image: url("http://i85.servimg.com/u/f85/11/95/30/70/ptf211.jpg");
background-repeat: repeat;
background-position: top left;
border: 3px double #000;
}


a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
background-image: url("http://i85.servimg.com/u/f85/11/95/30/70/ptf111.jpg");
background-repeat: repeat;
background-position: top left;
border: 3px double #000;
}


#page-footer span.corners-top { background-image: none; }

#page-footer span.corners-top span { background-image: none; }

#page-footer span.corners-bottom { background-image: none; }

#page-footer span.corners-bottom span { background-image: none; }

#headerbar span.corners-top { background-image: none; }

#headerbar span.corners-top span { background-image: none; }

#headerbar span.corners-bottom { background-image: none; }

#headerbar span.corners-bottom span { background-image: none; }



#page-header span.corners-top { background-image: none; }

#page-header span.corners-top span { background-image: none; }

#page-header span.corners-bottom { background-image: none; }

#page-header span.corners-bottom span { background-image: none; }

[quierra]

Coucou, désolée... mais je ne m'attendais pas à ce que tu répondes sur ce post !

J'ai attendue toute la journée que tu exposes ton prob sur mon fofo, mais tu poses des questions
qui n'ont rien à voir avec le problème d'ici, j'ai donc supposée que tu avais abandonné l'idée !

Tu préfères alors continuer l'aide sur ce forum ? c'est comme tu veux... mais d'ab dis moi si j'ai vue juste.

Tu veux conserver une partie du cadre, donc juste le fond qui se répète et le pied de page ?
Tu veux légèrement élargir le forum ? (car de beaucoup ça ne va pas)
Tu ne préfèrerais pas que ton header soit entre les deux haut parleurs ? d'après moi ça rendrait mieux, enfin, c'est toi qui voit....

Si c'est ça, je te prépare ton new css pour demain, fin d'après-midi je pense.

A demain...

[Skull-piou]

Bonsoir Quierra, je souhaiterai si possible que:
La largeur de mon forum
soit entre la largeur du cadre
Voici sur ce screen:

[Skull-piou]

UP ^^

[Skull-piou]

HUP ^^

[quierra]

Coucou, et ça up et up... mais je t'ai fait poiroter express ! et tu sais pourquoi ?

Tu me fais préparer un new css pour ton forum en V3, j'arrive ici pour te le poster et et.... surprise !
Ton forum n'est plus en V3 mais en V2 !!! la moindre des choses aurait été de le dire car là tu m'as fait
perdre du temps pour rien !

D'ailleurs je ne comprends pas ce que tu fais avec un css pour V3 si tu es passé en V2.... aucun risque
que ça marche !

Pour les versions 2, je propose l'installation par template et css, ça garantie une bonne stabilité de ton
forum, ce qui n'est pas le cas avec une v2 en ne passant que par le css, cette version étant faite de
tables, il est préférable de rajouter des div pour y placer le cadre.

Donc comment tu veux faire ? et d'ailleurs il me faut aussi savoir exactement quelles parties du cadre tu veux garder.
Le cadre en version css est en 3 parties, le haut, le centre qui ce répète et le pied de page.
Ton header actuel passerait très bien entre les deux haut parleurs, donc au dessus de l'écran, alors tu gardes le haut ou non ?

Voilà, donc ou je te donne les codes et tu les mets, mais bien sur ce sera à toi de régler largeur etc... ou tu me donnes les accès
et je te le place, ça me prend à tout casser 5 minutes... il te suffit de re-modifier ton passe une fois que j'ai fini.
Je pense que c'est la meilleurs solutions car tu n'as pas l'air de bien t'y connaitre dans tout ça.

Il me faut modifier deux templates, overall_header_new et overall_footer, si tu as fait des modifications dans ces templates, elles seront supprimées,
je ne vais pas faire le tri de ce qui aurait pu être modifier, je n'en finirai plus !

Voilà, donc il me faut savoir si tu gardes ou non le haut, et si je te l'installe ou non, que te donner les codes ne va pas beaucoup t'aider
car il va y avoir des réglages à faire que je ne peux faire qu'une fois sur le forum, (largeur des tables, bien placer ton header etc...)

Ne change plus de version entre temps ! sinon je ne vais jamais y arriver.

[seb62]

salut wouhaouu c'est super ce que tu fait pour lui c'est sympa
moi j'ai exactement le même thèmes !! sur le portail nikel mais sur fofo !! oullaa ca déborde mais bon !!!
voici un exemple de mon fofo ICI
j'attends la suite pour voir son avancement

[quierra]

Coucou, tu es en V2, car dans ce cas, ça me prends 5 minutes pour te l'installer correctement !

Pourtant je le propose bien clairement... suffit de demander ! je le poste de cette manière sur hitskin car je n'ai pas le choix ! les templates ne sont pas pris en compte...

Une v2 installé de cette manière est carrément inutilisable !

Donc si tu veux l'installation par template, il faut m'en faire la demande tout simplement.

Regarde là c'est le même thème installé par template :

http://version-punbb.forumactif.net/index.htm

fait pas gaffe aux couleurs de fond etc... ce n'est qu'un forum test !

Je peux aussi mettre une image dans le bas des cellules comme pour Invision.

Ben à toi de voir...

[seb62]

re
donc un exemple si je prend ton templates et que je colle a la place !!! c'est bon ?