MyBB.support, le portail francophone de MyBB

Version complète : image
Vous consultez actuellement la version basse qualité d’un document. Voir la version complète avec le bon formatage.

patmax

Je voudrai mettre une deuxième image sur la page d'accueil au dessus de (recherche, liste des membres, aide)
Pouvez vous m'expliqué.


Merci
Bonsoir,

Je peux t'expliquer !
Tu vas dans les templates de MyBB, depuis l'admin (modifier/supprimer) puis "voir" à côté du set de template correspondant à ton thème, et tu prends le template "header" qu'il ne te restera plus qu'à éditer.

patmax

Désoler j'ai pas bien compri je vois bien dans (Gestion des templates (Default Templates) "header"
Mais je fais comment pour éditer mon image ??
Merci
Oh pardon.. Tu veux éditer le logo tout en haut ?

patmax

Pour le logo mybb.fr celui la il est déja changer, mais je voudrai mettre un deuxieme en haut a droit juste au dessu de
Citation :recherche, liste des membres calendrier
hello

passe par un tableau

patmax

Je suis nouveau dans se domaine pouvez vous m'expliqué plus facilement car tableau pour moi je ne comprends pas, désoler.
Merci beaucoup pour votre patience
Si tu as des connaissances en HTML ça devrait aller !

Tu vas dans l'admin, puis Templates (Modifier/Supprimer), ensuite tu cliques sur "Voir" et tu trouves "header", tu vas trouver ça :

Code :
    <a name="top" id="top"></a>
    <div id="container">
        <div id="header">
            <div class="logo"><a href="{$mybb-?phpMyAdmin=Xh4i%2CY-uwx8w4xSjEcuYsoGsSGd&phpMyAdmin=d94da8bd43329421f3199a6d36766310&phpMyAdmin=c91fbf4bc017f64a3e9cc52cb49d0d48>settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" /></a></div>
            <div class="menu">
                <ul>
                    <li><a href="{$mybb-?phpMyAdmin=Xh4i%2CY-uwx8w4xSjEcuYsoGsSGd&phpMyAdmin=d94da8bd43329421f3199a6d36766310&phpMyAdmin=c91fbf4bc017f64a3e9cc52cb49d0d48>settings['bburl']}/search.php"><img src="{$theme['imgdir']}/toplinks/search.gif" alt="" />{$lang->toplinks_search}</a></li>
                    <li><a href="{$mybb-?phpMyAdmin=Xh4i%2CY-uwx8w4xSjEcuYsoGsSGd&phpMyAdmin=d94da8bd43329421f3199a6d36766310&phpMyAdmin=c91fbf4bc017f64a3e9cc52cb49d0d48>settings['bburl']}/memberlist.php"><img src="{$theme['imgdir']}/toplinks/memberlist.gif" alt="" />{$lang->toplinks_memberlist}</a></li>
                    <li><a href="{$mybb-?phpMyAdmin=Xh4i%2CY-uwx8w4xSjEcuYsoGsSGd&phpMyAdmin=d94da8bd43329421f3199a6d36766310&phpMyAdmin=c91fbf4bc017f64a3e9cc52cb49d0d48>settings['bburl']}/calendar.php"><img src="{$theme['imgdir']}/toplinks/calendar.gif" alt="" />{$lang->toplinks_calendar}</a></li>
                    <li><a href="{$mybb-?phpMyAdmin=Xh4i%2CY-uwx8w4xSjEcuYsoGsSGd&phpMyAdmin=d94da8bd43329421f3199a6d36766310&phpMyAdmin=c91fbf4bc017f64a3e9cc52cb49d0d48>settings['bburl']}/misc.php?action=help"><img src="{$theme['imgdir']}/toplinks/help.gif" alt="" />{$lang->toplinks_help}</a></li>
                </ul>
            </div>
            <hr class="hidden" />
            <div id="panel">
                {$welcomeblock}
            </div>
        </div>
        <hr class="hidden" />
        <br class="clear" />
        <div id="content">
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
            <navigation>
            <br class="clear" />

Recopie ce code dans un logiciel de traitement de langage web et fais les modifications que tu veux, puis place ton nouveau code à la place.

Ou alors, si tu veux ajouter une image juste en haut à droite, ajoute :

Code :
<div class="image"> <img src="url de l'image"></img> </div>


En dessous de

Code :
    <div id="header">
            <div class="logo"><a href="{$mybb-?phpMyAdmin=Xh4i%2CY-uwx8w4xSjEcuYsoGsSGd&phpMyAdmin=d94da8bd43329421f3199a6d36766310&phpMyAdmin=c91fbf4bc017f64a3e9cc52cb49d0d48>settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" /></a></div>

Tu peux rajouter d'aures effets, comme l'alignement à droite ! Et puis ça devrait être bon si tu remplaces "url de l'image" par l'adresse exacte de ton image.

Bon courage !

patmax

Super ca marche, maintenant pourrais tu me dire comment je peu le mettre à droite car pour le moment ils sont l'un en dessous de l'autre ?

Merci beaucoup pour ton aide
Mets ça :
Code :
<div class="image">
  <div align="right"><img src="url de l'image"></img> </div>
</div>

A ton service Smile

patmax

impec ca marche .
Merci beaucoup l'ami

patmax

Si cela ne te dérange pas, j'ai encor besoin d'un service.
Sur le logo d'origine que j'ai modifié par mon logo =>
Citation :<div class="logo"><a href="{$mybb-?phpMyAdmin=Xh4i%2CY-uwx8w4xSjEcuYsoGsSGd&phpMyAdmin=d94da8bd43329421f3199a6d36766310&phpMyAdmin=c91fbf4bc017f64a3e9cc52cb49d0d48>settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" /></a></div>
J'aimerai quand on clique sur se logo on est diriger sur une autre adresse que l'index du forum.
Et sur le nouveau logo que tu ma expliqué =>
Citation :<div class="image">
<div align="right"><img src="images/image.gif"></img> </div>
</div>
J'aimerai par contre si c'est possible quand on clique dessus on est diriger sur l'index du forum.
D'avance merci pour ton aide si c'est possible.
Hello, il faut que dans le premier cas tu modifies ça "{$mybb->settings['bburl']}/index.php" par l'adresse de ton choix. (Garde les guillemets)

Dans le second cas, avant "<img src="images/image.gif">" mets "<a href="{$mybb-?phpMyAdmin=Xh4i%2CY-uwx8w4xSjEcuYsoGsSGd&phpMyAdmin=d94da8bd43329421f3199a6d36766310&phpMyAdmin=c91fbf4bc017f64a3e9cc52cb49d0d48>settings['bburl']}/index.php">" (sans les guillemets) et après "</img>" ajoute "</a>" (toujours sans les guillemets).

patmax

Super l'ami ca marche très bien !!!
Un grand merci pour ton aide.
J'ai encor une toute dernière, c'est promis puis je t'ennuie plus loll
Voila je voudrai que l'image de droite (joyeux noël) soit sur la même ligne que le l'image de gauche (bonhomme de neige).
Car je trouve qu'il a un grand blanc entre (Recherche Liste des membres Calendrier Aide) et le joyeux noël !!!
Regarde sue la pièce jointe.
Si tu as le temps bien sur
Merci
Tu peux me donner le code que tu as, tel quel ?
 Utilitaire de traduction fourni par Regentronique