Image entre la barre de navigation et collée sous le header

[Hope_Hell]

Bonjour à toute la communauté,

j'ai un petit souci et je vais tenter d'être la plus claire possible.

Je désire mettre sous ma barre de navigation une image qui va d'un bout à l'autre de l'écran de l'ordinateur et qui se colle au dessus du header.

J'ai tenté d'associer les deux images (voir mon exemple avec le lien) en collant directement la chainette + header.
Sauf que comme vous l'avez remarqué, ça déforme totalement mon forum.

Lien du forum d'essai : ......

Ce qui veut dire que je dois placer ma "chainette" d'une autre façon mais je ne sais pas comment faire.
J'en appelle à votre aide.

Merci par avance ♥

[Tech]

Bonjour,

Votre image est assez grande : https://2img.net/r/hpimg4/pics/644260imagearrondiebords3.png
Le plus simple serait quand même de les séparer toutes les deux.
Vous laissez "l’œil" en tant que logo et nous placerons la "chainette" dans les templates.

Dans votre PA > Affichage > Templates > Général > overall_header, vous avez ces lignes :

Code:

<!-- BEGIN switch_logo_center -->
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>

Placez juste au dessus ceci :

Code:

<div id="chainette"><img src="adresse_image_chainette" alt="" /></div>

où adresse_image_chainette est bien sûr à remplacer par l'adresse de la chainette.

Nous réajusterons après la chainette via CSS.

Cordialement.

[néco]

une autre idée en passant (si tu ne veux pas toucher aux template)
tu peux tout simplement prendre ton image qui inclus le logo et la chainette ensemble , et placer cette image en image de fond avec un de ces deux tuto !
(les deux n'ayant pas exactement le même rendu , je te conseille de tester les deux pour voir lequel te conviens le mieux ^^)

https://forum.forumactif.com/t239492-banniere-en-image-de-fond#2187356

https://forum.forumactif.com/t286701-image-de-fond-qui-s-adapte-a-la-resolution-du-visiteur#2531683

bizzz

[Hope_Hell]

Re-bonjour,

Merci Tech, mais ma "chainette" n'apparait pas sur le design lorsque je place le code dans la template.
Il me manque donc le fameux code CSS et comme je suis une bille, comment dois-je m'y prendre ?

Merci Néco !, je vais garder les deux liens sous le coude

[Tech]

Avez-vous publié le template ? Je ne vois pas votre code présent sur le forum.

Cordialement.

[Hope_Hell]

Oui, oui, j'ai bien publié le template.
Merci à vous.

[Tech]

Pouvez-vous me fournir le contenu de votre template entre les balise code ?

Cordialement.

[Hope_Hell]

Oui, bien sûr:
Template Overall_header


Edit !


Merci.

[Tech]

Vous avez mis votre code trop haut, il faut le placer quelques lignes plus bas !

J'avais précisé :
<!-- BEGIN switch_logo_center -->

vous avez mis à :
<!-- BEGIN switch_logo_left -->

Cordialement.

[Hope_Hell]

Excusez-moi, j'avais lu beaucoup trop vite.
Je viens de changer.
Effectivement, l'image de la "chainette" apparait mais là aussi elle déforme le forum. Il s’agrandit en largeur alors que j'aimerai que ça ne soit que la chainette qui prenne toute la largeur et que mon forum garde ses mesures telles quelles.

Merci de votre aide et de votre patience.

[Tech]

Ajoutez ce code dans votre CSS (PA > Affichage > Couleurs > Feuille de style) :

Code:

#chainette img {
    left: 0;
    position: absolute;
    width: 100%;
}
#i_logo {
    position: relative;
    top: 42px;
}

Cordialement.

[Hope_Hell]

EXCELLENT !

je vous adore !
C'est parfait !

Mille fois merci !