|
|
 Roxy 
{ Membre }
 Messages : 76
 | Bonsoir, j'aurais voulu ajouter des infobulles pour présenter le staff mais ça ne fonctionne pas.
J'aimerais que ça ressemble à ça --> ici
Par contre à la place des images, je voulais savoir si c'était possible d'avoir simplement des noms | | |
|
 | |
Roxy
{ Membre }
Messages : 76
| J'ai déjà essayer mais ça ne fonctionne pas !
*soupir*
Tant pis, j'essayerais à nouveau quand j'aurais le temps. J'ai dû faire une erreur.
En tout cas, merci Snipe ! | | |
|
| | |
Roxy
{ Membre }
Messages : 76
| Je viens de tout refaire et je n'y arrive toujours pas.
Quelqu'un peut-il m'aider ? | | |
|
| | |
Roxy
{ Membre }
Messages : 76
| Ca donne ça
Donc on ne peut rien lire et si on surligne, on voit que c'est les codes et non les images qui apparaissent. | | |
|
| | |
iowan
{ Membre actif }
 Messages : 304
| enlève les <P> et les </p> de ton code | | |
|
| | |
Roxy
{ Membre }
Messages : 76
| |
| | |
Invité Invité
| Salut,
Question idiote : Le html est activé sur ton forum ET dans ton profil ? | | |
|
| | |
Roxy
{ Membre }
Messages : 76
| Oui, tout est activé, c'est la première chose que j'ai vérifié | | |
|
| | |
Emaline
{ Membre }
Messages : 202
| Quand j'ai fait mes infobulle je me suis fait conseillé de les faire dans une page HTML puis ensuite utilisé le code Ifram (ohh oui j'adore ce code <3) | | |
|
| | |
Invité Invité
| C'est une solution Emaline en effet. | | |
|
| | |
Roxy
{ Membre }
Messages : 76
| alors, j'ai fait sur une page HTLM par contre, je vais peut-être paraitre bête mais ... code Ifram, c'est quoi ? | | |
|
| | |
Emaline
{ Membre }
Messages : 202
| C'est ceci - Code:
-
<iframe src="LIEN ICI" border="0" frameborder="0" height="168px" width="100%" allowtransparency="yes"></iframe> Tu as simplement a mettre cela sur ta PA au bon endroit avec la page HTML a place du lien et placé les bonne grandeur Height : Hauteur Width : Largeur | | |
|
| | |
Roxy
{ Membre }
Messages : 76
| Merci Emaline, je vais essayer ça et je vous dirais ensuite, si je suis une boulette ou pas ^^ | | |
|
| | |
Invité Invité
| Salut,
As tu testé ?
Ca donne quoi ? | | |
|
| | |
Roxy
{ Membre }
Messages : 76
| Je viens de tester (j'avais des soucis d'accès à mon forum)
et ça ne donne pas du tout ce que je veux.
J'ai fait ça sur mon forum test | | |
|
| | |
Invité Invité
| Pour les infos bulles, tu as mis les codes CSS qu'il faut ?
Le code html ?
Car je ne vois aucun effet. | | |
|
| | |
Emaline
{ Membre }
Messages : 202
| Cela pourrait-il d'aidé si je te montre comment j'ai fait mes infobulle? Moi pour commencé j'ai trouvé comment faire ICI J'ai tout mit dans ma page HTML autant CSS que le HTML J'ai changé les codes pour mettre ceux d'origine afin que tu puisses utilisé ce que j'ai posté - Spoiler:
- Code:
-
<html> <body> <style> /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .thumbnail{ position: relative; z-index: 0; } .thumbnail:hover{ background-color: transparent; z-index: 50; } .thumbnail span{ /*CSS for enlarged image*/ position: absolute; background-color: lightyellow; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; } .thumbnail span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .thumbnail:hover span{ /*CSS for enlarged image on hover*/ visibility: visible; top: 0; left: 60px; /*position where enlarged image should offset horizontally */ } img { border: none; } a img { border: none; } </style> <a class="thumbnail" href="#thumb"><img src="http://img44.xooimage.com/files/7/5/5/april-1379f9a.png"></imguser><span> <div class="p13">April Hesper<br> Fondatrice<br> <img src="http://img48.xooimage.com/files/e/0/c/aprilli-1379751.gif"><br> <img src="http://img46.xooimage.com/files/d/9/0/april1-e3457a.png"><br> Absente pour une<br> periode indetermine <br> </div> </span></a> </td> <td> <a class="thumbnail" href="#thumb"><img src="http://img44.xooimage.com/files/0/2/f/dean-1379f9f.png"></imguser><span> <div class="p13">Dean Hanger<br> Fondateur<br> <img src="http://img24.xooimage.com/files/1/5/e/deanli-137a35a.gif"><br> <img src="http://img40.xooimage.com/files/f/d/b/dean2-e346a7.png"><br> </div></a> </span></div> </td> <td> <a class="thumbnail" href="#thumb"><img src="http://img24.xooimage.com/files/6/1/3/ga-l-1379fa0.png"></imguser><span><div class="p13">Gael Hanger<br> Fondatrice<br> <img src="http://img48.xooimage.com/files/d/c/3/ga-llig-137a361.gif"><br> <img src="http://img42.xooimage.com/files/4/5/d/ga-l1-e346d1.png"><br> </div> </span></a> </td> </tr> </tbody> </table> </div> </body></html>
Ensuite j'ai prit le nom de la page et posté en IFRAME comme je t'ai dit plus tôt - Code:
-
<iframe src="LIEN ICI" border="0" frameborder="0" height="168px" width="100%" allowtransparency="yes"></iframe> Résultat finale Bonne chance j'espère pouvoir t'aidé | | |
|
| | |
Roxy
{ Membre }
Messages : 76
| Je vais essayer ça
Merci de votre aide | | |
|
| | |
Emaline
{ Membre }
Messages : 202
| Tu m'en donneras des nouvelles et si tu as besoin d'aide supplémentaire je vais t'aidé | | |
|
| | |
Roxy
{ Membre }
Messages : 76
| Merci Emaline
J'essaie ça le plus vite possible et je vous tiens au courant
EDIT : Y'a déjà un mieux ! Mais pourquoi je ne peux pas les avoir directement sur ma page au lieu de devoir les faire défiler ?
c'est --> ici | | |
|
| | |
Darling
{ Membre }
Messages : 180
| Explication en sommes toutes banales, miss. * Tire son chapeau, trop de lune... *
Dans le code de l'iframe, il y a un height qui va forcer la hauteur de celui-ci. Si le contenu de la iframe dépasse les pixels fixés, il va automatiquement insérer une scroll, sans s'élargir. Il faut augmenter la taille de l'height en fonction de cela.
A moins qu'il existe une autre solution. | | |
|
| | |
Emaline
{ Membre }
Messages : 202
| Aussi si tu souhaite le mettre direct sur la page d'accueil c'est a ton choix, mais si tu as beaucoup de texte a mettre tu vas voir qui vont vite te dire que tu as dépassé la capacité permise. Alors c'est plus simple avec le IFrame qui comprend peu de caractère. J'ai rien a rajouté Darling a été plus rapide que moi, mais si tu retourne derrière au premier message que je t'ai proposer les IFrames, j'ai mit comment changé la grandeur. Mais l'inconvénient avec Iframe c'est que tu peux mettre la bonne grosseur mais quand tu vas passé le curseur dessus il va y avoir la barre qui va apparaitre afin de voir l'info bulle sauf si il tu configure la bonne grangeur je te montre un exemple Les grandeur son parfaite: La grandeur est trop petite Alors tu as a choisir Mais si tu as besoin d'aide je peux t'aidé J'explique très mal comme cela mais je peux te donné plus d'exemple si tu veux. Ou comme je te dis direct sur la PA si tu le souhaite qui est la solution simple si tu as peu de code a mettre  | | |
|
| | |
Roxy
{ Membre }
Messages : 76
| Et bien je préfèrerais sur la page d'accueil.
Il n'y a pas beaucoup de choses et donc la place est disponible.
Par contre, je ne sais pas comment on fait pour que l'on puisse cliquer sur des liens de l'infobull | | |
|
| | |
Lilypad
{ Membre }
Messages : 108
| J'ai fait un tuto sur les infobulles ici et j'explique dedans comment mettre les liens dans l'infobulle. Tu peux aller y jeter un oeil, ça t'aidera sans doute. | | |
|
| | |
Roxy
{ Membre }
Messages : 76
| Je dois vraiment être une boulette parce que maintenant ça me donne ça | | |
|
| | |
Contenu sponsorisé
| |
| | |
|
