Insérer une image de fond au header

[maStrap]

Bonjour,

Je suis en train de travailler la mise en page de mon site, et particulièrement du header.
Mon site est visible ici : http://strapontine.jimdo.com/accueil/
Je suis partie du design Malaga.
Grace au précédent post "modifier le header" de catcat, j'ai pu changer la taille de mon logo, et commencer à me familiariser avec le fonctionnement de Jimdo (merci FredVig !).

Maintenant, plus compliqué....! Est il possible d'ajouter une image de fond à mon header ? Le design Malaga n'en a pas, donc je n'ai pas accès à l'outil "ajouter une image" à cet endroit. J'aimerais quelque chose dans le style du design Riga par exemple. Est il possible "d'activer" cette accès par une ligne de code ? Et comment insérer une adresse d'image que je n'ai pas encore chargée dans Jimdo ?

Merci d'avance pour vos conseils,

Marie

[FilmsdeLover]

Alors, ce n'est pas possible "d'activer" la fonction du CMS qui vous permettrait d'ajouter une image de header mais avec un code, oui, c'est probablement possible.
Une piste à explorer :

Code:

<style type="text/css">
/*<![CDATA[*/
.topnav-wrapper {
    background-image: url("http://urldemonimage.jpg");
}
/*]]>*/
</style>

Le plus simple est de mettre l'image du header sur une page cachée, récupérer son adresse et modifier le code en conséquence.

Il est possible que ce code ne suffise pas et qu'il faille adapter d'autres parties du header mais il faut d'abord que vous essayiez pour qu'on voit si oui ou non ça pose problème.

[maStrap]

Merci beaucoup pour cette piste, je m'y mets de ce pas !

Mais tout d'abord, comment charger mon image sur le site pour pouvoir récupérer l'url ?

[FredVig]

Vous faites une nouvelle page cachée. (par exemple "stock")
Vous insérez une image (de la largeur de votre header)
Vous allez sur cette page en mode consultation : http://strapontine.jimdo.com/stock/
Vous copiez le lien de l'image (click droit "copier l'adresse de l'image")

[maStrap]

Je venais juste de comprendre le pourquoi de la page cachée.....
Ca a l'air de fonctionner, j'ai plus qu'à mettre l'image à la bonne taille pour que ça tombe correctement, car pour le moment elle se répète. Dans tous les cas, y a t il une option pour qu'elle ne se répète pas ?

[maStrap]

Trouvé !!
J'ai ajouté :
background-repeat: no-repeat;
background-position: center right;

Merci beaucoup pour votre aide et votre réactivité.

[Contenu sponsorisé]