Largeur du forum inchangeable

[Slyboy]

Bonjour à tous,

En tant que premier post sur le forum je vais essayer d'être le plus claire possible.

Il y a de cela quelques jours des potes à moi on créé un forum et m'en on donné la responsabilité (l'erreur )

Je vous expose donc mon problème: Il m'est impossible de modifier la largeur du forum, je vois régulièrement des forums prenant toute la page, mais le miens n'occupe que la moitié de celle-ci, j'ai bien essayé de la modifier dans PA-->Général-->Config-->Options Générales du Portail (comme indiqué ici https://forum.forumactif.com/t13000-taille-de-votre-forum) mais cela ne change rien, seul la taille des widgets ainsi que la taille du widget central est modifié mais l'espace qu'ils se partagent reste le même.

Pouvez-vous m'expliquer la démarche à suivre afin de modifier la largeur de mon forum, merci.

PS:Je ne pense pas avoir d'image trop large par rapport au pourcentage que j'ai mis.

[SoraNoHime]

Bonsoir

a quel endroit désirez-vous exactement modifier la taille de votre forum ? le forum en lui-même ou le portail ?

Cordialement.

[Slyboy]

Je désirerais tout simplement que la largeur du portail augmente, comme ça les widgets du portail seront moins serrés et j'aurais plus de place pour le widget central (les news). Si je modifie aussi la taille du forum et que je la mets à la même taille que le portail c'est juste pour que cela ne jure pas trop lorsque l'on passe du portail au forum.

(Je pensais que si je modifiais la taille du portail cela influerait aussi sur le forum.)

[SoraNoHime]

En effet, cela influencera sur votre forum, je pensais surtout à l'élargissement par colonne pour les widgets ^^

Dans ce cas, votre demande est impossible à effectuer. étant en phpbb3, nous ne pouvons passer par les templates pour tenter d'élargir uniquement le portail.

Cordialement.

[Slyboy]

Et si je souhaite tout modifier, forum plus portail et non uniquement le portail ?

[SoraNoHime]

Aller dans PA > Général > Forum : configuration

Largeur du forum (nombre ou %) :

mettez la taille ou le pourcentage désiré.

Cordialement.

[Slyboy]

On en reviens à mon premier message ^^.
Lorsque je tente de modifier la largeur de cette manière rien ne change, mon forum se déplace latéralement mais la taille ne change pas (j'ai essayé avec un nombre puis avec des % mais rien ne change non plus)

[SoraNoHime]

Puis-je avoir un lien vers votre forum, ainsi que votre css ?

[Slyboy]

Voici le lien du forum: http://mortisrosae.fra.co , la barre de navigation a quelque soucis mais je vais régler ça après le problème de largeur, l'apparence du forum est aussi à modifier.
Par contre j'obtiens comment le lien vers la feuille css de mon forum ?

[SoraNoHime]

Aller dans PA > Affichage > Couleurs > onglets à droite feuille de style css.

et copier moi ici tous ce que vous avez dans cet encart.

[Slyboy]

Voici donc le css du forum:


body{
background-position: top center;
background-repeat: repeat-x;
}
.navbar{
background-color: transparent;
margin: 0px;
padding: 0px;
margin-left: 12px;
margin-bottom: -5px;
border: none !important;
}
ul.navlinks{
border: none;
}
#search-box{
display: none;
}

p{
margin-bottom: 0em;
}
.panel{
background-color: transparent;
margin: 0px;
padding: 0px;
}
#page-body{
background-color: transparent !important;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/cadre_16.png');
background-repeat: no-repeat;
width: 818px !important;
padding: 0px;
padding-top: 67px !important;
margin: 0px;
border-bottom: none;
}

#container{
background-color: transparent !important;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/cadre_18.png');
width: 818px !important;
min-height: 10px;
padding:0px !important;
margin: 0px !important;
}
#main-content{
width:760px;
padding-left: 28px;
padding-bottom: 3px;
}

#page-footer{
background-color: transparent;
color: #000;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/cadre_20.png');
background-position: bottom ;
background-repeat: no-repeat;
height: 184px;
width: 818px;
margin:0px;
padding: 0px;
}

#page-footer ul.linklist{
display: block !important;
width: 730px;
padding-left: 28px;
padding-bottom: 0px;
}

#page-footer ul.linklist{
background-color: transparent;
display: block !important;
}
.copyright{
padding: 0px;
}

#page-footer .navbar{
background-color: transparent;
background-image: none;
margin: 0px;
padding: 0px;
}
.rightside{
margin-top: 38px;
margin-right: 55px;
}
#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; }

#i_icon_mini_calendar:hover{
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/214.png');
}



#i_icon_mini_portal:hover{
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/711.png');
}
#i_icon_mini_groups:hover{
background-image: url('https://i.servimg.com/u/f10/13/40/88/33/gro10.png');
}

#i_icon_mini_profile:hover{
background-image: url('https://i.servimg.com/u/f10/13/40/88/33/416.png');
}

#i_icon_mini_members:hover{
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/314.png');
}

#i_icon_mini_gallery:hover{
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/514.png');
}

#i_icon_mini_faq:hover{
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/613.png');
}
#i_icon_mini_search:hover{
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/812.png');
}
#i_icon_mini_logout:hover{
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/910.png');
}

#i_icon_mini_login:hover{
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/114.png');
}

#i_icon_mini_index:hover{
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/acc10.png');
}

#i_icon_mini_message:hover{
background-image: url('https://i.servimg.com/u/f10/13/40/88/33/messag10.png');
}

#i_icon_mini_register{
background-image:url('https://i.servimg.com/u/f15/11/95/30/70/s_enre10.png');
width: 95px;
height: 35px;
}
#i_icon_mini_register:hover{
background-image:url('https://i.servimg.com/u/f15/11/95/30/70/1013.png');
width: 95px;
height: 35px;
}

