Ajustement d'une image

[Khaose]

Bonjour,

J'ai changé le logo de mon forum mais j'ai un problème...

Regarder => Oblivion Database

Il est collé au bord gauche du site..

Quelqu'un pourrait me dire quel fichier changer et avec quelle balise css ?

Merci d'avance de votre aide.

[spyto]

Salut,

Il y a un souci dans ton template header (que tu as modifié je suppose ?).

Si je regarde le code source de ta page, je vois ceci :

Code PHP :

<div class="logo"><a href="http://exorfree.com/forum/index.php"><img src="http://exorfree.com/forum/images/vision/Elder-Scrolls-4-Oblivion-Logo.jpg" alt="Forums d'ExorFree" title="Forums d'ExorFree" /></a></div>
 <div id="container">
    <a name="top" id="top"></a>
       <div id="header">
            <div id="panel"> etc... 


Le <div class="logo"> n'est pas au bon endroit, alors évidemment le logo va se coller à gauche : il est en-dehors du flux CSS, ou plus exactement il n'est pas à l'intérieur du <div> container !

Tu devrais mettre :

Code PHP :

<div id="container">
          <a name="top" id="top"></a>
             <div id="header">
                   <div class="logo"><a href="http://exorfree.com/forum/index.php"><img src="http://exorfree.com/forum/images/vision/Elder-Scrolls-4-Oblivion-Logo.jpg" alt="Forums d'ExorFree" title="Forums d'ExorFree" /></a></div>
                            <div id="panel"> etc... 


Je pense que comme ça le logo se positionnerait correctement !

[Khaose]

Je ne pense pas que cela soit un problème de <div>.

J'utilise le thème "Vision"..

J'ai uploadé mon logo actuel dans /www/forum/images/vision/Elder-Scrolls-4-Oblivion.jpg

Ensuite je me suis rendu dans mon panneau d'admin -> Thèmes et templates -> Editer thème vision -> Et j'ai remplacer images/visions/logo.gif par images/vision/Elder-Scrolls-4-Oblivion.jpg

Que dois-je faire dans ce cas ?

[Khaose]

UP aidez-moi svp...

[spyto]

Khaose a écrit :UP aidez-moi svp...

Encore faudrait-il que tu tiennes compte de la réponse qui t'a été faite !?

Citation :Je ne pense pas que cela soit un problème de <div>.

Tu as le droit de "penser" que ce n'est pas ça ! Mais vérifie au moins...
Moi je te dis que si ton logo est tout à gauche, c'est parce qu'il n'est pas dans le bon <div>.
Alors crois-moi si tu veux, mais avant de balancer des 'Up', essaie au moins ce ce que je t'ai proposé !

Edite ton template 'header' et déplace le <div> du logo. Tu reviendras à l'original si ça ne résout pas !

@+

[Khaose]

D'accord désolé de ma réaction..

Pourriez-vous me dire dans quel dossier et quel fichier dois-je changer exactement ?

[spyto]

Khaose a écrit :Pourriez-vous me dire dans quel dossier et quel fichier dois-je changer exactement ?

Il ne s'agit ni d'un dossier ni d'un fichier.

Il s'agit de modifier un template.

Admin > Templates et Styles > Templates
Onglet Rechercher/Remplacer
Tout en bas, dans "Rechercher titre template", tape : header et clique sur le bouton "Rechercher".
Ensuite, dans la page résultante, clique sur "header" dans "Templates maîtres" pour l'éditer.

Tu vas alors voir le code de mon message précédent.

Sélectionne à la souris :

Code :

<div class="logo"><a href="http://exorfree.com/forum/index.php"><img src="http://exorfree.com/forum/images/vision/Elder-Scrolls-4-Oblivion-Logo.jpg" alt="Forums d'ExorFree" title="Forums d'ExorFree" /></a></div>

Coupe, positionne-toi après

Code :

<div id="header">

et colle.
Tu auras ainsi déplacé le "div" logo à l'intérieur du div "header".
Enregistre et regarde ce que ça donne.

Si ça ne corrige pas, refais la manip inverse pour revenir à l'état initial et on cherchera autre chose...
Mais ça corrigera, j'en suis quasiment certain !

Note : tu peux aussi au préalable sélectionner tout le texte du template, le copier et le coller quelque part dans un fichier texte de façon à pouvoir le réinsérer plus facilement dans son intégralité.

[Khaose]

Tout est déjà à la bonne place...

Voilà le contenu :

Code :

<div id="container">
        <a name="top" id="top"></a>
        <div id="header">
            <div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
            <div class="menu">
                <ul>
                    <li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/search.gif" alt="" title="" />{$lang->toplinks_search}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/memberlist.gif" alt="" title="" />{$lang->toplinks_memberlist}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/calendar.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/calendar.gif" alt="" title="" />{$lang->toplinks_calendar}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/help.gif" alt="" title="" />{$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">
            {$pm_notice}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
            <navigation>
            <br />

C'est normal ?

[spyto]

Oui, là c'est normal !

Oups, excuse-moi, je ne pensais plus que tu utilisais un thème autre que celui par défaut !!!

Reprends la démarche du message précédent, mais édite le template 'header' du thème que tu utilises (vision) et non du template maître !

Tu recherches 'header' dans les templates et tu édites 'header' du template vision !

Là tu verras que le div logo n'est pas à sa place.
Je viens de le re-vérifier dans le code source de ta page.

Au fait, c'est quoi cette invite de choix de base à l'ouverture de la page ?

[Khaose]

Voilà c'est replacé merci, mais maintenant il y a un blanc Je vais devoir agrandir l'image pour la remplir.

C'est du javascript Comme le site regroupera une base de données complète pour différents jeux, je fais cela. Comme ça on ne perd pas son temps à chercher le lien de son jeu, on tape directement celui que l'on voudrait consulter.

[spyto]

Sinon, pour éviter le blanc, tu mets une couleurs dans le sélecteur .logo du fichier CSS.

Ta balise .logo actuelle :

Code PHP :

.logo {
    margin: 0;
    /* Remove the "/**/" before and after the attribute below to have your logo in the center of your page instead of the left. */
    /*text-align: center;*/
} 


Il te suffit d'y rajouter une couleur de fond (backgound : #xxxxxx) en harmonie avec l'image.

Edite 'global.css' de ton thème pour modifier.

[Khaose]

D'accord..

Je cherche du monde pour travailler avec moi sur ce projet..

Comme tu connais très bien MyBB Accepterais-tu de m'aider ?

[spyto]

Khaose a écrit :D'accord..

Je cherche du monde pour travailler avec moi sur ce projet..

Comme tu connais très bien MyBB Accepterais-tu de m'aider ?

Non désolé... j'ai bien trop de boulot ici entre autres !

[Khaose]

Ok pas de problème.

Merci de m'avoir aidé.