Page d'accueil

[Pooop-s]

Bonjour !
J'aimerais savoir comment on fait ça :
En gros, quand on passe la souris sur le petit Icon, ça le mets en gros avec des informations..

Merci d'avance !

[Crystal Shadow]

Bonjour Pooop-s C'est une infobulle avec une petite recherche sur le forum vous trouverez toutes les informations dont vouas avez besoin. Bonne journée

[Pooop-s]

J'ai fait quelque chose, mais ça me donne ça .. O_o

[lucie63]

Bonjour ,
Il ne faudrais pas aller sur le profil ?

[Pooop-s]

Sur le profil? O_o

[Crystal Shadow]

Tu as fait des recherche sur l'infobulle ? parce normalement c'est un code qu'on mets d'une dans la PA et l'autre en CSS voici différent sujet sur l'infobulle

[Pooop-s]

Oui, j'ai cherché (d'ailleurs je l'ai essayé, et ça m'a donné le résultats ci-dessus)

[Crystal Shadow]

Bon alors il faut insérer ceci dans vote Pa :

Code:

<div class="infobulle"><img src="lien de l'image où apparait la bulle"/><br /><span>Vous ?<br /><img src="lien de la grande image"/><br /><a href="adresse du lien">nom du lien</a></span></div>

Et ça dans votre CSS :

Code:

  .infobulle{
        position: relative;
        z-index: 0;}
       
        .infobulle:hover{
        background-color: transparent;
        z-index: 50;}
       
        .infobulle span{
        position: absolute;
        background-image: url(si tu veux mettre un fond en image);
        padding: 5px;
        left: -1000px;
        visibility: hidden;
        color: #FFFFFF;}
       
        .infobulle span img{
        border: 2px;
        padding: 0px;}
       
        .infobulle:hover span{
        visibility: visible;
        top: 35px;
        left: 0px;
        width: 200px ;
        color:#6e6a6a;
        border: 2px solid #300404;
  -moz-border-radius: 0px 0px 14px 14px ;
border-bottom: 1px #ffffff solid;
border-top: 1px #ffffff dotted;
border-right: 1px #fffffff solid;
border-left: 1px #ffffff dotted;
  FONT-STYLE: italic;
       
}

Voila après il te suffit de le personnalisé et aussi de le mettre en page comme tu le souhaite la y a juste l'infobulle il te reste a faire la PA autour

[Pooop-s]

"lien de l'image où apparait la bulle" c'est à dire ? x)

[Crystal Shadow]

c'est a dire l’icône ou la photo tu vois dans ton exemple c'est quand tu passe la souris sur la petite image que la bulle apparait et ben voila c'est ça l'image ou la bulle apparait

[Pooop-s]

Ah j'ai compris ! Merci beaucoup

[Crystal Shadow]

De rien