Texte qui apparait lorsque le curseur survole une image.
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
Texte qui apparait lorsque le curseur survole une image.
Bonjour, bonsoir à tous !
Voilà bien que d'ordinaire j'essaye de me débrouiller toute seule, là je n'arrive vraiment pas à obtenir l'effet que je veux. Je suis proche, mais ce n'est pas parfait. Bref, tout d'abord, j'espère poster dans la bonne session & je tiens à préciser qu'avant de me lancer j'ai fait des recherches, mais je n'ai rien trouvé de concluant, bien que j'ai à peu près (à mon sens) tout essayé.
Donc merci à vous pour l'aide que vous allez m'apporter, ce que je demande ne devrait pas être trop dur. En effet, je cherche à reproduire l'effet réalisé sur ce forum : http://etpuiszut.fr-bb.com/ & plus particulièrement quand on passe la souris sur l'image des derniers messages, y a le nombre de sujet et de message qui s'affiche.
J'ai donc commencé à chercher par moi-même les codes mais il subsiste quelques différences : bien que l'image coulisse, elle semble sortir du rond et non pas "être à l'intérieur du rond" , vous pouvez voir par vous même à l'adresse mise en hide .
Je vous donne donc également mon CSS en hide ainsi que le bout de template :
Encore une fois merci à vous par avance, j'espère ne rien avoir oublié, je reste à votre entière disposition s'il manque quelque chose. Bonne soirée !
Voilà bien que d'ordinaire j'essaye de me débrouiller toute seule, là je n'arrive vraiment pas à obtenir l'effet que je veux. Je suis proche, mais ce n'est pas parfait. Bref, tout d'abord, j'espère poster dans la bonne session & je tiens à préciser qu'avant de me lancer j'ai fait des recherches, mais je n'ai rien trouvé de concluant, bien que j'ai à peu près (à mon sens) tout essayé.
Donc merci à vous pour l'aide que vous allez m'apporter, ce que je demande ne devrait pas être trop dur. En effet, je cherche à reproduire l'effet réalisé sur ce forum : http://etpuiszut.fr-bb.com/ & plus particulièrement quand on passe la souris sur l'image des derniers messages, y a le nombre de sujet et de message qui s'affiche.
J'ai donc commencé à chercher par moi-même les codes mais il subsiste quelques différences : bien que l'image coulisse, elle semble sortir du rond et non pas "être à l'intérieur du rond" , vous pouvez voir par vous même à l'adresse mise en hide .
Je vous donne donc également mon CSS en hide ainsi que le bout de template :
Encore une fois merci à vous par avance, j'espère ne rien avoir oublié, je reste à votre entière disposition s'il manque quelque chose. Bonne soirée !
Dernière édition par Carrie. le Mar 7 Avr 2015 - 23:44, édité 1 fois
Carrie.- Nouveau membre
- Messages : 13
Inscrit(e) le : 07/04/2015
Re: Texte qui apparait lorsque le curseur survole une image.
bonsoir je répond pour voir ^^
Invité- Invité
Re: Texte qui apparait lorsque le curseur survole une image.
Bonjour,
Vous y êtes presque en effet !
L'effet "sur" le rond et non pas "dans" le rond vient du fait que les infos sont visibles avant le rond, parce que votre div .imgmsg est de forme carrée.
Retrouvez le code suivant dans votre css :
et ajoutez border-radius: 50%; pour lui donner une forme ronde, ce qui donne :
Le dernier décalage qui reste est dû à votre image qui a un bord transparent, et donc la "partie visible" de l'image fait moins de 55px, recadrez et redimensionnez l'image à 55px (ou bien recadrez l'image et redimensionnez les div en fonction de la taille de cette denrière) pour finaliser ^^
Vous y êtes presque en effet !
L'effet "sur" le rond et non pas "dans" le rond vient du fait que les infos sont visibles avant le rond, parce que votre div .imgmsg est de forme carrée.
Retrouvez le code suivant dans votre css :
et ajoutez border-radius: 50%; pour lui donner une forme ronde, ce qui donne :
Le dernier décalage qui reste est dû à votre image qui a un bord transparent, et donc la "partie visible" de l'image fait moins de 55px, recadrez et redimensionnez l'image à 55px (ou bien recadrez l'image et redimensionnez les div en fonction de la taille de cette denrière) pour finaliser ^^
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Texte qui apparait lorsque le curseur survole une image.
Oh génial
Merci beaucoup pour votre aide
C'est parfait !!!
Je peux mettre en résolu !
Merci beaucoup pour votre aide
C'est parfait !!!
Je peux mettre en résolu !
Carrie.- Nouveau membre
- Messages : 13
Inscrit(e) le : 07/04/2015
Sujets similaires
» Agrandir le curseur texte et le texte en postant pour des forumeurs ayant un problème de vue
» Lorsque vous survolez une image apparaît à côté à l'autre
» Agrandir un texte ou image au passage du curseur.
» Texte "Agrandir cette image" n'apparaît pas
» Texte à incrémenter via code HTML/CSS qui n'apparait pas sur image fragmentée
» Lorsque vous survolez une image apparaît à côté à l'autre
» Agrandir un texte ou image au passage du curseur.
» Texte "Agrandir cette image" n'apparaît pas
» Texte à incrémenter via code HTML/CSS qui n'apparait pas sur image fragmentée
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