Modifier apparence qui est en ligne

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

Résolu Modifier apparence qui est en ligne

Message par Horatio le Mer 6 Juil 2011 - 23:37

Bonsoir,

J'aimerais mettre mon qui est en ligne dans un cadre arrondis.
Voici un exemple de forum allant dans mon idée :
http://trollsetsucacides.forumgratuit.org/

J'aimerais également savoir comment faut-t-il faire pour mettre une image qui au passage de la souris réagis et montre un texte.
Exemple :
Regardez le qui est en ligne de ce forum : http://the-other-time.forum-gratuit.net/

Merci beaucoup


Dernière édition par Horatio le Ven 8 Juil 2011 - 23:56, édité 1 fois

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier apparence qui est en ligne

Message par Horatio le Jeu 7 Juil 2011 - 22:51

Up

Cordialement

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier apparence qui est en ligne

Message par Horatio le Ven 8 Juil 2011 - 20:43

Le premier problème est réglé.

Up pour le deuxième.
Cordialement

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier apparence qui est en ligne

Message par tupac le Ven 8 Juil 2011 - 23:53

Bonsoir

Pour votre deuxième question cela s'appel une infobulle.

placer cette partie dans votre qui est en ligne a l'endroit souhaité.
Code:
<span class="infobulle"><img src=" votre image ici "><span>Texte ici</span>

et celle-ci dans votre feuille de style css.
Code:
.infobulle{position: relative;z-index: 0;}
.infobulle:hover{z-index: 50;}
.infobulle span{  position: absolute;visibility: hidden;}
.infobulle:hover span{  visibility: visible;  top: 15px;  left: 20px;  width: auto;  color:#FFFFFF;  font-size: 17px;  font-family: Palatino, time new roman, serif;}
.infobulle a{color:#FFFFFF;}
.infobulle a:hover{color:#FFFF00;}

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

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

Résolu Re: Modifier apparence qui est en ligne

Message par Horatio le Ven 8 Juil 2011 - 23:56

Merci, résolu

Cordialement

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio 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