foliuca
{ Membre }
Messages : 42
|
Bonjour !! J'ai vu sur un forum qu'il était possible de mettre une "infobulle" sur le côté de la page d'accueil du forum. Je m'explique; mettre tout à droite ou tout à gauche une image qui, lorsque l'on passe ça souris dessus, se déroule et permet d'afficher des liens ou des images diverses. Ou même une image sur laquelle on passe la souris et une infobulle apparaît. J'aimerais savoir comment tout ça fonctionne, déjà comment mettre l'image tout à droite ou tout à gauche, parce que j'ai beau chercher partout je ne trouve pas.. Merci d'avance
|
Dernière édition par foliuca le Ven 14 Juin 2013, 06:25, édité 1 fois | |
|
Mzelle Machin
{ Spécialiste }
Messages : 3809
| Bonsoir =)
As-tu fait une petite recherche sur le forum auparavant?
Si oui, ce genre de sujets ne t'ont pas aidé pour la notion d'infobulles? - http://www.css-actif.com/t8017-creer-une-infobulle - http://www.css-actif.com/t12680-infobulle-avec-effets-css3
et encore plein d'autres (notamment avec la notion d'image réactive etc.)
| | |
|
foliuca
{ Membre }
Messages : 42
| Bonsoir Oui j'avais fait une petite recherche et ce qui me pose vraiment problème c'est le fait d'insérer une image, je ne sais pas si je dois me servir des templates (si oui lequel?) ou autre | | |
|
Nihil
{ Modérateur }
Messages : 1216
| J'ai du mal à comprendre ta demande ^---^ Tu veux mettre ton infobulle à côté de ton panneau d'accueil ou bien sur le côté de ta page (: ? (petit schéma peut être ? ) | | |
|
foliuca
{ Membre }
Messages : 42
| Alors voilà, bon c'est schématisé mais grosso modo àa ressemble à ça
- Spoiler:
- Spoiler:
J'espère que c'est assez clair =D
| | |
|
Nihil
{ Modérateur }
Messages : 1216
| Déjà pour mettre sur le côté, tu peux mettre ceci dans ta PA (dans ce cas là l'infobulle ne sera que sur la page d'accueil et pas sur les autres). Sinon il faudra la mettre dans les templates ^__^ - Code:
-
<div class="infobulle_left">Coucou <!-- contenu de ton infobulle --></div> Une fois que c'est fait dans ton CSS tu vas mettre ceci ^^ - Code:
-
div.infobulle_left { position: absolute; left: 0; /* on positionne l'infobulle tout à gauche*/ background: red; /* la couleur de ton fond*/ } Il te suffit de mettre en style après bien comme tu veux ^____^ Sinon, tu veux que le contenu au survol change ou bien que la boite se décale vers la gauche ^^ ? | | |
|
foliuca
{ Membre }
Messages : 42
|
Merci de s'occuper de moi ^^ Oh j'aime bien les deux, peu m'importe
| | |
|
Nihil
{ Modérateur }
Messages : 1216
| Tu as maintenant le code pour mettre sur le côté ton info bulle. Pour la faire tu peux suivre les liens que Mlle Machin avait mis. ^_^ | | |
|
foliuca
{ Membre }
Messages : 42
| |