MyBB.support, le portail francophone de MyBB
Centrer le logo du forum - Version imprimable

+- MyBB.support, le portail francophone de MyBB (http://mybb.fr)
+-- Forum : Plug-ins et modules pour MyBB (http://mybb.fr/forum-32.html)
+--- Forum : Support (http://mybb.fr/forum-15.html)
+--- Sujet : Centrer le logo du forum (/thread-2517.html)



Centrer le logo du forum - Xango - 15-06-2010

Bonjour je sais que cela peut paraître risible mais quelqu'un pourrait-il me dire comment centrer mon logo s'il vous plaît ?

Cordialement,

Xango.


RE: Centrer le logo du forum - spyto - 16-06-2010

Salut,

La solution quui me paraît la plus simple :

1. Edite le template 'header'
2. Rajoute une clause de tyle au div logo, c'est-à-dire que tu remplaces :
Code PHP :
<div id="header">
   <
div class="logo"><a href="{$mybb->settings['bburl']}/index.php"etc.... 
par
Code PHP :
<div id="header">
    <
div class="logo" style="text-align: center"><a href="{$mybb->settings['bburl']}/index.php"etc... 

Sinon tu peux créer un sélecteur CSS dans global.css :
(édition en mode avancé)
Code PHP :
.logo {
   
text-aligncenter;




RE: Centrer le logo du forum - glue - 20-06-2010

je trouve pas se template?


RE: Centrer le logo du forum - Oxmose - 20-06-2010

[Image: sanstinwn.png]
Il se trouve dans "Entête template".


RE: Centrer le logo du forum - Xango - 21-06-2010

merci pour vos réponses.


RE: Centrer le logo du forum - artho - 09-09-2010

<center> </center> est tout aussi efficace !


RE: Centrer le logo du forum - Alexoune001 - 10-09-2010

Ou <div align="center"> </div> c'est aussi efficace que le <center> ^^.


RE: Centrer le logo du forum - mmlg620 - 20-01-2012

Un up de ce sujet car en suivant les explications ci dessus, j'ai le logo centré sur l'accueil mais pas sur les pages des forums (forumdisplay.php) et des discussions (showthread.php).

Quelle modifs faut il faire ?

merci

PS : je suis en 1.6.5


RE: Centrer le logo du forum - spyto - 20-01-2012

Sans lien, impossible de répondre quoi que ce soit, je ne suis pas devin.

Normalement le template 'header' est utilisé dans toutes les pages ! Shy


RE: Centrer le logo du forum - mmlg620 - 20-01-2012

(20-01-2012, 18:19)spyto a écrit :  Sans lien, impossible de répondre quoi que ce soit, je ne suis pas devin.

Normalement le template 'header' est utilisé dans toutes les pages ! Shy

Autant pour moi Sad

http://www.les-smootards-lurrons.fr.cr

et j'ai bien fait la modif sur le header du header template


Edit : sur le theme par défaut, je souhaierai également changé les taille des polices. Mais rien à faire dans le le global.css. ça marche pas.

Si tu as une manip. Merci



RE: Centrer le logo du forum - spyto - 20-01-2012

1. Centrage du logo :
dans ta page d'index, tu as un <div align="center"></div> encadrant la balise <img>, le logo est donc centré.
dans les autres pages cette balise ne figure pas ! Je ne comprends pas pourquoi.
Pourtant, c'est bien le même template 'header' qui est utilisé !?

Ce qui t'était proposé et qui est plus "rationnel" c'est d'utiliser :
Code PHP :
<div class="logo" style="text-align: center"

Pourrais-tu donner en PJ (fichier texte) le contenu de ton ou des templates 'header' ?

2. Tu veux changer la taille de la police où ? Globalement ? Pour certains éléments ?
Si c'est globalement il faut sas doute agir sue le sélecteur :
Code PHP :
body {
    
background#efefef;
    
color#000;
    
font-familyVerdanaArialSans-Serif;
    
font-size13px;
    
text-aligncenter/* IE 5 fix */
    
line-height1.4;

de global.css
Si c'est ailleurs, il te faut trouver le sélecteur correspondant.



RE: Centrer le logo du forum - mmlg620 - 20-01-2012

(20-01-2012, 18:57)spyto a écrit :  ......
Ce qui t'était proposé et qui est plus "rationnel" c'est d'utiliser :
Code PHP :
<div class="logo" style="text-align: center"

Je test et je te répond.
(20-01-2012, 18:57)spyto a écrit :  Pourrais-tu donner en PJ (fichier texte) le contenu de ton ou des templates 'header' ?
En fichier joint

(20-01-2012, 18:57)spyto a écrit :  2. Tu veux changer la taille de la police où ? Globalement ? Pour certains éléments ?
Si c'est globalement il faut sas doute agir sue le sélecteur :
Code PHP :
body {
    
background#efefef;
    
color#000;
    
font-familyVerdanaArialSans-Serif;
    
font-size13px;
    
text-aligncenter/* IE 5 fix */
    
line-height1.4;

de global.css
Si c'est ailleurs, il te faut trouver le sélecteur correspondant.

Qu'appelles tu le sélecteur ? POur que je puisse faire cette manip




RE: Centrer le logo du forum - spyto - 20-01-2012

Dans ton template header, remplace :
Code PHP :
<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><div align="center"> <img src="{$theme['logo']}alt="{$mybb->settings['bbname']}title="{$mybb->settings['bbname']}"></a></p>
</
div
par
Code PHP :
<div class="logo" style="text-align: center"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}alt="{$mybb->settings['bbname']}title="{$mybb->settings['bbname']}"></a></p>
</
div
De plus il manquait un </div> de fermeture de ton <div align="center">...


Un sélecteur CSS est une déclaration de propriétés d'un élément HTML.
Je ne vais pas faire ici un cours ! Tongue
Par exemple : http://www.commentcamarche.net/contents/css/csssyntax.php3


Après il faut savoir quel élément tu veux modifier pour adapter la balise correspondante.

Edit : Merci Saphir... j'avais effectivement oublié de refermer le guillemet, c'est corrigé.


RE: Centrer le logo du forum - Saphir - 20-01-2012

Petite correction : il faut remplacer par
Code PHP :
<div class="logo" style="text-align: center;"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}alt="{$mybb->settings['bbname']}title="{$mybb->settings['bbname']}"></a></p>
</
div

(Il manquait la fermeture des guillemets de la première balise...)


RE: Centrer le logo du forum - mmlg620 - 20-01-2012

en effet et tout est corrigé et marche à merveille Smile

Pour la taille des polices je m'en occupe et fais un retour.

Promis je vais prendre des cours....Big Grin



RE: Centrer le logo du forum - mmlg620 - 22-01-2012

Fort de vos conseils avisés, j'ai pu amener les modifs que je souhaitais à partir du global.css.


 Utilitaire de traduction fourni par Regentronique