Aggrandissement lorsqu'on passe la souris...

Poster un nouveau sujet   Ce sujet est verrouillé, vous ne pouvez pas éditer les messages ou faire de réponses.

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

Résolu Aggrandissement lorsqu'on passe la souris...

Message par Love2me le Dim 17 Oct 2010 - 14:03

Re bonjour, ^^

Voilà, j'aimerais faire, sur ma page d'accueil, mettre des images des administrateurs et lorsqu'on y passe la souris (sur les images) celles-ci agrandissement et on peut mettre une image plus grande d'eux avec des infos, etc...

En gros, je voudrais faire pareil que sur ce forum : http://desperatesecrets.forumactif.fr/forum.htm et reproduire ce qui passe lorsqu'on passe la souris sur les images du membre du staff ^^

Merci d'avance (en espérant avoir été claire ^^)

PS : Pareil que tout à l'heure, je suis toujours TRES nulle en code donc SVP passez moi directement le code ^^


Dernière édition par Love2me le Mar 19 Oct 2010 - 12:28, édité 1 fois

Love2me
**

Messages : 67
Inscrit(e) le : 16/01/2010

http://wisterialane.winnerbb.net/
Love2me a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aggrandissement lorsqu'on passe la souris...

Message par Anzu le Dim 17 Oct 2010 - 14:18


Bonjour,

C'est ce qu'on appelle une "infobulle". Pensez à utiliser la fonction "rechercher", plusieurs sujets traitent la même demande.

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aggrandissement lorsqu'on passe la souris...

Message par Love2me le Dim 17 Oct 2010 - 14:49

J'ai essayé de suivre les tutoriels et voilà ce que cela me fait :

Spoiler:


L'image qui est en bas se retrouve avec un cadre en haut T-T Comment arranger ce problème ?

Merci d'avance ^^

PS : Mon forum = http://charmedreborn.forumactif.org/forum.htm

Love2me
**

Messages : 67
Inscrit(e) le : 16/01/2010

http://wisterialane.winnerbb.net/
Love2me a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aggrandissement lorsqu'on passe la souris...

Message par Anzu le Dim 17 Oct 2010 - 14:54


C'est possible de voir le code que vous avez mis ? ^^

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aggrandissement lorsqu'on passe la souris...

Message par Love2me le Dim 17 Oct 2010 - 14:59

