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

Voir le sujet précédent Voir le sujet suivant Aller en bas

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

Message par Hope_Hell le Mer 30 Juil 2014 - 14:54

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 ♥


Dernière édition par Hope_Hell le Mer 30 Juil 2014 - 17:13, édité 1 fois

Hope_Hell
**

Messages : 72
Inscrit(e) le : 21/06/2013

http://marvelnextgeneration.forumpro.fr/
Hope_Hell a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image entre la barre de navigation et collée sous le header

Message par Tech le Mer 30 Juil 2014 - 15:31

Bonjour,

Votre image est assez grande : http://img4.hostingpics.net/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.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 21129
Inscrit(e) le : 01/12/2007

http://forum.forumactif.com
Tech a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image entre la barre de navigation et collée sous le header

Message par néco le Mer 30 Juil 2014 - 16:25

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 ^^)

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

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

bizzz

néco
*****

Féminin
Messages : 782
Inscrit(e) le : 13/02/2013

http://pephenix.forumactif.org/
néco a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image entre la barre de navigation et collée sous le header

Message par Hope_Hell le Mer 30 Juil 2014 - 16:32

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 Wink

Hope_Hell
**

Messages : 72
Inscrit(e) le : 21/06/2013

http://marvelnextgeneration.forumpro.fr/
Hope_Hell a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image entre la barre de navigation et collée sous le header

Message par Tech le Mer 30 Juil 2014 - 16:41

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

Cordialement.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 21129
Inscrit(e) le : 01/12/2007

http://forum.forumactif.com
Tech a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image entre la barre de navigation et collée sous le header

Message par Hope_Hell le Mer 30 Juil 2014 - 16:45

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

Hope_Hell
**

Messages : 72
Inscrit(e) le : 21/06/2013

http://marvelnextgeneration.forumpro.fr/
Hope_Hell a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image entre la barre de navigation et collée sous le header

Message par Tech le Mer 30 Juil 2014 - 16:47

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

Cordialement.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 21129
Inscrit(e) le : 01/12/2007

http://forum.forumactif.com
Tech a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image entre la barre de navigation et collée sous le header

Message par Hope_Hell le Mer 30 Juil 2014 - 16:50

Oui, bien sûr:
Template Overall_header


Edit !


Merci.


Dernière édition par Hope_Hell le Mer 30 Juil 2014 - 17:12, édité 1 fois

Hope_Hell
**

Messages : 72
Inscrit(e) le : 21/06/2013

http://marvelnextgeneration.forumpro.fr/
Hope_Hell a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image entre la barre de navigation et collée sous le header

Message par Tech le Mer 30 Juil 2014 - 16:52

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.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 21129
Inscrit(e) le : 01/12/2007

http://forum.forumactif.com
Tech a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image entre la barre de navigation et collée sous le header

Message par Hope_Hell le Mer 30 Juil 2014 - 17:02

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.

Hope_Hell
**

Messages : 72
Inscrit(e) le : 21/06/2013

http://marvelnextgeneration.forumpro.fr/
Hope_Hell a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image entre la barre de navigation et collée sous le header

Message par Tech le Mer 30 Juil 2014 - 17:08

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.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

Masculin
Messages : 21129
Inscrit(e) le : 01/12/2007

http://forum.forumactif.com
Tech a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image entre la barre de navigation et collée sous le header

Message par Hope_Hell le Mer 30 Juil 2014 - 17:11

EXCELLENT !

je vous adore !
C'est parfait !

Mille fois merci !

Hope_Hell
**

Messages : 72
Inscrit(e) le : 21/06/2013

http://marvelnextgeneration.forumpro.fr/
Hope_Hell a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum