1. IMPORTANT : Nouvelles mesures de sécurité - 2. Règles pour obtenir de l'aide dans les forums de support - 3. Restrictions des droits pour le groupe "Support suspendu"

Il est obligatoire de respecter les Règles de MyBB.fr : Version abrégée ou Version complète pour obtenir du support sur nos forums.

Les membres ayant un site/forum contrevenant aux règles de MyBB.support seront placés dans le groupe "Support suspendu" et ne bénéficieront plus du support du staff. Nous recommandons aux autres membres d'agir de même. Il ne s'agit pas d'un bannissement, le membre retrouvera son statut "normal" dès que sa situation sera conforme aux règles.

Nouveau : un Wiki en français : plus de détails.
Avant de soumettre votre problème, consultez-le, ainsi que la FAQ, sans oublier le moteur de recherche interne.


Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5
Largeur du forum
Mots-clés » largeur, forum
03-01-2009, 18:42,
#1
Largeur du forum
Salut!!


J'aimerai savoir comment faire pour avoir un forum de ce style

Phoenix Center

Topic dispo ici

http://www.mybb.fr/showthread.php?tid=1232&pid=7639#pid7639

Personne ne m'a répondu je redemande donc!

Comment faire la largeur du forum,ou le rendre 'plus lointain' la police moins grosse

j'avoue que c'est plus agréable à voir,je trouve que le mien est trop large et trop près :/

[Image: 890551wesker.png]
Webmaster Amateur
Répondre
03-01-2009, 19:26,
#2
RE: Largeur du forum
Salut Nodark, va dans les paramètres de ton style par défaut et modifie la largeur dans "Page (Personnalisé dans ce style)"... met 75% sa devrait être pas mal.

Personnellement j'ai fais comme sa, sa va impec !
Répondre
03-01-2009, 19:49,
#3
RE: Largeur du forum
Peux tu être plus précis?

Je ne trouve pas les mots que tu emplois Smile

[Image: 890551wesker.png]
Webmaster Amateur
Répondre
03-01-2009, 19:51,
#4
RE: Largeur du forum
Salut,

Admin > Accueil > Thèmes.

Puis édite ton thème... édite ensuite 'global.css'.

Pour la largeur : sélecteur 'body' tape 75% ou xxx px dans le champ largeur, selon que tu veux un pourcentage de la fenêtre ou une largeur fixe adaptée par exemple à ton header.

Si le forum n'est pas centré (tout dépend du thème utilisé), sélecteur '#container' mets:
margin-left: auto;
margin-right: auto;

cf cette discussion :
http://www.mybb.fr/showthread.php?tid=1017

@+

[Image: spyto.png]
~~ AUCUNE AIDE Par MP, MAIL OU MSN !!!~~
Répondre
03-01-2009, 19:55,
#5
RE: Largeur du forum
spyto a écrit :Si le forum n'est pas centré (tout dépend du thème utilisé), sélecteur '#container' mets:
margin-left: auto;
margin-right: auto;

cf cette discussion :
http://www.mybb.fr/showthread.php?tid=1017

@+


Salut!!
voila le problème pas centré!

http://om09fifa.free.fr/Forum/


je selectionne donc #containe et j'ai ceci!

Citation :margin-left: auto;
margin-right: auto;
&nbsp: ;
&nbsp: ;
&nbsp: ;
&nbsp: ;
&nbsp: ;
&nbsp: ;
&nbsp: ;
background-image: url(images/fondlogo.bmp);
&nbsp: ;
&nbsp: ;
&nbsp: ;
background-position: top left;
&nbsp: ;
&nbsp: ;
&nbsp: ;
background-repeat: no-repeat;
&nbsp: ;
&nbsp: ;
&nbsp: ;
border: 1px solid #000000;
&nbsp: ;
&nbsp: ;
&nbsp: ;
&nbsp: ;
&nbsp: ;
&nbsp: ;
margin: auto auto;
&nbsp: ;
&nbsp: ;
&nbsp: ;
padding: 20px;
&nbsp: ;
&nbsp: ;
&nbsp: ;
padding-top: 0px;
&nbsp: ;
&nbsp: ;
&nbsp: ;
text-align: left;
margin-left: auto;
margin-right: auto;

