Cadre avec passage de souris

Invité

Bonjour bonsoir Oh grand amis de minuit!
On s'en fout qu'il est pas minuit xD.

Well then. J'ai une petite question a vous de mander, si vous le voulez bien ~

Alors, j'ai remarqué dans beaucoup de forums RPG, ceci:

Screen by me on KobeHS

Alors je voulais savoir.....qu'elle est le code a insérer sur la page d'accuiel pour avoir ceci? *_*

Je m'explique pour ceux qui ne connaisses pas ceci.
Ceci est: Vous voyez la petite image et a coté, a droite en bas, un carré avec la même image a peut-près et un texte?
Bon alors ce cadre apparais quand tu fais passer la souris en dessous de l'image petite.

Alors, pouvez vous me donner réponse?

Et merci ~!!!

Edit: Je n'enregistrerais plus en jpeg, pixelise a mort avec casimages ><

Invité

Je sais comment faire (:

Va voir ici, il y a un tuto^^

Invité

Roh!! Merci Koko!!! Je vais te faire une big SMACk!!!!

Ou un cadeau? 8D

Mercmercimercimercimerci!!!!!!

Invité

De rien^^

Invité

T__t Veut pas fonctionner, regardez, gens de la nuit:

Spoiler:

Edit: Regardez ici :

http://to-love-ru.monally.com/forum.htm

Invité

Hum, tu es sûre d'avoir bien mis tout les codes? Même celui dans la fiche CSS?

Invité

Oui ~

Voila ce que j'ai mis pour ce que je voulais:

Code:: <font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://nsa08.casimages.com/img/2009/07/17/090717042707663693.png"></font><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><font size="1">Taiga Aisaka</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://nsa08.casimages.com/img/2009/07/17/090717042707663693.png"></a></td></tr><tr><td style="text-align: center;"><font size="1">Ed's Addict.
Perversité powa~!!!<br></font></td></tr><tr align="center"></tr></tbody></table></span></a>

Et le CSS, ils disent:

Votre CSS a bien été mis à jour.
Remarque :
Les balises html génèrent des erreurs dans les feuilles de style.
Une correction vient donc d'être effectuée afin de supprimer les balises html que vous avez placé dans la feuille de style.

Et j'ai ceci a la fin:

Code:: a.imginfo {
position: relative;
color: #7d7d7d;
text-decoration: none;
border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
}

a.imginfo span {
display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 30px; /* on positionne notre infobulle */
left: 20px;
background: white;
color: 7d7d7d;
padding: 3px;
border: 0px solid grey;
border-left: 5px solid #b6b6b6;
border-right: 3px solid #b6b6b6;
border-top: 3px solid #b6b6b6;
border-bottom: 5px solid #b6b6b6;
}

Mais normalement c'est ceci:

Code:: a.imginfo {
position: relative;
color: #7d7d7d;
text-decoration: none;
border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
}

a.imginfo span {
display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
background: none; /* correction d'un bug IE */
z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 30px; /* on positionne notre infobulle */
left: 20px;
background: white;
color: 7d7d7d;
padding: 3px;
border: 0px solid grey;
border-left: 5px solid #b6b6b6;
border-right: 3px solid #b6b6b6;
border-top: 3px solid #b6b6b6;
border-bottom: 5px solid #b6b6b6;
}

Invité

A mon avis, il faut que tu regardes dans page d'acceuil vérifier qu'il y a pas un truc à cocher pour autoriser le html dans la page ou un truc de ce genre... Sinon, tu peux aller voir dans le truc des balises supplémentaires. Mais bon je suis vraiment pas sûre =x

Invité

Merci Koko =D Je vais voir, mais merci quand même! =D

Arigato!!!!

Invité

J'ai réussie! En vrai, il faut être en PunBB pour que ça fonctionne! Merci de tout Koko!

Invité

Encore une fois, de rien^^

» Recherche d'une image avec pizza
» Un petit thé! avec Cassian mais si d'autre veulent ... Venez !!