MyBB.support, le portail francophone de MyBB
Message au passage de la souris. - Version imprimable

+- MyBB.support, le portail francophone de MyBB (http://mybb.support)
+-- Forum : MyBB.fr (http://mybb.support/forum-1.html)
+--- Forum : Support (http://mybb.support/forum-5.html)
+--- Sujet : Message au passage de la souris. (/thread-6410.html)



Message au passage de la souris. - Zeatlan - 19-04-2013


Bonjour,
voilà une nouvelle discussion pour savoir comment faire cela :
[attachment=1292]
Au passage de la souris un texte blanc avec un fond noir s'affiche !
Je voudrais savoir comment faire, voici le code que j'ai mis dans mes templates :
Code :
<a original-title="Nous tournons sous le moteur mybb" href="http://mybb.com/" target="_blank" style="font-family: 'BebasNeueRegular';font-size: 18px;color: #fff;">MyBB</a><img original-title="" src="http://devcommunity.altervista.org/community/images/bluesteel/arrf.png" style="vertical-align: middle;">

J'ai remarquer aussi, que je n'avais pas le "font-family: BebasNeueRegular" comment avoir ce font ?

Merci à vous !



RE: Message au passage de la souris. - Saphir - 19-04-2013

Pour utiliser des fontes de caractères non standardisées, vous pouvez utilisez l'ami Google : http://www.google.com/fonts/
Pour effectuer une apparition d'un objet au passage de la souris, vous pouvez utilisez les évènements javascript onMouseOver (au passage de la souris) et onMouseOut (au départ de la souris), mais je n'ai pas totalement compris ce que vous vouliez faire...


RE: Message au passage de la souris. - Zeatlan - 19-04-2013

En faites quand ma souris va sur un texte il y'a une bulle noir qui apparait avec la description de ce texte ! Smile


RE: Message au passage de la souris. - exdiogene - 19-04-2013

Je vais bientôt créer un tutoriel pour "savoir comment faire apparaître une bulle sur un texte donné" en utilisant que du CSS, sans aucun javascript.

Il sera complété d'ici une semaine...

P.S. Le site donné en référence ne donne aucun exemple en rapport avec la demande. Il est en construction...


RE: Message au passage de la souris. - Zeatlan - 19-04-2013

(19-04-2013, 16:30)exdiogene a écrit :  Je vais bientôt créer un tutoriel pour "savoir comment faire apparaître une bulle sur un texte donné" en utilisant que du CSS, sans aucun javascript.

Il sera complété d'ici une semaine...

P.S. Le site donné en référence ne donne aucun exemple en rapport avec la demande. Il est en construction...
On m'a dit qu'une url est obligatoire... Sad
Donc j'ai quand même donner ^^



RE: Message au passage de la souris. - exdiogene - 19-04-2013

Je m'attendais à voir le "texte blanc avec un fond noir" sur le site en question, que qui occasionna mon commentaire.

Il aurait été beaucoup plus utile de donner le URL du site sous la pièce jointe fournie, que simplement l'image.

Bien sur, il faut donner le URL du site MyBB pour lequel nous demandons du support, mais le compte test est lui aussi demandé! Wink



RE: Message au passage de la souris. - Zeatlan - 19-04-2013

L'url du site où j'ai vue ça : http://myskins.org/index.php


RE: Message au passage de la souris. - TheDiamant953 - 19-04-2013

Oh, la "bulle" standar noir/blanche à été remplacer par une bulle noir, c'est sympa et j'aimerais bien aussi savoir comment faire Wink

Par exemple sur Mybb quand je passe ma souris sur le header :

[Image: lNxY]

Et à la place, la bulle noir comme sur le forum exemple.


RE: Message au passage de la souris. - exdiogene - 19-04-2013

J'ai terminé le brouillon du tutoriel, il est disponible ici :
http://mybb.fr/thread-6411.html


RE: Message au passage de la souris. - Zeatlan - 19-04-2013

Merci beaucoup c'est très gentil de ta part Smile


RE: Message au passage de la souris. - exdiogene - 19-04-2013

Pour moi, le "tooltip" est sur fond beige avec FireFox.


RE: Message au passage de la souris. - Saphir - 19-04-2013

Et il est sur fond blanc sous Chrome (Win8).


 Utilitaire de traduction fourni par Regentronique