Aggrandissement lorsqu'on passe la souris...
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Aggrandissement lorsqu'on passe la souris...
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 ^^
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
Re: Aggrandissement lorsqu'on passe la souris...
Bonjour,
C'est ce qu'on appelle une "infobulle". Pensez à utiliser la fonction "rechercher", plusieurs sujets traitent la même demande.
Cordialement.
Re: Aggrandissement lorsqu'on passe la souris...
J'ai essayé de suivre les tutoriels et voilà ce que cela me fait :
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
- 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
Re: Aggrandissement lorsqu'on passe la souris...
C'est possible de voir le code que vous avez mis ? ^^
Cordialement.
Re: Aggrandissement lorsqu'on passe la souris...
- Spoiler:
- <div style="text-align: center; font-family: Book Antiqua;"><font size="5">Bienvenue <span style="text-decoration: underline;">{USER&#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="https://2img.net/r/ihimizer/img258/2919/3535335665.png"><br><a href="http://charmedreborn.forumactif.org/profile.forum?mode=viewprofile&u=1">PROFIL</a> ♦ <a href="http://charmedreborn.forumactif.org/msg.forum?mode=post&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="https://2img.net/r/ihimizer/img535/5466/leo26548.jpg"> <img src="https://2img.net/r/ihimizer/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="https://2img.net/r/ihimizer/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="https://2img.net/r/ihimizer/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="https://2img.net/r/ihimizer/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="https://2img.net/r/ihimizer/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="https://2img.net/r/ihimizer/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="https://2img.net/r/ihimizer/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&" 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://i.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onclick="document.getElementById('chatboxpop').style.display=(this.src=='https://i.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='https://i.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'https://i.servimg.com/u/f81/11/21/85/73/fermer10.png':'https://i.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"></td></tr></tbody></table>
C'est le code de toute ma PA
Re: Aggrandissement lorsqu'on passe la souris...
C'est normal si cela ne fonctionne pas, apparemment vous n'avez rien rajouté dans la feuille CSS n'est ce pas ?
Re: Aggrandissement lorsqu'on passe la souris...
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;
}
Re: Aggrandissement lorsqu'on passe la souris...
Mon problème est arrangé ^^ Merci quand même ^^
Sujets similaires
» Changement de couleur "Nom d'utilisateur" et le "Mot de passe" quand le souris passe au dessus
» Annonce qui s'affiche dès que passe la souris
» ModernBB : Menu invisible sauf quand on passe la souris dessus
» Animé le texte quand on passe le curseur de la souris
» Retirer les soulignements et changer de couleur lorsqu'on passe la souris sur le lien d'un forum
» Annonce qui s'affiche dès que passe la souris
» ModernBB : Menu invisible sauf quand on passe la souris dessus
» Animé le texte quand on passe le curseur de la souris
» Retirer les soulignements et changer de couleur lorsqu'on passe la souris sur le lien d'un forum
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum