Emplacement des codes

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Emplacement des codes

Message par Diamond Dust le Ven 1 Nov 2013 - 12:56

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 :

http://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 !


Dernière édition par Diamond Dust le Ven 1 Nov 2013 - 18:28, édité 1 fois

Diamond Dust
Nouveau membre

Messages : 2
Inscrit(e) le : 01/11/2013

http://priceoffreedom.forumactif.com/
Diamond Dust a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Emplacement des codes

Message par badibou le Ven 1 Nov 2013 - 17:07

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,

badibou
*****

Masculin
Messages : 544
Inscrit(e) le : 14/02/2013

http://www.forumdessports.com
badibou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Emplacement des codes

Message par Diamond Dust le Ven 1 Nov 2013 - 18:27

Merci beaucoup, résolu!

Diamond Dust
Nouveau membre

Messages : 2
Inscrit(e) le : 01/11/2013

http://priceoffreedom.forumactif.com/
Diamond Dust a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum