Image de fond transparente dans un post

  • Statut : non résolu
4 sujets de 1 à 4 (sur un total de 4)
  • Auteur
    Messages
  • #452753
    unterix
    Membre
    Initié WordPress
    4 contributions

    Ma configuration WP actuelle
    – Version de WordPress : 2.2
    – Thème utilisé : HAL50
    – Plugins en place : akismet, google-analyticator, google-sitemap, wordtube, meta KW generator
    – Nom de l’hebergeur : 1and1
    – Adresse du site : http://www.ubris.fr

    Bonjour,

    mon problème du jour est que je souhaiterai mettre une image en fond d’un de mes posts (comme insérer une image dans un post mais avoir le texte par-dessus). J’ai cherché de multiples solutions mais là je sèche.
    Attention, je ne souhaite pas avoir d’image de fond permanente pour tous mes posts, juste une image prise pour un post donné.
    Le fait que l’image (gif) ait une transprence de contours ne me semble pas avoir d’importance ici.
    Une idée?

    merci d’avance !

    #603640
    damino
    Participant
    Maître WordPress
    1243 contributions

    Tu peux jouer avec ta feuille de style en mettant une image en background.
    Dans ton post tu rajoutes une balise sélecteur que tu reprends dans ta feuille de style pour ta propriété background.

    #603641
    unterix
    Membre
    Initié WordPress
    4 contributions

    Merci pour ta réponse, mais si j’ai bien compris le principe, peux-tu me filer un exemple de code à insérer dans le post, suis un peu ‘limité’ en php….

    merci ! 🙂

    #603642
    damino
    Participant
    Maître WordPress
    1243 contributions

    Pas de php qui tienne … juste un peu de XHTML et CSS.
    Par exemple au début et en finde ton paragraphe

    <div class="imagedefond"> blablabla mon paragraphe </div>

    Et dans ta feuille de style par exemple :

    .imafedefond {
    background:transparent url(l’url de mon image) left top no-repeat;
    }

    Au sein de cette classe il te faudra peut-être régler les margin, padding, et autres propriétés, … selon ton thème.

4 sujets de 1 à 4 (sur un total de 4)
  • Vous devez être connecté pour répondre à ce sujet.