[Image: 890551wesker.png]
Webmaster Amateur
Répondre
03-01-2009, 20:14,
#6
RE: Largeur du forum
Quoi ? C'est quoi ce truc ?
C'est tout bogué ton CSS !
Vire-moi tous ces "&nbsp: ;" qui n'ont aucune raison d'être sinbon de polluer le code CSS.

Comment veux-tu que le navigateur s'y retrouve ?

Essaie ça:

Code :
#container {
    width: 95%;
    color: #000000;
    background-image: url(images/fondlogo.bmp);
    background-position: top left;
    background-repeat: no-repeat;
    border: 1px solid #000000;
    padding: 20px;
    padding-top: 0px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

Tu peux sans doute remplacer :
Code :
    margin-left: auto;
    margin-right: auto;
par
Code :
    margin: 0 auto;

Note :
width : 95%, ça me semble beaucoup... mais bon.

[Image: spyto.png]
~~ AUCUNE AIDE Par MP, MAIL OU MSN !!!~~
Répondre
03-01-2009, 20:24,
#7
RE: Largeur du forum
Ca ne change rien Sad

Je fais plus simple

Voici un screen en résumé


[Image: forumoo6.jpg]

[Image: 890551wesker.png]
Webmaster Amateur
Répondre
03-01-2009, 20:27, (Modification du message : 03-01-2009, 20:29 par spyto.)
#8
RE: Largeur du forum
Si je regarde ta feuille de style, je vois ceci :
Code :
#container {
    width: 75%;
    color: #000000;
    width: 95%;
    color: #000000;
    background-image: url(images/fondlogo.bmp);
    background-position: top left;
    background-repeat: no-repeat;
    border: 1px solid #000000;
    padding: 20px;
    padding-top: 0px;
    text-align: left;
    margin: 0 auto;
}


}


}


}


}

soit 4 '}' inutiles qui perturbent le code CSS...

Edite la feuille de style depuis l'admin, onglet "Editer la feuille de tyle mode avancé" et vire ces '}' en trop !

Edit : dans ton screen de #container, à droite, il ne faut pas mettre le '}' final !

[Image: spyto.png]
~~ AUCUNE AIDE Par MP, MAIL OU MSN !!!~~
Répondre
03-01-2009, 20:39,
#9
RE: Largeur du forum
Code PHP :
body {
    
background#72c3e7;
    
width75%;
    
color#026CB1;
    
text-aligncenter;
    
line-height1.4;
    
    
text-decorationnone;
    
font-familyVerdanaArialSans-Serif;
    
font-size13px;
}

a:link {
    
color#026CB1;
    
text-decorationnone;
}

a:visited {
    
color#026CB1;
    
text-decorationnone;
}

a:hovera:active {
    
color#000;
    
text-decorationunderline;
}

#container {
    
width75%;
    
color#000000;
    #container {
    
width95%;
    
color#000000;
    
background-imageurl(images/fondlogo.bmp);
    
background-positiontop left;
    
background-repeatno-repeat;
    
border1px solid #000000;
    
padding20px;
    
padding-top0px;
    
text-alignleft;
    
margin-leftauto;
    
margin-rightauto;
}

#content {
    /* FIX: Make internet explorer wrap correctly */
    
widthauto !important;
}

