Emplacement des codes
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Emplacement des codes
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 !
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
Re: Emplacement des codes
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>
- 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*/
}
Re: Emplacement des codes
Merci beaucoup, résolu!
Sujets similaires
» Emplacement signature
» Emplacement couleur
» Changer emplacement d'un message ou d'un sujet
» gerer l'emplacement des sujets
» Emplacement publicité
» Emplacement couleur
» Changer emplacement d'un message ou d'un sujet
» gerer l'emplacement des sujets
» Emplacement publicité
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum