[Abandonné] Header Banner

[Zano]

Bonjour, voilà cette extension n'a pas fonctionné pour moi ! alors, je suis passé par le custom code de mon forum (overall_header_body_before.html)

J'y suis arrivé à créer et inséré mon GIF mais le souci pas dans la bannière mdr au-dessus [Image] si quelqu'un peut m'aider svp merci.



Voici le code HTML que j'ai inséré : :

Code: Tout sélectionner

<div style="text-align:center;">
  <img src="styles/element/theme/images/loghoob.gif" alt="loghoob.gif" />
</div>

https://www.hobbiesland.fr/

[Fred]

Comme tu le vois sur cette capture d'écran, l'extension que tu as utilisé n'insère pas de code dans le header

[Zano]

J'avais vu à l'instant, je vais encore chercher, il y a bien un code, merci

[Fred]

Dans le template overall_header.html de ton style

Trouver : (peut correspondre à un résultat partiel dans une ligne de code ou à une ligne de code entière.)

Code: Tout sélectionner

	<a href="{% if U_SITE_HOME %}{{ U_SITE_HOME }}{% else %}{{ U_INDEX }}{% endif %}" title="{% if U_SITE_HOME %}{{ L_SITE_HOME }}{% else %}{{ L_INDEX }}{% endif %}">

Ajouter après : (ajouter ce code sur une nouvelle ligne, située après les lignes de code précédemment trouvées.)

Code: Tout sélectionner

<div style="text-align:center;">
  <img src="styles/element/theme/images/loghoob.gif" alt="loghoob.gif" />
</div>

Enregistre et vide le cache

[Zano]

Merci je vais tester

Ajouté 6 minutes 56 secondes après :
Non ça, c'est mis sur le côté et ça a sauté et ensuite disparu

je viens de ressayer le gif c'est remis pareil lol

[Fred]

OK, peux-tu ajouter l'URL de ton forum dans tes informations de profil, merci !

[Zano]

[Fred]

Dans le fichier overall_header.html du style

Trouver : (peut correspondre à un résultat partiel dans une ligne de code ou à une ligne de code entière.)

Code: Tout sélectionner

				<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>

Ajouter après : (ajouter ce code sur une nouvelle ligne, située après les lignes de code précédemment trouvées.)

Code: Tout sélectionner

				<div class="hhoolog">
					<img src="{T_THEME_PATH}/images/hhoolog.gif" alt="">
				</div>		

Enregistre cet ajout

Ouvre le fichier stylesheet.css et après la dernière ligne @import url ajoute ceci :

Code: Tout sélectionner

.hhoolog {
	margin-left: 50%;
	margin-top: -6%;
}

Enregistre et purge le cache



Ajouté 3 minutes 51 secondes après :
En action ici en sélectionnant le style element dans le menu : https://medias.rimbertweb.fr/

[Zano]

Cool merci, je vois demain les 2 codes, je mets dans over ? et le troisième dans le fichier panel merci

Là, je mets quel Nom ? <h1>{SITENAME}</h1>

[Fred]

Suis ce que je t'ai écrit dans mon dernier message, tu as toutes les directives.

[Zano]

ok merci bonne soirée

Ajouté 8 heures 14 minutes 27 secondes après :
Salut, erreur ici (stylesheet)

[Fred]

Qu'est-ce que tu n'a pas compris dans cette partie de phrase : après la dernière ligne

Toi tu le place "à la place de la dernière ligne" donc normal que tu rencontres des problèmes par la suite.

[Zano]

Maintenant ça mange dans la barre de mes favoris ???

[Fred]

Si tu es incapable de faire ce qui suit, mieux vaut ne pas persister dans la modification de fichiers, ce que tu voulais faire.
Au risque de rencontrer de gros problème à l'avenir.

Dans le fichier overall_header.html du style

Trouver : (peut correspondre à un résultat partiel dans une ligne de code ou à une ligne de code entière.)

Code: Tout sélectionner

				<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>

Ajouter après : (ajouter ce code sur une nouvelle ligne, située après les lignes de code précédemment trouvées.)

Code: Tout sélectionner

				<div class="hhoolog">
					<img src="{T_THEME_PATH}/images/hhoolog.gif" alt="">
				</div>		

Enregistre cet ajout

Ouvre le fichier stylesheet.css et après la dernière ligne @import url ajoute ceci :

Code: Tout sélectionner

.hhoolog {
	margin-left: 50%;
	margin-top: -6%;
}

Enregistre et purge le cache

[Zano]

Les codes, je les réussis en temps normal,je n'en suis pas à mon premier code lol, mais celui-ci ne va pas par inspecté l'élément, ce n'est pas pareil, moi-même pour le logo ça fonctionnait par inspecté l'élément

[Fred]

Les codes, je les réussis en temps normal

En l’occurrence ici il te suffit de suivre ce que je t'ai dit, trouver une partie de code et en ajouter un nouveau en-dessous. Simple comme bonjour.
Je ne vois pas ce que la fonction "inspecter l'élément" viens faire dans ce cas. Tu ne recherches pas, tu suis ce qui est indiqué.

[Zano]

On va laisser tomber se style et bizarre mdr sur les autres, j'y arrive genre le style programmer aucun souci celui-ci, il ne veut rien savoir, déjà pour le logo ça n'avait rien n'avoir avec l'astuce donner merci l'ami (je vais faire ma demande aide pour images des rangs)

désolé, j'ai oublié, peux-tu me donner l'exemple (un screen) de ton stylesheet et de custom code stp voir si c'est comme moi quand tu la créé merci