code pour ouverture de fenêtre au passage d'une sourie

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

Résolu code pour ouverture de fenêtre au passage d'une sourie

Message par Charlie McKagan le Dim 10 Mar 2013 - 18:24

Bonsoir, bonsoir!
Voilà, voilà, alors je suis toute fière de moi parce que pour une fois, j'ai réussit à faire ne page d'accueil pas trop dégueu' pour mon forum
mais voilà, j'aimerai bien avoir le petit truc en plus comme sur ce forum par exemple:
http://www.bazzart.org/
où quand vous passez votre souris sur les petits gâteaux du staff sur la page d'accueil, des fenêtres s'ouvres avec texte et image dedans puis redisparaissent quand on enlève la sourie.

Histoire d'être bien claire:


Voilà voilà, j'espère avoir été claire
Merci d'avance et bonne soirée!


Dernière édition par Charlie McKagan le Dim 10 Mar 2013 - 20:45, édité 1 fois

Charlie McKagan
Nouveau membre

Messages : 4
Inscrit(e) le : 04/03/2012

http://thefutureofhogwarts.harrypotterrpg.fr/
Charlie McKagan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: code pour ouverture de fenêtre au passage d'une sourie

Message par Scipion le Dim 10 Mar 2013 - 19:25

Bonsoir

Vous allez svp sur votre panneau d'administration (PA) >> Affichage >> Page d'accueil >> Généralités >> Message sur la page d'accueil :

Like a Star @ heaven Contenu : installez ce code

Code:
<center><STYLE>
info{
position:relative;
z-index:24; background-color:#ccc;
color:#000;
text-decoration:none}
info:hover{z-index:25; background-color:#ff0}
info span{display: none}
info:hover span{
display:block;
position:absolute;
top:2em; left:2em; width:15em;
border:1px solid #6699cc;
background-color:#eeeeee; color:#6699cc;
text-align: justify;
font-weight:none;
padding:1px;
}
</STYLE>

Info Bulle <info onclick="return false" href="#"><img src="http://img823.imageshack.us/img823/4783/mac2v.png" border="0" alt="" /><span>
<h1><center><img src="http://r24.imgfast.net/users/2913/10/00/00/avatars/138023-64.png" border="0" alt="" />Charlie McKagan
Restez sympa, je suis un nouveau membre ;)</center></h1>
</span></info></center>
Like a Star @ heaven Enregistrez.

Cordialement

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

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

Résolu Re: code pour ouverture de fenêtre au passage d'une sourie

Message par Charlie McKagan le Dim 10 Mar 2013 - 19:58

merci!!

Juste j'ai un rectangle gris qui devient jaune quand je passe la souries dessus, pourquoi?

Charlie McKagan
Nouveau membre

Messages : 4
Inscrit(e) le : 04/03/2012

http://thefutureofhogwarts.harrypotterrpg.fr/
Charlie McKagan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: code pour ouverture de fenêtre au passage d'une sourie

Message par Scipion le Dim 10 Mar 2013 - 20:05

Ce que je vous ai donné est un code de base que vous pouvez modifier et adapter à souhait, images, textes, mise en forme etc... Faites des essais, regardez des exemples et inspirez-vous. Je suis certain que vous arriverez par vos propres moyens à obtenir une très jolie page d'accueil.

Si vous estimez que je n'ai pas bien compris votre question, alors expliquez-moi d'avantage svp.

Cordialement

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

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

Résolu Re: code pour ouverture de fenêtre au passage d'une sourie

Message par Charlie McKagan le Dim 10 Mar 2013 - 20:44

Ah j'ai trouvé!
Oui, oui, je vais réussir, avec deux-trois essais en plus ça sera parfait

Merci Beaucoup!!

Charlie McKagan
Nouveau membre

Messages : 4
Inscrit(e) le : 04/03/2012

http://thefutureofhogwarts.harrypotterrpg.fr/
Charlie McKagan 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