| | Infobulle bizarre ou pas ? |  |
|
 Soparadis 
{ Membre }
 Messages : 32
 | Bonjour,
sur ce forum on dirait des sortes d'infobulles utilisés, mais à la foi non : http://www.elixirs-hp.com/serpentard-f104/nina-dobrev-4eme-annee-prise-t221.htm
voila quand on passe sur général on voit son identité, ensuite caractère le caractère qui s'affiche à la place de général, comment peut-être on faire ceci ? | | |
|
| | |
Lichan
{ Membre }
Messages : 15
| Je pense avoir trouver la solution ^^ Alors tu vas mettre ceci dans ta feuille de css : - Code:
-
a.popup span
{
display:none;
}
a.popup:hover span
{
display:block;
padding-left:10px;
padding-top:8px;
padding-bottom:8px;
padding-right:10px;
color: #couleur de ton texte;
background-color: #couleur de ton fond;
border-top: 2px solid #couleur;
border-right: 2px solid #couleur;
border-bottom: 2px solid #couleur;
border-left: 2px solid #couleur;
font-family:"Courier New", Courier, monospace;
font-size:10px;
[b]position:absolute;
left:11px;
top:125px;
width:479px;
height:207px;[/b]
} Ce qui est en gras en fait, sers à positionner ton infobulle Et voici le code que tu vas mettre dans ta page html : - Code:
-
<a href="#" class="popup"><img src="lien de ton image" ><span class="popup">ton texte</span></a> Je l'ai testé sur Firefox et ça marche ^^ Ce qui te donne ça ^^ : exemple | | |
|
| | |
Soparadis
{ Membre }
Messages : 32
| J'ai un problème
http://size-matters.forum-actif.net/links-f12/my-world-is-fantastic-t47.htm#165
quand on passe sur le deuxième icône il y a un bug l'autre va en dessous, comment je peux arranger ça ? | | |
|
| | |
Lichan
{ Membre }
Messages : 15
| As tu collé tes images ainsi : - Code:
-
<a href="#" class="popup"><img src="lien image" width="100" height="100" /><span class="popup">blablabla</span></a> <a href="#" class="popup"><img src="lien image 2" width="100" height="100" /><span class="popup">blablabla</span></a> | | |
|
| | |
Soparadis
{ Membre }
Messages : 32
| Non, comme ça - Code:
-
<a href="#" class="popup"><img src="http://l-userpic.livejournal.com/98478166/21036943" width="100" height="100" /><span class="popup">blablabla</span></a> <a href="#" class="popup"><img src="http://i912.photobucket.com/albums/ac322/dani-livej/icons/vampired/TVD-batch02-006.jpg" width="100" height="100" /><span class="popup">blablabla</span></a> | | |
|
| | |
Lichan
{ Membre }
Messages : 15
| étrange sur une page html ça marche mais pas sur le forum =/ | | |
|
| | |
Soparadis
{ Membre }
Messages : 32
| Oui et il n'y a pas des autres codes pour faire ça ? | | |
|
| | |
Lichan
{ Membre }
Messages : 15
| Ben tu sais, je bidouille mais je suis pas une experte =/
Faudrait qu'un vrai expert vienne à ton secours ^^;; | | |
|
| | |
Soparadis
{ Membre }
Messages : 32
| Oui  Je pense déjà que ça doit avoir un lien avec le CSS | | |
|
| | |
Basil Hawkins
{ Membre hyper-actif }
 Messages : 2912
| C'est tout simplement du javascript Par contre pour savoir quel code ... Tu peux toujours rechercher sur ce site http://www.dynamicdrive.com/ mais je ne sais pas personnellement. | | |
|
| | |
Soparadis
{ Membre }
Messages : 32
| Merci à toi, j'ai rehcerché mais je n'ai pas trouvé en plus c'est en anglais et moi et l'anglais je connais pas tout *zbaff* | | |
|
| | |
Lichan
{ Membre }
Messages : 15
| Mais du java dans les sujets postés s'est possible ? (et j'ai cherché sur le site, il y a pas mal de code dont un qu'on pourrait adapter ^^) | | |
|
| | |
Lichan
{ Membre }
Messages : 15
| Ben en fait, moi cette question m'intéresse car j'ai réussi à le faire en mode "infobulle" mais adapté du java pour pouvoir le mettre dans les topics je me demande comment faire =/ | | |
|
| | |
Imari
{ Membre hyper-actif }
Messages : 1538
| Bonjour ^^
Le problème est-il résolu ? | | |
|
| | |
Lichan
{ Membre }
Messages : 15
| non, mais je pense que vous pouvez ranger le topic, l'auteure de celui - ci vient pas donc =/ | | |
|
| | |
Imari
{ Membre hyper-actif }
Messages : 1538
| Bonjour,
Aucune relance de la part du créateur du sujet ! Je considère donc ce problème comme étant résolu et je le déplace pour céder la place aux problèmes en cours.
Si vous avez d'autres questions, merci d'ouvrir un nouveau topic en respectant les règles de l'entraide. | | |
|
| | |
Contenu sponsorisé
| |
| | |
| | Infobulle bizarre ou pas ? | |
|
