Image en avant plan

[mickael.anim]

Bonjour,

J'aimerai mettre un bandeau en bas du Site... Un bande de gazon bien vert... Image que je souhaiterai en avant plan, qui s'adapterai à la largeur de l'écran et le Site partirai passerai en dessous...

J'utilise un template yoothème que je modifie en fonction des mes besoins petit à petit... Je suis sous joomla 3.0.4...

Je me débrouille un peu mais là je sèche... Merci pour votre aide...

[lefabdu51]

Re : Image en avant plan

Image que je souhaiterai en avant plan : il faut jouer sur le z-index qui s'adapterai à la largeur de l'écran : width:100% le Site partirai passerai en dessous : position:fixed.

[mickael.anim]

Re : Image en avant plan

Si j'ai bien compris : je dois mettre cela dans le CSS du template ?

[tataye]

Re : Image en avant plan

Si j'ai bien compris : je dois mettre cela dans le CSS du template ?

bonne idée, tu aurais voulu le mettre ou sinon ?
je plaisante mais tu sais que tu as le droit de tester les choses ?

[lefabdu51]

Re : Image en avant plan

quelle est la largeur de l image que tu souhaites intégrer ?

[mickael.anim]

Re : Image en avant plan

Pour infos, j'ai fait pas mal d'essais et de testes mais là non plus rien de positif et c'est donc pour cela que je me tourne vers le forum... Est ce que le code doit être uniquement dans le css ? Lequel ? Où Dois-je créer un div (ou autre) dans l'index (ou autre) de mon template ?

quelle est la largeur de l image que tu souhaites intégrer ?

Je souhaite intégrer un image de 1500 px de large sur 1000 px de haut... Je fais des recherches sur internet mais je ne trouve pas ce que je veux...

[mickael.anim]

Re : Image en avant plan

Cela avance bien...

J'ai créer un image de 1500 par 100 en png...

Dans mon fichier template j'ai mis :
<img id="img-grass" src="templates/yoo_micasa/images/grass.png">

Dans mon fichier CSS j'ai mis :
#img-grass
{
position:fixed;
left:0px;
bottom:0px;
z-index:20;
}

Et ça donne : Cliquez ici

J'aimerai centrer maintenant cette image mais background-position:center; ne semble pas fonctionner !!!
Dois-je ajouter quelque choses dans le CSS pour IE ?

Je poursuis donc les investigations et les tests

[tataye]

Re : Image en avant plan

tu es parti sur une mauvaise piste :
dans ton template, crées tes divs, tout simplement
et dans tes css ton background image, avec un background repeat ....
il faut évidemment que ta div fasse la largeur de ton écran et ne soit donc pas incorporée dans une div qui a une largeur fixe

[lefabdu51]

Re : Image en avant plan

1500px par 1000 ?????? regardes le footer joomla.. .c est une image de 50px de large qui se repete...1500px par1000 ca fait enorme.....

[lomart]

Re : Image en avant plan

1500px par 1000 ?????? regardes le footer joomla.. .c est une image de 50px de large qui se repete...1500px par1000 ca fait enorme.....

5mo d'images sur la page, c'est pas beaucoup trop !
Suivre la recommandation de lefabdu51 en créant d'autre div en fixed pour les petits dessins

Mettre également toutes les images qui n'ont pas besoin d'un détourage en JPEG

A part cela, le site est très agréable graphiquement (je ne me prononce pas sur le contenu)