Emplacement des codes

[Diamond Dust]

Bonjour, je souhaiterais mettre du texte derrière une image qui se décale dans les catégories du forum.
Par exemple http://priceoffreedom.forumactif.com/ à la grotte des murmures il y a l'image mais le texte à côté je voudrais le placer derrière l'image.

J'ai trouvé des codes dans ce topic :

https://forum.forumactif.com/t358868-image-qui-coulisse-et-laisse-apparaitre-un-texte-derriere

Mais ma question est où est-ce que je dois coller ces codes ?

Merci !

[badibou]

Bonjour, pour le premier code vous aller dans votre PA/Modules/gestion des pages HTML/Ajouter une page HTML

Code:

       <div class="contenant">
            <div class="contenu">TEXTE DERRIERE L'IMAGE</div>
            <img src="URL DE L'IMAGE"/>
        </div>

Pour le deuxième PA/Affichage/Couleurs/Feuille de style CSS

Code:

       div.contenant {
            width:$$$px;  /*largeur du contenant, la meme que celle de l image*/
            height:$$$px; /*hauteur du contenant, la meme que celle de l image*/
            overflow: hidden;
        }
         div.contenu {
            width: $$$px;  /*largeur du contenu, la meme que celle de l image*/
            height: $$$px; /*hauteur du contenu, la meme que celle de l image*/
            overflow: auto;  /*pour apparition d une scroll bar si le texte est trop long*/
         }
        .contenant img {
            width:$$$px; /*largeur de l image*/
            height:$$$px;  /*hauteur de l image*/
            position: relative;  
            bottom: $$$px; /*ici mettre la hauteur de l image*/
            transition: 0.5s;  /*pour l effet de transition*/
        }
        .contenant:hover img {  /*au survol de la souris sur le bloc*/
            bottom: $$$px; /*ici mettre deux fois la hauteur de l image*/
            transition: 0.5s;  /*pour l effet de transition*/
        }

Cordialement,

[Diamond Dust]

Merci beaucoup, résolu!