+- MyBB.support, le portail francophone de MyBB (https://mybb.support)
+-- Forum : Thèmes (https://mybb.support/forum-4.html)
+--- Forum : Support (https://mybb.support/forum-6.html)
+--- Sujet : Ajustement d'une image (/thread-1553.html)
Ajustement d'une image - Khaose - 10-04-2009
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.
RE: Ajustement d'une image - spyto - 10-04-2009
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...
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 !
RE: Ajustement d'une image - Khaose - 10-04-2009
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 ?
RE: Ajustement d'une image - Khaose - 11-04-2009
UP aidez-moi svp...
RE: Ajustement d'une image - spyto - 11-04-2009
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 !
@+
RE: Ajustement d'une image - Khaose - 11-04-2009
D'accord désolé de ma réaction..
Pourriez-vous me dire dans quel dossier et quel fichier dois-je changer exactement ?
RE: Ajustement d'une image - spyto - 11-04-2009
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">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é.
RE: Ajustement d'une image - Khaose - 11-04-2009
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 ?
RE: Ajustement d'une image - spyto - 11-04-2009
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 ?
RE: Ajustement d'une image - Khaose - 11-04-2009
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.
RE: Ajustement d'une image - spyto - 11-04-2009
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.
RE: Ajustement d'une image - Khaose - 11-04-2009
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 ?
RE: Ajustement d'une image - spyto - 11-04-2009
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 !
RE: Ajustement d'une image - Khaose - 11-04-2009
Ok pas de problème.
Merci de m'avoir aidé.