MyBB.support, le portail francophone de MyBB
Logo et images de fond dans header - Version imprimable

+- MyBB.support, le portail francophone de MyBB (https://mybb.fr)
+-- Forum : Thèmes (https://mybb.fr/forum-4.html)
+--- Forum : Support (https://mybb.fr/forum-6.html)
+--- Sujet : Logo et images de fond dans header (/thread-7921.html)



Logo et images de fond dans header - Phil - 13-09-2020


VERSION_MyBB : 1.8.24
VERSION_MyBB : 1.8.24
Bonjour à tous.

Très honnêtement, je me suis perdu. Je me suis planté quelque part et je n´arrive plus a retrouver mon chemin

1-Je voudrai mettre une image dans le header. Voilà ce que j´ai fait:

#logo {

    background: #fff;
    background-image: url(images/H4_6.png);
    background-repeat: no-repeat;

Mais rien n´apparait



2-Récupérer mon logo.
Je suis dans "Themes" et en bas de page dans "Board Logo" j´ai mis : images/logo3.png
Idem rien n´apparait

3-J´ai surement fait une mauvaise manip dans : 
Theme/Default templates /header templates/header

Est-ce la ligne de code par défaut est bonne?
<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>

D´avance mille merci.

PS: je peux vous donner mon accès FTP si vous le souhaitez.


RE: Logo et images de fond dans header - exdiogene - 13-09-2020

Premièrement le fichier "images/H4_6.png" n'existe pas, "images/logo3.png" non plus, mais "images/logo03.png" existe.

Il manque les guillemets de fermeture après le nom de l'image ainsi qu'un espace avant le "alt":
<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>

J'ai fait les correctifs, mais l'image ne semble pas avoir les bonnes caractéristiques, car elle n'apparait pas convenablement sur le navigateur. Elle est complètement blanche!

Pourtant lorsque je visionne l'image seule elle apparait en blanc sur fond gris pâle. Mais j'imagine que le fond est transparent alors l'image sera invisible sur un fond blanc... Wink


RE: Logo et images de fond dans header - Phil - 13-09-2020

Un grand merci ....

Vous m´aviez pourtant donné la solution il y à quelques années, mais je suis un peu perdu avec les différents endroits ou l´on peut modifié, le logo et l´image de fond du "header"

1-Global CSS
#logo {
background: #fff;
background-image: url(images/logo03.png);
background-repeat: no-repeat;
padding: 150px 0 0;
Height: 0px;
border-bottom: 1px solid #263c30;

2-Themes /Default
Board Logo

3-Templates /Default Templates / Header Templates /Header

J´aimerai m´entrainer à l´exercice et repartant de zéro tel que MYBB forum configure ces trois sections par défaut. Et ensuite modifier les éléments un par un (et plus comme j´ai tendance à faire, un modifiant tout et ètre pommer 5 minutes après)

Vous pourriez me dire quoi faire afin de "paramétrer ces trois sections" par défaut?

En fait j´aimerai arriver (seul j´éspère Wink ) a retrouver quelque chose comme ça:

[Image: XrbhkAw.png]


RE: Logo et images de fond dans header - exdiogene - 13-09-2020

Principalement vous devez placer l'image de l'avion en arrière plan :
1-Global CSS
#logo {
background: #fff;
background-image: url(images/avion.png);

Le reste suivra...


RE: Logo et images de fond dans header - Phil - 13-09-2020

Ok merci.


RE: Logo et images de fond dans header - exdiogene - 13-09-2020

Maintenant il faut ajuster pour la dimension de l'image avec :

1-Global CSS
#logo {
padding: 300px 0 0;
Height: 90px;


RE: Logo et images de fond dans header - Phil - 13-09-2020

Dernière question sur ce point.

Sur quoi dois-je intervenir afin de modifier les hauteurs du menu et du logo?

[Image: noBFpcS.png]


RE: Logo et images de fond dans header - exdiogene - 13-09-2020

Voir réponse précédente...


RE: Logo et images de fond dans header - Phil - 13-09-2020

Magnifique !!! On ne touche plus à rien !!

Encore mille merci pour le support !!!


 Utilitaire de traduction fourni par Regentronique