Bonjour à tous,
Je suis sous WP avec le thème bridge.

J'aimerais mettre une illustration de fleur à droite du footer dans l'angle. J'aimerais cependant faire dépasser l'illustration de quelques pétales sur le body.
Je ne m'y connais pas beaucoup en CSS, j'ai essayé de mettre mon footer en background transparant et de mettre mon image dans le body en position relative mais ça ne marche pas.

Auriez-vous des pistes que je pourrais explorer ?

Merci !

4 réponses


Hello :)

Alors il faudrait que tu place le footer en position relative, ensuite à l'intérieur du footer tu met ton image en position absolute, en bas à droite, avec une taille qui dépasse :p

melodie
Auteur

Hello, merci de ta réponse :)

J'ai peut-être une question bête mais comment je fais pour mettre l'image dans mon footer ?
Je peux mettre un background image mais est-ce que ça fonctionnerait ?
Ou alors passer par un widget, mais je n'arrive pas à concevoir non plus comment le faire !

De rien :)

Alors avec un background tu ne pourras pas faire dépasser l'image, tu devra juste placer l'image directement :p

<footer style="position: relative; width: 100%; height: 200px;">
    <img src="source/de/ton/img.gif" style="postition: absolute; right: 0; bottom: 0; height: 300px; width: auto;" />
</footer>

Je ne pense pas qu'il existe un widget, inclure une image c'est trop basique x)

Après tu dev dans ton projet Wordpress ou tu fait du 100% interface? Si tu fait du 100% interface il faudra trouver un thème qui propose l'inclusion d'image en tant qu'image volante dans un container ^^'

melodie
Auteur

Je ne dev pas non, j'ajoute juste pas mal de CSS ahah ^^'
Par exemple, je ne sais pas où inclure le morceau de code que tu m'as transmis :/
Je suis vraiment débutante, je saurais le faire en intégration classique mais la structure de WP me perd bcp et je sais pas comment adapter ce que je voudrais faire, c'est frustrant ! Dans mon thème je peux effectivement ajouter des widget image à mon footer, c'est sûrement pas le mieux mais je ne vois pas comment faire autrement ?