L'annuaire des forums Forumactif
votre référence en terme de référencement et de développement de forums.
 




 Zorg infobulle

JuniorV.I.P.avatar
Messages : 1435
Bonjour, Bonsoir,

Voici ma commande d'infobulle qui j'espere ne sera pas trop difficle à traiter. Merci d'avance à ceux qui s'y atellerons Smile (pas sur de l'orthographe)

Support de mise en page : Message
Résultat en : HTML
Type de mise en page : Personnalisé
Texte :
Jasp' (couleur: #6728C7)
Créatrice (couleur: #6728C7)

Junior (couleur: #53F907)
Administrateur (couleur: #53F907)

Hotarukali (couleur: #53F907)
Administratrice (couleur: #53F907)

Hikaru #FEF500
Modératrice #FEF500

Image(s)
Pour Jasp

Pour Junior

Pour Hotarukali

Pour Hikaru


Lien(s)
Je me suis permis de rajouter une categorie afn de faciliter la tache au codeur, j'espere ne pas déranger.
Pour Jasp'
Profil >> http://croqueurs-de-livres.forumactif.org/profile.forum?mode=viewprofile&u=1
Mp >> http://croqueurs-de-livres.forumactif.org/msg.forum?mode=post&u=1

Pour Hotarukali
Profil >> http://croqueurs-de-livres.forumactif.org/profile.forum?mode=viewprofile&u=3
Mp >> http://croqueurs-de-livres.forumactif.org/msg.forum?mode=post&u=3

Pour Junior
Profil >> http://croqueurs-de-livres.forumactif.org/profile.forum?mode=viewprofile&u=4
Mp >> http://croqueurs-de-livres.forumactif.org/msg.forum?mode=post&u=4

Pour Hikaru
Profil >> http://croqueurs-de-livres.forumactif.org/profile.forum?mode=viewprofile&u=47
Mp >> http://croqueurs-de-livres.forumactif.org/msg.forum?mode=post&u=47

----------------------------------------------------
Plan :
Spoiler:
 
Script(s) :
Bien sur vous êtes autorisé à redimensionner, voir découper les images afin de réaliser au mieu votre tache


Merci d'avance et bonne soirée à tous
Basil Hawkinsavatar
Messages : 548
Hello, Smile
Alors je vais m'y atteler Wink
Cependant, je te conseille de modifier les avatars pour qu'ils soient tous à la même taille. Parce que là ça varie et que le rendu va pas être top top Bad/
JuniorV.I.P.avatar
Messages : 1435
Plop =)

Merci vous charger de ma commande !

Je ne veux pas passer pour un flemmard ou autre hein ^^ Mais dans la commande j'ai indiqué que vous etiez autorisé à découper et à redimensionner les avatard comme bon vous semblais. Ensuit eje ne sais pas exactement comment vous voulez que je redimensionne les avatars.

En gros, sans vouloir parraitre abusif, si vous pouviez le faire ça m'arangerais Smile Sorry pour mon culot Smile

Merci d'avance ;p
Basil Hawkinsavatar
Messages : 548
Non mais c'est ma faute, j'aurais dû la lire entièrement

Bref, je m'occupe de cette demande et je te la rend le plus rapidement possible Smile
JuniorV.I.P.avatar
Messages : 1435
Merci beaucoup Smile

Bonne soirée et bonne chance Smile
Basil Hawkinsavatar
Messages : 548
Et voilà, terminé ! Smile

Si tu souhaites changer quelque chose comme les couleurs, n'hésite pas à le dire Wink

Le lien --> http://testouilleuh.forumactif.org/reglement-f1/blablablabla-t19.htm
JuniorV.I.P.avatar
Messages : 1435
Han ! merci beaucoup Basile c'est nickel !

J'auais juste une chose à modifier ! En effet le fond du forum est noirr, donc le texte en noire ne se verra pas, serait-il possible de changer le noir pour du bleu/vert ?

Merci beaucoup Smile
Basil Hawkinsavatar
Messages : 548
Comme ceci ? Wink

Si oui, voici le code du sujet :
Code:
<br /><center><font size="7" face="Georgia"><font color="#000099">Le Staff</font><br /><font color="#B7B7B7" style="font-style: italic;">Croqueurs de Livres</font></font></center>

<table><tr><td><div class="infobulle"><img src="http://sd-2.archive-host.com/membres/up/138867873435270344/Screen151_36.png" /><span><font color="#6728C7" size="3" style="font-weight: bold;">Jasp'</font><br /><font color="#6728C7" size="2" style="font-style: italic;">Créatrice</font><br /><div><img src="http://lesforumsde.forumactif.com/users/2213/18/48/23/avatars/1-44.jpg" /></div></span></div></td><td><a href="http://croqueurs-de-livres.forumactif.org/profile.forum?mode=viewprofile&u=1" class="liens_staff">Profil</a><br /><a href="http://croqueurs-de-livres.forumactif.org/msg.forum?mode=post&u=1" class="liens_staff">Message Privé</a></td></tr></table>
<table><tr><td><div class="infobulle"><img src="http://sd-2.archive-host.com/membres/up/138867873435270344/Screen150_126.png" /><span><font color="#53F907" size="3" style="font-weight: bold;">Junior</font><br /><font color="#53F907" size="2" style="font-style: italic;">Administrateur</font><br /><div><img src="http://host.image.files.free.fr/host/4b51f5db49fcezorg110.png" /></div></span></div></td><td><a href="http://croqueurs-de-livres.forumactif.org/profile.forum?mode=viewprofile&u=4" class="liens_staff">Profil</a><br /><a href="http://croqueurs-de-livres.forumactif.org/msg.forum?mode=post&u=4" class="liens_staff">Message Privé</a></td></tr></table>
<table><tr><td><div class="infobulle"><img src="http://sd-2.archive-host.com/membres/up/138867873435270344/Screen152_22.png" /><span><font color="#53F907" size="3" style="font-weight: bold;">Hotarukali</font><br /><font color="#53F907" size="2" style="font-style: italic;">Administratrice</font><br /><div><img src="http://lesforumsde.forumactif.com/users/2213/18/48/23/avatars/3-65.jpg" /></div></span></div></td><td><a href="http://croqueurs-de-livres.forumactif.org/profile.forum?mode=viewprofile&u=3" class="liens_staff">Profil</a><br /><a href="http://croqueurs-de-livres.forumactif.org/msg.forum?mode=post&u=3" class="liens_staff">Message Privé</a></td></tr></table>
<table><tr><td><div class="infobulle"><img src="http://sd-2.archive-host.com/membres/up/138867873435270344/Screen153_83.png" /><span><font color="#FEF500" size="3" style="font-weight: bold;">Hikaru</font><br /><font color="#FEF500" size="2" style="font-style: italic;">Modératrice</font><br /><div><img src="http://lesforumsde.forumactif.com/users/2213/18/48/23/avatars/47-31.png" /></div></span></div></td><td><a href="http://croqueurs-de-livres.forumactif.org/profile.forum?mode=viewprofile&u=47" class="liens_staff">Profil</a><br /><a href="http://croqueurs-de-livres.forumactif.org/msg.forum?mode=post&u=47" class="liens_staff">Message Privé</a></td></tr></table>

Et le code à insérer dans le CSS :
Code:
div.infobulle {
  position: relative;
  float: left;
}

div.infobulle span {
  display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
div.infobulle:hover span {
font-style: normal;
display: inline;
position: absolute;
top: 50px;
left: 50px;
background-color: #000000;
color: #000000;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 2px;
padding-top: 2px;
border: 2px dotted #FFFFFF;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
cursor: help;
text-align: center;
}
a.liens_staff, a.liens_staff:link, a.liens_staff:active, a.liens_staff:visited {
text-decoration: none;
outline: none;
}
a.liens_staff:before {
content: "-";
margin-right: 3px;
}
a.liens_staff:hover {
text-decoration: none !important;
}
a.liens_staff:hover:before {
content: "{";
margin-right: 3px;
}
.blabyuiogfq:before {
content: "}";
}

Au plaisir ! Smile ~
JuniorV.I.P.avatar
Messages : 1435
Merci beaucoup Basile Smile

Au plaisir de se croiser sur lfd ou sur cssactif Smile

Merci beaucoup encore une fois Wink

Commande terminée Very Happy
Basil Hawkinsavatar
Messages : 548
Mais de rien, content que ça te plaise Smile

Au fait juste un truc, c'est "Basil" sans "e" x). Mais bon c'est pas grave, j'ai l'habitude ^^'

,
 Sujets similaires
-
» Zorg infobulle
» Affichier une infobulle au pointage d'un contrôle
» Créer une infobulle
» [Nocturne] Demande d'aide pour code css complet s'il vous plait.
» Commande de PA [Lixyr]

Répondre au sujet


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum

Modérer

Trames

  • Nos services
  • Prés. obligatoire
  • Référencé
  • Réf. (comp)
  • Prérelance
  • 1ère relance
  • 2ème relance
  • Recherche (relance)
  • Recherche (corbeille)
  • Formulaire manquant
  • Formulaire incomplet
  • 1
  • 2
  • 3
  • 4
  • 5
  • Evaluation