.
menu ul {
    
color#000000;
    
font-weightbold;
    
text-alignright;
    
padding4px;



Ca me fait tout buggué mon design,pourtant j'ai suivi à la lettre

[Image: 890551wesker.png]
Webmaster Amateur
Répondre
03-01-2009, 20:49, (Modification du message : 03-01-2009, 20:49 par spyto.)
#10
RE: Largeur du forum
Non, regarde, tu as un sélecteur à l'intérieur d'un sélecteur !!!??? Shy
Et avec des largeurs différentes ?...
#container est répété. Why ???

Edite ton CSS en mode avavcé, ce sera plus facile !
Tu as :
Code :
#container {
    width: 75%;
    color: #000000;
    #container {
    width: 95%;
    color: #000000;
    background-image: url(images/fondlogo.bmp);
    background-position: top left;
    background-repeat: no-repeat;
    border: 1px solid #000000;
    padding: 20px;
    padding-top: 0px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

Tu devrais avoir :

#container {
width: 95%;
color: #000000;
background-image: url(images/fondlogo.bmp);
background-position: top left;
background-repeat: no-repeat;
border: 1px solid #000000;
padding: 20px;
padding-top: 0px;
text-align: left;
margin-left: auto;
margin-right: auto;
}

ou

#container {
width: 95%;
color: #000000;
background-image: url(images/fondlogo.bmp);
background-position: top left;
background-repeat: no-repeat;
border: 1px solid #000000;
padding: 20px;
padding-top: 0px;
text-align: left;
margin: 0 auto;
}

[Image: spyto.png]
~~ AUCUNE AIDE Par MP, MAIL OU MSN !!!~~
Répondre
03-01-2009, 22:18, (Modification du message : 03-01-2009, 22:21 par Nodark.)
#11
RE: Largeur du forum
Code PHP :
#container {
width95%;
color#000000;
background-imageurl(images/fondlogo.bmp);
background-positiontop left;
background-repeatno-repeat;
border1px solid #000000;
padding20px;
padding-top0px;
text-alignleft;
margin0 auto;


J'ai utilisé ceci Wink

Mais ce n'est toujours pas centré!

Par rapport à http://www.phoenix-center.c4.fr/ je crois c'est aussi la taille de la police qui est différente non?

[Image: 890551wesker.png]
Webmaster Amateur
Répondre
03-01-2009, 22:51, (Modification du message : 03-01-2009, 22:51 par spyto.)
#12
RE: Largeur du forum
Je pense que c'est parce que ton #container n'a pas de largeur fixe que 'margin: 0 auto' n'a aucun effet !

Essaie en donnant une largeur en pixels, par exemple :

Code :
#container {
    width: 900px;
    color: #000000;
    background-image: url(images/fondlogo.bmp);
    background-position: top left;
    background-repeat: no-repeat;
    border: 1px solid #000000;
    padding: 20px;
    padding-top: 0px;
    text-align: left;
    margin: 0 auto;
}

J'ai mis 900 au pif, à toi d'adapter...

[Image: spyto.png]
~~ AUCUNE AIDE Par MP, MAIL OU MSN !!!~~
Répondre
04-01-2009, 0:45,
#13
RE: Largeur du forum
Il faut enlever le 75% au body, c'est la taille du #container que tu dois changer.
Répondre
04-01-2009, 9:49, (Modification du message : 04-01-2009, 9:57 par Nodark.)
#14
RE: Largeur du forum
J'abandonne,ca me fait tout buggué,et au pire si j'enleve le 75% au body ca me le centre presque :/

EDIT : J'ai remit tout à 0. Ca marche DONC Wink J'ai juste perdu mon design que je re-ferai


Sinon,d'après vous,quel police ou taille John Smith a utilisé sur son forum? http://www.phoenix-center.c4.fr/

[Image: 890551wesker.png]
Webmaster Amateur
Répondre
04-01-2009, 11:18, (Modification du message : 04-01-2009, 11:22 par spyto.)
#15
RE: Largeur du forum
Pourquoi abandonner ?

C'est ton width: 72% dans body qui fausse tout !
En effet, tu demandais à 'body' d'occuper 75% de la fenêtre, donc les 75% à gauche, puis tu demandais à ton container de se centrer sur ce body de 75% ! Il ne risquait pas d'être au centre de la fenêtre !

A mon avis ça c'est bon :
(mais édite en mode avancé pour éviter les '}' en trop et autres bugs.)

