[AIDE] Centrer la bannière

[DetOx]

Bonjour, sur mon forum, j'ai ça en bannière :

J'aurais voulu savoir ce qu'il faut modifier dans le codage pour que cela soit centré.

Merci d'avance,

Amicalement, DetOx.

[Hellus]

Comme ça :



????

Met ce lien dans la place ou changer de logo :

http://img84.imageshack.us/img84/7566/fordetoxbyhellustm8.jpg .

[DetOx]

Oui, au début j'avais fait comme ça, mais pour ceux qui ont une petite résolution (1024*768) ils voient la bannière dépasser sur la droite, donc j'aurais voulu savoir comment centrer autrement.

[xavatar]

Admin CP => Template and Styles => Template
Tu choisis ton template ensuite tu "expand" le "Header Templates"
Full Edit sur "Header" et tu trouves la ligne (4ième normalement) :

Citation :<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>

Tu remplaces :

Citation :<div class="logo">

par

Citation :<div align="center" class="logo">

[DetOx]

Merci mais il ne faut pas fermer la balise align ?

EDIT: J'ai mit ton code et c'est niquel

[xavatar]

DetOx a écrit :Merci mais il ne faut pas fermer la balise align ?

EDIT: J'ai mit ton code et c'est niquel

en fait c'est la balise <div ....> et elle est fermé à la fin

[Hellus]

Hum !!

Résolu !. Bonne continuation pour ton forum

[DetOx]

OK, je croyait qu'il aurait aussi fallut un </align> à la fin ^^ Merci pour ton aide!

[et65]

Ah, il y a une autre solution :p !
Les templates intègrent déjà une classe sur le logo appelé "logo".
Il vous suffit donc de rajouté au style "global.css" de votre thème :

Code :

.logo {
     text-align: center;
}

Voilà :p

[snider59]

Je up se vieux sujet, comment étirer automatiquement car tout le monde n'a pas la même résolution.

[deathart]

Oui je up aussi

[glue]

Up je trouve pas ce template :s

[sheron]

je ne trouve pas le code a rempcer voila ma template :

Code :

<div id="container">
        <a name="top" id="top"></a>
        <div id="header">
            <div id="logo">
                <div class="wrapper">
                    <a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
                </div>
            </div>
            <div id="panel">
                <div class="upper"><!-- This div(class="upper") is closed in the header_welcomeblock_member and header_welcomeblock_guest templates -->
                    <div class="wrapper">
                        <ul class="menu top_links">
                            <li><a href="{$mybb->settings['bburl']}/search.php" class="search">{$lang->toplinks_search}</a></li>
                            <li><a href="{$mybb->settings['bburl']}/memberlist.php" class="memberlist">{$lang->toplinks_memberlist}</a></li>
                            <li><a href="{$mybb->settings['bburl']}/calendar.php" class="calendar">{$lang->toplinks_calendar}</a></li>
                        </ul>
                        {$welcomeblock}
            </div>
        </div>
        <div id="content">
            <div class="wrapper">
                {$pm_notice}
                {$bannedwarning}
                {$bbclosedwarning}
                {$unreadreports}
                {$pending_joinrequests}
                <navigation>
                <br />

[spyto]

Il serait préférable s'ouvrir un nouveau sujet dans Support plutôt que de déterrer un sujet qui date de 4 ans !!!!

[sheron]

c'est bon il fallais remplacer

Code :

<div id="logo">

par

Code :

<div align="center" id="logo">

[sheron]

(20-07-2014, 13:55)spyto a écrit :  Il serait préférable s'ouvrir un nouveau sujet dans Support plutôt que de déterrer un sujet qui date de 4 ans !!!!

pas sur puisque ma question vient a la suite de ce tuto car c'est celui sue j'ai suivis