Page d'accueil

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

Résolu Page d'accueil

Message par Pooop-s le Mar 1 Mai 2012 - 14:44

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 !


Dernière édition par Pooop-s le Mar 1 Mai 2012 - 16:58, édité 1 fois

Pooop-s
***

Féminin
Messages : 112
Inscrit(e) le : 23/07/2011

http://graph-perle.com
Pooop-s a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil

Message par Crystal Shadow le Mar 1 Mai 2012 - 15:17

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

Crystal Shadow
***

Féminin
Messages : 135
Inscrit(e) le : 04/11/2010

http://tfesev.forumgratuit.org/
Crystal Shadow a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil

Message par Pooop-s le Mar 1 Mai 2012 - 15:48

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

Pooop-s
***

Féminin
Messages : 112
Inscrit(e) le : 23/07/2011

http://graph-perle.com
Pooop-s a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil

Message par lucie63 le Mar 1 Mai 2012 - 15:51

Bonjour ,
Il ne faudrais pas aller sur le profil ?

lucie63
***

Féminin
Messages : 120
Inscrit(e) le : 29/04/2012

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

Résolu Re: Page d'accueil

Message par Pooop-s le Mar 1 Mai 2012 - 15:54

Sur le profil? O_o

Pooop-s
***

Féminin
Messages : 112
Inscrit(e) le : 23/07/2011

http://graph-perle.com
Pooop-s a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil

Message par Crystal Shadow le Mar 1 Mai 2012 - 16:10

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

Crystal Shadow
***

Féminin
Messages : 135
Inscrit(e) le : 04/11/2010

http://tfesev.forumgratuit.org/
Crystal Shadow a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil

Message par Pooop-s le Mar 1 Mai 2012 - 16:22

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

Pooop-s
***

Féminin
Messages : 112
Inscrit(e) le : 23/07/2011

http://graph-perle.com
Pooop-s a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil

Message par Crystal Shadow le Mar 1 Mai 2012 - 16:34

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 Wink

Crystal Shadow
***

Féminin
Messages : 135
Inscrit(e) le : 04/11/2010

http://tfesev.forumgratuit.org/
Crystal Shadow a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil

Message par Pooop-s le Mar 1 Mai 2012 - 16:44

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

Pooop-s
***

Féminin
Messages : 112
Inscrit(e) le : 23/07/2011

http://graph-perle.com
Pooop-s a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Page d'accueil

Message par Crystal Shadow le Mar 1 Mai 2012 - 16:48

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 Wink

Crystal Shadow
***

Féminin
Messages : 135
Inscrit(e) le : 04/11/2010

http://tfesev.forumgratuit.org/
Crystal Shadow a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil

Message par Pooop-s le Mar 1 Mai 2012 - 16:58

Ah j'ai compris ! Merci beaucoup Smile

Pooop-s
***

Féminin
Messages : 112
Inscrit(e) le : 23/07/2011

http://graph-perle.com
Pooop-s a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'accueil

Message par Crystal Shadow le Mar 1 Mai 2012 - 17:02

De rien Wink

Crystal Shadow
***

Féminin
Messages : 135
Inscrit(e) le : 04/11/2010

http://tfesev.forumgratuit.org/
Crystal Shadow 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