Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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 :

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 !


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,
avatar

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