#i_icon_mini_new_message{
background-image:url('https://i.servimg.com/u/f15/11/95/30/70/mp_new10.png');
width: 80px;
height: 35px;
}
#i_icon_mini_new_message:hover{
background-image:url('https://i.servimg.com/u/f15/11/95/30/70/1112.png');
width: 80px;
height: 35px;
}

ul.topiclist .header{
height: 32px;
padding-top: 6px;
margin-bottom: -6px;
}

.table-title{
padding-left: 12px;
}

.post.row1{
background-color: #e1feff;
}
.post.row2{
background-color: #def5f7;
}

.forabg{
background-repeat: repeat;
}

.forumbg {
background-repeat: repeat;
}

a.button1, input.button1, a.button2, input.button2, button.button2 {
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
color: #000000;
background-position: bottom;
border: 2px inset #00626b;
}

a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/bouton10.jpg');
background-position: top;
border: 2px outset #00626b;
}
.module{
background-color: #def5f7;
}
.module .h3{
background-color: #fff;
}
.row{
border: 1px solid #00626b;
}

li.header dt{
padding-left: 10px !important;
}
li.header dd.mark{
padding-right: 17px !important;
}
table.table1 thead th{
color: #00303c;
}

.module .box-content{
border-style: dotted;
border-width: 1px;
border-color: #535353 #6b6b6b #433f3f #212326;
}
#profile-advanced-layout{
float:none;
margin: 0px;
padding: 0px;
width: 818px;
}

#profile-advanced-left{
float : none;
margin: 5px;
padding: 3px;
width: 750px;
}

#profile-advanced-right{
float: none;
margin: 5px;
padding: 3px;
margin-bottom: 0px;
width: 750px;
}
#cp-main.ucp-main{
background-color: #def5f7;
}

[SoraNoHime]

dans votre css, vous avez déjà des tailles qui modifient la largeur de votre forum.

#page-body{
background-color: transparent !important;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/cadre_16.png');
background-repeat: no-repeat;
width: 818px !important;
padding: 0px;
padding-top: 67px !important;
margin: 0px;
border-bottom: none;
}

#container{
background-color: transparent !important;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/cadre_18.png');
width: 818px !important;
min-height: 10px;
padding:0px !important;
margin: 0px !important;
}
#main-content{
width:760px;
padding-left: 28px;
padding-bottom: 3px;
}

#page-footer{
background-color: transparent;
color: #000;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/cadre_20.png');
background-position: bottom ;
background-repeat: no-repeat;
height: 184px;
width: 818px;
margin:0px;
padding: 0px;
}

Deux choix s'offrent à vous : soit retirer complétement les phrases en bleu, soit modifier les données en rouge.

Cordialement.

[Slyboy]

J'ai essayé les deux méthodes, la première (supprimer les phrases) change totalement la page et je me retrouve avec les images décalées (verticalement et horizontalement)
La deuxième donne le même résultat, mais les images sont seulement décalées horizontalement.
Je vais essayer de regarder de plus près le css.

[Slyboy]

Bon j'ai essayé mais sans succès :'(
Je ne vois vraiment pas comment augmenter la largeur de mon forum.

[SoraNoHime]

Je suis en train de tester de mon coté, je vous demanderai un peu de patience ^^

PS : pensez à éditer votre sujet plutot que de faire un double-post

[Slyboy]

Merci pour l'aide, je penserais à l'édit' dorénavant.
Je continue moi aussi à bricoler de mon coté.

[SoraNoHime]

En épluchant la css, voici toutes les tailles à modifier :

#page-body{
background-color: transparent !important;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/cadre_16.png');
background-repeat: no-repeat;
width: 818px !important;
padding: 0px;
padding-top: 67px !important;
margin: 0px;
border-bottom: none;
}

#container{
background-color: transparent !important;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/cadre_18.png');
width: 818px !important;
min-height: 10px;
padding:0px !important;
margin: 0px !important;
}
#main-content{
width:760px;
padding-left: 28px;
padding-bottom: 3px;
}

#page-footer{
background-color: transparent;
color: #000;
background-image: url('https://i.servimg.com/u/f15/11/95/30/70/cadre_20.png');
background-position: bottom ;
background-repeat: no-repeat;
height: 184px;
width: 818px;
margin:0px;
padding: 0px;
}

#page-footer ul.linklist{
display: block !important;
width: 730px;
padding-left: 28px;
padding-bottom: 0px;
}

#profile-advanced-layout{
float:none;
margin: 0px;
padding: 0px;
width: 818px;
}

#profile-advanced-left{
float : none;
margin: 5px;
padding: 3px;
width: 750px;
}

#profile-advanced-right{
float: none;
margin: 5px;
padding: 3px;
margin-bottom: 0px;
width: 750px;
}

Mais il faut aussi agrandir la taille des images qui forme le cadre dans le fond du forum...

En adaptant chacune de ces tailles, nous devrions arriver à un résultat .

Pour aller plus vite, Je vous invite à contacter le créateur de ce thème sur Hitskin pour lui demander s'il serait possible qu'il vous adapte son thème à la largeur que vous désirez. Pour cela, retrouver le thème sur hitskin et cliquer sur le pseudo du créateur. Vous aurez un lien vers son forum où vous pourrez le contacter.

Cordialement.

[cewamale]

Ce thème existe en extensible

http://fr.hitskin.com/?afolder=theme&id=154915

[Slyboy]

Merci, après quelque changement au niveau du css j'ai effectivement la possibilité d'agrandir deux trois trucs mais je vais finalement me reporter sur la version extensible du forum (Vous aller rire mais à la page de choix de skin j'ai faillis opter pour cette version extensible )

Allez hop résolu.