Spoiler:
<div style="text-align: center; font-family: Book Antiqua;"><font size="5">Bienvenue <span style="text-decoration: underline;">{USER&amp;#8288;NAME}</span>.</font><br><br><br><font size="4">L'Equipe administrative se joint à moi pour vous souhaiter la bienvenue. Si vous avez la moindre question, n'hésitez pas à m'écrire. Comme vous le remarquez, le forum est encore jeune : il se complétera au fur et à mesure. Et pour les invités, n'hésitez pas à vous inscrire : il reste plein de rôles importants à pourvoir !<br></font><br><div style="text-align: right;"><font size="4">Prue Halliwell</font>.<br></div><font size="4"><span style="font-family: Book Antiqua;"><br></span></font><div style="text-align: center;"><font size="4"><span style="font-family: Book Antiqua;"><span style="text-decoration: underline;">Staff du Forum</span></span></font><br><br>
</div><table>
<tbody><tr>
<td><div class="lock">
<img src="http://images4.fanpop.com/image/photos/15800000/Prue-prue-halliwell-15889646-100-100.jpg"></div><div class="lock-hidden"><b>Prudence Halliwell</b><br><i>Administratrice Fondatrice</i><br><img src="http://img258.imageshack.us/img258/2919/3535335665.png"><br><a href="http://charmedreborn.forumactif.org/profile.forum?mode=viewprofile&amp;u=1">PROFIL</a> ♦ <a href="http://charmedreborn.forumactif.org/msg.forum?mode=post&amp;u=1">MP ?</a>
</div></div>
</td>
</tr>
</tbody></table>
<br><br><br><font size="4"><span style="text-decoration: underline;">Wanted<br><br></span><img src="http://img535.imageshack.us/img535/5466/leo26548.jpg">  <img src="http://img189.imageshack.us/img189/1698/coop15415.jpg">  <img src="http://obsession27.free.fr/boutons/iconjessemccartneyb2.jpg"> <img src="http://obsession27.free.fr/boutons/iconmiloventimigliabr2.jpg"><span style="text-decoration: underline;"> <br></span><span style="font-style: italic;">Léo                Coop            Mike                Chris <br>Wyatt                                 Sullivan         Webster<br></span><span style="text-decoration: underline;"><br>Quelques liens utiles</span></font><br><span style="text-decoration: underline;"><br></span><div style="text-align: center;"><font size="4"><a href="http://charmedreborn.forumactif.org/rules-f8/">Le Règlement</a><br><a href="http://charmedreborn.forumactif.org/rules-story-f1/story-t1.htm">L'Histoire</a><br><a href="http://charmedreborn.forumactif.org/le-livre-des-ombres-f3/">Les Personnages Libres</a><br><a href="http://charmedreborn.forumactif.org/questions-suggestions-f36/">Questions (ouvert aux Invités)</a><br><a href="http://charmedreborn.forumactif.org/presentations-f4/modele-de-presentation-t4.htm#34">Le Modèle de Présentation</a><br><a href="http://charmedreborn.forumactif.org/presentations-f4/liste-des-pouvoirs-t2.htm">La Liste des Pouvoirs</a></font><br><a href="http://charmedreborn.forumactif.org/gestion-des-personnages-f54/liste-des-celebrites-prises-t48.htm"><font size="4">La Liste des Célébrités Prises</font></a><br><font size="4"><a href="http://charmedreborn.forumactif.org/partenariat-f41/">Partenariat</a></font><br><span style="text-decoration: underline;"></span></div><span style="text-decoration: underline;"></span><br><div style="text-align: right;"><font size="4"><span style="text-decoration: underline;"></span></font><br></div><font size="4"><span style="text-decoration: underline;">Nos Partenaires<br></span><br><span style="font-weight: bold; color: Red;">(!)</span> Seront affichés nos partenaires dont le partenariat aura été <span style="font-weight: bold;">accepté</span> (voir fiche partenariat) <span style="font-weight: bold; color: Red;">(!)</span></font><font size="4"><span style="text-decoration: underline;"><br><br><iframe src="http://esa-dev.com/plugboard/pb.php?idpb=9935" allowtransparency="true" background-color="transparent" marginwidth="0" marginheight="0" hspace="0" vspace="0" width="460" frameborder="0" height="319" scrolling="no"></iframe><br><br>Votez pour nous</span></font><br><br><br></div><div style="text-align: center;">
<font size="2"><a style="color: black;" href="http://www.root-top.com/topsite/chris_perry/in.php?ID=782"> <img src="http://img18.imageshack.us/img18/4962/triquez494.gif" alt="charmed reborn" title="charmed reborn" border="0"></a><a style="color: black;" href="http://www.root-top.com/topsite/korben/in.php?ID=9992">   <img src="http://img18.imageshack.us/img18/4962/triquez494.gif" alt="charmed reborn" title="charmed reborn" border="0"></a><a style="color: black;" href="http://www.root-top.com/topsite/hoglard/in.php?ID=4385">   </a><a style="color: black;" href="http://www.root-top.com/topsite/hoglard/in.php?ID=4385"><img src="http://img18.imageshack.us/img18/4962/triquez494.gif" alt="charmed
reborn" title="charmed reborn" border="0"></a><a style="color: black;" href="http://www.root-top.com/topsite/obsession27/in.php?ID=14755">   <img src="http://img18.imageshack.us/img18/4962/triquez494.gif" alt="charmed reborn" title="charmed reborn" border="0"></a><a style="color: black;" href="http://www.root-top.com/topsite/forumrpg/in.php?ID=4733">   <img src="http://img18.imageshack.us/img18/4962/triquez494.gif" alt="charmed reborn" title="charmed reborn" border="0"></a><a style="color: black;" href="http://www.root-top.com/topsite/dadou76/in.php?ID=3605">   <img src="http://img18.imageshack.us/img18/4962/triquez494.gif" alt="charmed reborn" title="charmed reborn" border="0"></a></font><br></div><br><br><br><a href="http://www.root-top.com/topsite/dadou76/in.php?ID=3605"> </a>

<table style="position: fixed; bottom: 50px; left: 0px; z-index: 10000;"><tbody><tr><td><iframe src="/chatbox/chatbox.forum?page=front&amp;" id="chatboxpop" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onclick="document.getElementById('chatboxpop').style.display=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"></td></tr></tbody></table>

C'est le code de toute ma PA

Love2me
**

Messages : 67
Inscrit(e) le : 16/01/2010

http://wisterialane.winnerbb.net/
Love2me a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aggrandissement lorsqu'on passe la souris...

Message par Anzu le Dim 17 Oct 2010 - 15:08


C'est normal si cela ne fonctionne pas, apparemment vous n'avez rien rajouté dans la feuille CSS n'est ce pas ?

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aggrandissement lorsqu'on passe la souris...

Message par Love2me le Dim 17 Oct 2010 - 15:16

Si ! Voici ma feuille de CSS
Spoiler:
lock {
position: relative;
cursor: pointer;
}
.lock .lock-hidden {
/* center */
display: none;
position: absolute;
padding-left : 10px;
padding-right : 10px;
padding-top : 3px;
padding-bottom : 3px;
top: 45px;
left: 0px;
/* style du bloc qui apparait */
border: 2px outset #BECCCC;
border-radius: 5px;
background-color: transparent;
-moz-border-radius: 5px;
text-align: center;
visibility: visible;
}
.lock:hover .lock-hidden {
display: block;
}

Love2me
**

Messages : 67
Inscrit(e) le : 16/01/2010

http://wisterialane.winnerbb.net/
Love2me a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aggrandissement lorsqu'on passe la souris...

Message par Love2me le Lun 18 Oct 2010 - 7:24

UP !

Love2me
**

Messages : 67
Inscrit(e) le : 16/01/2010

http://wisterialane.winnerbb.net/
Love2me a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aggrandissement lorsqu'on passe la souris...

Message par Love2me le Lun 18 Oct 2010 - 17:36

Up

Love2me
**

Messages : 67
Inscrit(e) le : 16/01/2010

http://wisterialane.winnerbb.net/
Love2me a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aggrandissement lorsqu'on passe la souris...

Message par Love2me le Mar 19 Oct 2010 - 12:29

Mon problème est arrangé ^^ Merci quand même ^^

Love2me
**

Messages : 67
Inscrit(e) le : 16/01/2010

http://wisterialane.winnerbb.net/
Love2me 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