Image qui fait apparaitre un texte?

2 participants

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

Résolu Image qui fait apparaitre un texte?

Message par kiitsune Ven 28 Oct 2011 - 23:54

Bonsoir (ou bonjour);

Voilà, j'aimerai mettre sur la page d'accueil de mon forum, des images miniatures des avatars des membres du staff et quand la souris passe sur ces images qu'il y ait une petite case qui apparaisse à côté avec l'image en grand et une petite description.

Bon comme je suis souvent la seule à me comprendre je suis allée chercher un exemple:
http://isei-gakuen.forumgratuit.org/ (message de la age d'accueil> staff & friends 8D")

J'ai essayée pleins de choses mais je ne suis pas très douée, j'ai beaucoup chercher mais je trouve pas ce que je veux... Alors voilà j'ai fini par demander, j’espère que vous comprendrez ce que je veux et que vous pourrez m'aider (et que je n'ai pas posté au mauvais endroitt ou un truc comme sa Image qui fait apparaitre un texte? 4275675075 )

Merci d'avance Image qui fait apparaitre un texte? 3079029344
kiitsune

kiitsune
*

Féminin
Messages : 36
Inscrit(e) le : 01/01/2011

Voir le profil de l'utilisateur http://fairytail.forumactif.fr
kiitsune a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui fait apparaitre un texte?

Message par Automne Sam 29 Oct 2011 - 0:05

Bonjour,


Se que vous demandez s'appelle une infobulle. Vous trouverez plein de demande a se sujet sur le forum. En voici une https://forum.forumactif.com/t314945-creer-une-infobulle-sur-une-image-de-titre Very Happy
Automne

Automne
Membre actif

Messages : 8431
Inscrit(e) le : 22/03/2010

Voir le profil de l'utilisateur https://gilles570.motards.net/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui fait apparaitre un texte?

Message par kiitsune Sam 29 Oct 2011 - 0:07

Oui voilà c'est sa, mais en fait j'avais déjà vue ce sujet mais j'ai rien compris >< c'est pour sa que je demande directement...
kiitsune

kiitsune
*

Féminin
Messages : 36
Inscrit(e) le : 01/01/2011

Voir le profil de l'utilisateur http://fairytail.forumactif.fr
kiitsune a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui fait apparaitre un texte?

Message par Automne Sam 29 Oct 2011 - 0:15

Bonjour,

Le code HTML est a mettre en message page accueil (pa << affichage page accueil, message page accueil). Dans se code, remplacer adresse de l'image, par l'url de votre image, texte a afficher, par votre texte.....

Le code css est a placer dans pa, affichage, image et couleurs, couleurs, feuille de style css ,
Automne

Automne
Membre actif

Messages : 8431
Inscrit(e) le : 22/03/2010

Voir le profil de l'utilisateur https://gilles570.motards.net/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui fait apparaitre un texte?

Message par kiitsune Sam 29 Oct 2011 - 0:29

Merci sa marche Very Happy Flowers2
Mais par contre l'infobulle apparait en haut à gauche de ma page et pas à côté de l'image...
kiitsune

kiitsune
*

Féminin
Messages : 36
Inscrit(e) le : 01/01/2011

Voir le profil de l'utilisateur http://fairytail.forumactif.fr
kiitsune a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui fait apparaitre un texte?

Message par Automne Sam 29 Oct 2011 - 0:35

Re,

Non, j'ai testé, chez moi et c'est en bas a droite. Vérifier les code css, puis si sa fonctionne pas, donner le ccs, j'essayerais de voir.
Automne

Automne
Membre actif

Messages : 8431
Inscrit(e) le : 22/03/2010

Voir le profil de l'utilisateur https://gilles570.motards.net/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui fait apparaitre un texte?

Message par kiitsune Sam 29 Oct 2011 - 0:41

Tener:
Code:
a.info {
        position:relative;
        z-index:24;
        color:#000000;
        text-decoration:none
        }
       
        a.info:hover {
        z-index:25;
        background-color:#FFFFFF
        }
       
        a.info span {
        display: none
        }
       
        a.info:hover span {
        display:block;
        position:absolute;
        top:2em;
        left:2em;
        width:15em;
        border:1px solid #000000;
        background-color:#FFFFFF;
        color:#000000;
        font-weight:none;
        padding:5px;
        }

(je ne l'ai pas modifié, car comme je vous l'ai dit, je ne suis pas douée en codage...)
kiitsune

kiitsune
*

Féminin
Messages : 36
Inscrit(e) le : 01/01/2011

Voir le profil de l'utilisateur http://fairytail.forumactif.fr
kiitsune a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui fait apparaitre un texte?

Message par Automne Sam 29 Oct 2011 - 0:45

Ok, alors donnez moi le code HTML et le lien du forum ou vous avez installé l'infobulle (laisser installé le code d'ailleurs). Very Happy
Automne

Automne
Membre actif

Messages : 8431
Inscrit(e) le : 22/03/2010

Voir le profil de l'utilisateur https://gilles570.motards.net/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui fait apparaitre un texte?

Message par kiitsune Sam 29 Oct 2011 - 0:47

En fait j'ai trouvée;

Code:
 position:[strike]absolute[/strike] relative;

Merci beaucoup!!!! victoire
kiitsune

kiitsune
*

Féminin
Messages : 36
Inscrit(e) le : 01/01/2011

Voir le profil de l'utilisateur http://fairytail.forumactif.fr
kiitsune a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image qui fait apparaitre un texte?

Message par Automne Sam 29 Oct 2011 - 0:48

Parfait Very Happy .

Bonne soirée.
Automne

Automne
Membre actif

Messages : 8431
Inscrit(e) le : 22/03/2010

Voir le profil de l'utilisateur https://gilles570.motards.net/
Automne a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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