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

Apparition d'image et de texte au passage de la souris

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

Résolu Apparition d'image et de texte au passage de la souris

Message par Hansel le Mer 10 Mar 2010 - 21:22

Bonjour (ou plutôt Bonsoir),

Je voulais savoir comment faire pour faire comme sur ce forum {Darkdream of Angels} et bien d'autres. C'est à dire faire apparaître cette petite fenêtre quand on passe la souris sur une des images de la Staff.

Ainsi :
Spoiler:
Apparition d'image et de texte au passage de la souris Ab210
Merci d'avance pour la réponse.

Mon forum {Happy End} [version pbhh2]


Dernière édition par Hansel le Ven 12 Mar 2010 - 18:43, édité 1 fois
avatar

Hansel
*

Messages : 35
Inscrit(e) le : 19/09/2009

http://happy-end.forums-actifs.com/index.htm
Hansel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparition d'image et de texte au passage de la souris

Message par Xuĕ le Mer 10 Mar 2010 - 22:14

chalut



il faudrait ajouter dans le css qui est dans l'onglet feuille de style css de la page couleurs qui est dans l'onglet affichage du panneau d'amin ceci

Code:
.lock   {
   position: relative;
   cursor: pointer;
}
.lock .lock-hidden {
   /* positionnement du bloc qui apparait */
   display: none;
   position: absolute;
   top: 10px;
   left: 5px;
   
   /* style du bloc qui apparait */
   border: 2px solid blue;
   border-radius: 5px;
   background-color: red;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   text-align: center;
}
.lock:hover .lock-hidden {
   display: block;
}
puis pour une image il faudra mettre

Code:
<div class="lock">
   <img src="http://illiweb.com/fa/fdf/jeux1010.png" />
   <div class="lock-hidden">
      KOHANE NATSUKI<br />
      <img src="http://illiweb.com/fa/fdf3/nouvea19.png" /><br />
      FONDATRICE | GRAPHISTE
   </div>
</div>
ensuite faut mettre cela dans un tableau avec une image par case, voilà l'exemple pour deux images

Code:
<table>
   <tr>
      <td>
         code image 1
      </td>
      <td>
         code image 2
      </td>
   </tr>
</table>
Xuĕ

Xuĕ
****

Messages : 328
Inscrit(e) le : 04/03/2010

Xuĕ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparition d'image et de texte au passage de la souris

Message par Hansel le Jeu 11 Mar 2010 - 18:55

Waaaaaaaah ! (et bonjour ^^")

Merci beaucoup d'avoir répondu aussi vite ! ♥

Je vais essayer ça tout de suite et je vous en dirais des nouvelles !

Encore merci ><

EDIT : bien, j'ai réussi à faire afficher le cadre mais je n'arrive pas à le mettre sur l'image, comment puis-je faire ? (en fait, le cadre s'affiche en haut à gauche de ma page web quand je passe la souris sur l'image)
Encore merci d'avance !


Dernière édition par Hansel le Jeu 11 Mar 2010 - 19:37, édité 1 fois
avatar

Hansel
*

Messages : 35
Inscrit(e) le : 19/09/2009

http://happy-end.forums-actifs.com/index.htm
Hansel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparition d'image et de texte au passage de la souris

Message par Hansel le Jeu 11 Mar 2010 - 19:36

J'ai enfin trouvé la solution à mon problème.

Merci beaucoup pour les codes !
avatar

Hansel
*

Messages : 35
Inscrit(e) le : 19/09/2009

http://happy-end.forums-actifs.com/index.htm
Hansel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparition d'image et de texte au passage de la souris

Message par Jasper Cullen le Mar 16 Mar 2010 - 13:36

Bonjour je suis interressé par ce code car je le cherche depuis des jours mais voilà, je ne sais ce qu'il faut mettre dans /* positionnement du bloc qui apparait */ et /* style du bloc qui apparait */. Pourriez vous m'expliquer ce à quoi ça correspond?
Merci beaucoup.
Jasper Cullen

Jasper Cullen
**

Féminin
Messages : 55
Inscrit(e) le : 16/11/2009

http://blabla.com
Jasper Cullen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparition d'image et de texte au passage de la souris

Message par kevnord le Mar 16 Mar 2010 - 16:38

bonjour,

relatif a cette question,

est-ce qu'il possible de faire en sorte, de la même manière, qu'un son se joue lorsque l'on clic sur un bouton ?
avatar

kevnord
***

Masculin
Messages : 135
Inscrit(e) le : 30/10/2007

http://media-secours-forum.forumactif.com/forum.htm
kevnord a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparition d'image et de texte au passage de la souris

Message par Hansel le Mar 16 Mar 2010 - 18:30

Jasper Cullen :

Pour "/* positionnement du bloc qui apparait */ " il s'agit de droite, gauche ou centre (en anglais).
Pour "/* style du bloc qui apparait */" il s'agit de l'écriture (New Roman, Georgia...).

J'espère t'avoir un peu aidé uu

Pour Kevnord, désolée mais je ne sais pas...
avatar

Hansel
*

Messages : 35
Inscrit(e) le : 19/09/2009

http://happy-end.forums-actifs.com/index.htm
Hansel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparition d'image et de texte au passage de la souris

Message par Jasper Cullen le Mar 16 Mar 2010 - 18:31

Merci beaucoup Hansel ^^
Jasper Cullen

Jasper Cullen
**

Féminin
Messages : 55
Inscrit(e) le : 16/11/2009

http://blabla.com
Jasper Cullen 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