Code :
body {
    background: #72c3e7;
    color: #026CB1;
    text-align: center;
    line-height: 1.4;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 13px;
}

#container {
    width: 900px;
    color: #000000;
    background-image: url(images/fondlogo.bmp);
    background-position: top left;
    background-repeat: no-repeat;
    border: 1px solid #000000;
    padding: 20px;
    padding-top: 0px;
    text-align: left;
    margin: 0 auto;
}

Pour body, je ne précise aucune largeur pour prendre toute la fenêtre. Tu peux essayer d'y mettre 100% ce sera pareil.

Et pour container, je mets 900 px au pif (à adapter pour la largeur que tu veux).
Tu peux mettre aussi 85 % par exemple : dans ce cas ton container sera proportionnel à la taille de le fenêtre.

A toi de voir si tu le veux proportionnel à la taille de la fenêtre du navigateur ou de largeur fixe.

Quant à la police c'est la même ! Peut-être en 12px ou 11px par endroits ?...

@+

Edit:
Pour info, voilà tes valeurs actuelles, avec ton forum centré :
Citation :body {
background: #5db1e6;
color: #000;
font-family: Verdana, Arial, Sans-Serif;
font-size: 13px;
text-align: center;
line-height: 1.4;
}
#container {
width: 85%;
background: #fff;
border: 1px solid #e4e4e4;
color: #000000;
margin: auto auto;
padding: 20px;
text-align: left;
}

Tu vois bien qu'il n'y a pas de "width dans "body" et que tu as "margin: auto auto" pour centrer le container.

Essaie donc une dernière fois ce que je te propose au début de ce message.

[Image: spyto.png]
~~ AUCUNE AIDE Par MP, MAIL OU MSN !!!~~
Répondre
04-01-2009, 11:20,
#16
RE: Largeur du forum
Ce matin,j'ai mis ca


#container {
width: 85%;
background: #fff;
border: 1px solid #e4e4e4;
color: #000000;
margin: auto auto;
padding: 20px;
text-align: left;
}


Donc a marché sans tout faire buggué !

Pour la police,j'ai réduit de 13px,à 12,aucun changement -.-'

[Image: 890551wesker.png]
Webmaster Amateur
Répondre
04-01-2009, 11:27,
#17
RE: Largeur du forum
Oui, j'ai vu, mais ce n'est pas le même design !
Et puis ça a centré parce qu'aucune largeur n'est spécifiée dans 'body' !

Ce que je te propose c'est pour le design d'hier...

Quant à la taille de la police, il ne suffit pas de la modifier dans 'body' !
Il faut la modifier dans les sélecteurs CSS où tu veux la réduire.
La taille globale dans 'body' n'est appliquée que si aucune autre taille n'est précisée dans un autre sélecteur !

[Image: spyto.png]
~~ AUCUNE AIDE Par MP, MAIL OU MSN !!!~~
Répondre
04-01-2009, 11:31,
#18
RE: Largeur du forum
Donc pour réduire la taille de la police des sous titres (qui correspond au texte en dessous des différentes sections) c'est dans menu?

[Image: 890551wesker.png]
Webmaster Amateur
Répondre
04-01-2009, 11:44,
#19
RE: Largeur du forum
Nodark a écrit :Donc pour réduire la taille de la police des sous titres (qui correspond au texte en dessous des différentes sections) c'est dans menu?

Pour le texte de description des sections c'est le sélecteur 'smalltext'.

[Image: spyto.png]
~~ AUCUNE AIDE Par MP, MAIL OU MSN !!!~~
Répondre
04-01-2009, 11:46,
#20
RE: Largeur du forum
Et pour les titres des sections?


Merci pour les aide à tous Big Grin

[Image: 890551wesker.png]
Webmaster Amateur
Répondre




Utilisateur(s) parcourant ce sujet : 4 visiteur(s)

Contact | MyBB.support | Retourner en haut | Retourner au contenu | Version bas-débit (Archivé) | Syndication RSS
 Utilitaire de traduction fourni par Regentronique