Aggrandissement lorsqu'on passe la souris...

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="https://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onclick="document.getElementById('chatboxpop').style.display=(this.src=='https://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='https://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'https://i81.servimg.com/u/f81/11/21/85/73/fermer10.png':'https://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