Cricri .:Rebelle connu:.
Nombre de messages : 511 Age : 28 Passe-temps : RP *^* Manga préféré : Darker Than Black, Initial D ainsi que la plus grande partie des mangas de Tsukasa Hojo. (City Hunter, Cat's Eyes, Un Rayon de Soleil...) Ce qu'on pense de toi : 1. Elle fait peur / 2. Elle est tarée / 3. Merde en plus elle est pas con. Date d'inscription : 17/06/2009
| Sujet: Argh ! O_O Dim 13 Juin 2010 - 6:47 | |
| Bon, chavais pas quoi mettre en titre. -.-' Bref, pendant que je répondais à quelque RP sur d'autre forums, je me suis lancée dans le HTML. J'ai fais plein de truc, je me suis embêtée à un rien et, finalement, là, j'ai un peu abandonné parce qu'il y avait quelque chose que je n'arrivais pas à faire. ^^' Alors pendant que je répond à mes RP ici, je voulais savoir si quelqu'un pouvait m'aider (et tout particulièrement Dreamz vu que j'ai vu qu'elle arrive à faire ce que moi je n'arrive pas à faire. X3) : Je voudrais créer un code qui ferait que quand on passe sur l'image que je met affiche une infobulle avec une autre image et un texte descriptif. Le tout sur un forum version phpBB2 (eh oui, j'ai eu la flemme de changer la version depuis deux ou trois ans. --'). Bien sur, si c'est impossible, je peux bien changer la version mais j'aimerais éviter parce qu'après je vais pas arrêter de devoir modifier des trucs. ^^' Voilà, une petit idée ? =D Si vous voulez voir ce que j'ai déjà fais, voilà : http://wolflife.meilleurforum.com/Alors, au cas où y'aurait un petit malin qui voudrais m'embêter, je n'ai en aucun cas copié sur ce forum, je vous le jure, je travaille sur ça depuis bien avant que je m'inscrive à ce forum. --' | |
|
Nightmares .:Grand Manitou toqué:.
Nombre de messages : 2725 Passe-temps : Martyriser, vous faire faire des cauchemars la nuit!!! Manga préféré : Doubt Ce qu'on pense de toi : que je suis une méchante admin qui ets la pour vous faire peur :D Date d'inscription : 20/05/2007
| Sujet: Re: Argh ! O_O Dim 13 Juin 2010 - 16:00 | |
| Pas de prob pour l'infobulle, c'est super simple. - Code:
-
a.infobulle { position: relative; }
a.infobulle span { display: none; /* ceci masque l'infobulle */ } a.infobulle:hover { background: none; /* correction d'un bug IE */ z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
} a.infobulle:hover span { display: inline; /* ceci 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: 5px; /* on positionne notre infobulle */ left: 15px;
background: #ebebeb; /* arrière-plan de l'infobulle */
color: black; /* texte dans l'infobulle */ padding: 3px;
/* bordures de votre infobulle*/ border: 1px dotted black; border-left: 1px dotted black; } Ça tu le colles dans ta feuille de CSS. Puis, dans ton message où tu veux voir l'infobulle, tu mets ça: - Code:
-
<a href="#" class="infobulle"><img src="IMAGE"> <span>CONTENU DE L'INFOBULLE Si tu veux mettre un lien dedans, tu dois l'insérer dans une div, comme ceci <div><a href="LIEN" target="_blank">Visiter</a></div></span></a> Je crois que la version du forum ne change rien vu que ça touche au CSS et non pas aux templates =) | |
|
Cricri .:Rebelle connu:.
Nombre de messages : 511 Age : 28 Passe-temps : RP *^* Manga préféré : Darker Than Black, Initial D ainsi que la plus grande partie des mangas de Tsukasa Hojo. (City Hunter, Cat's Eyes, Un Rayon de Soleil...) Ce qu'on pense de toi : 1. Elle fait peur / 2. Elle est tarée / 3. Merde en plus elle est pas con. Date d'inscription : 17/06/2009
| Sujet: Re: Argh ! O_O Dim 13 Juin 2010 - 16:01 | |
| Wah, merciii biiicoup ! *_* | |
|
Nightmares .:Grand Manitou toqué:.
Nombre de messages : 2725 Passe-temps : Martyriser, vous faire faire des cauchemars la nuit!!! Manga préféré : Doubt Ce qu'on pense de toi : que je suis une méchante admin qui ets la pour vous faire peur :D Date d'inscription : 20/05/2007
| Sujet: Re: Argh ! O_O Lun 14 Juin 2010 - 14:53 | |
| | |
|