Infobulles améliorées et sexy

Jeu 3 Juin 2010 - 12:27

Riku Asakura

Age : 36Messages : 5736

Jeu 3 Juin 2010 - 12:27

Rappel du premier message :

Hello,

J'ai conçu un plugin il n'y a pas longtemps entièrement compatible avec forum-actif.
Vous pouvez le tester ici même :
http://jq.creativejuiz.fr/plugins-jquery/linkin-tips.php

Pour plus de renseignement ou une aide si vous bloquez dans son utilisation, n'hésitez pas à suivre les instructions de la page ou à demander directement ici. (n'oubliez pas aussi de visiter le lien menant vers le blog, il se pourrait que quelqu'un ait déjà posé votre question)

Si vous rencontrez des soucis dans l'intégration du plugin à un forum de chez Forum Actif, rendez-vous ici :
http://forum.forumactif.com/t327339-un-tutoriel-un-peu-trop-complique-pour-moi

Bisous !

Dernière édition par Riku Asakura le Dim 18 Mar 2012 - 22:53, édité 2 fois

Dim 21 Aoû 2011 - 18:29

Pac-girl

Age : 30Messages : 100

Dim 21 Aoû 2011 - 18:29

Owwi ça fonctionne *0* C'est le plus beau jour de ma vie //PAN// ! *sort très loin*

Merci beaucoup. ♥ En passant c'est un super beau plugin. ^^

Mar 23 Aoû 2011 - 1:00

Riku Asakura

Age : 36Messages : 5736

Mar 23 Aoû 2011 - 1:00

Merci miss Wink

Au plaisir !

Dim 28 Aoû 2011 - 20:40

Luna-Golden

Age : 35Messages : 7

Dim 28 Aoû 2011 - 20:40

j'adore !!
Je vais m'y essayer merci (a)

Sam 7 Jan 2012 - 14:39

Graph"X"

Age : 38Messages : 268

Sam 7 Jan 2012 - 14:39

merci

Ven 16 Mar 2012 - 23:36

phinolex

Age : 24Messages : 63

Ven 16 Mar 2012 - 23:36

merci

Sam 17 Mar 2012 - 16:25

Ayael

Age : 28Messages : 598

Sam 17 Mar 2012 - 16:25

Bonjour, je ne comprends pas comment installé sur forumactif. Je suppose quand lisant tous les commentaires j'arriverai à quelque chose, mais j'imagine que beaucoup n'ont pas ma patience et a voir le "tutoriel inaccessible" ça me prouve que j'ai raison. Tu pourrais peut être éclaircir pour forumactif dans ce sujet.

Tu parles de la balise head de quel template? Il n'y a rien sur le html à mettre pour les infobulles j'ai cru comprendre qu'il y avait une classe à mettre en lisant sur le blog mais laquelle? titre? (en sachant que cette classe et souvent déjà utilisé) ou bien "juizTips" ?
Pour le CSS il faut donc utilisé cette classe aussi? Ce n'est pas précisé...

J'ai relu le tutoriel trois fois, et j'ai toujours plein de question, ne peux on pas utilisé la partie javascript de forum actif pour éliminer des étapes d'hébergement? J'ai vu sur le blog que sur FA que la première chose n'était pas nécessaire pour FA. Donc je suis complétement embrouillée!

En tout cas c'est un très beau résultat que l'on peut obtenir, tu as fait quelque chose de magnifique ! Félicitation ♥

Dim 18 Mar 2012 - 0:14

Riku Asakura

Age : 36Messages : 5736

Dim 18 Mar 2012 - 0:14

Hello,

Merci pour ces compliments.
Je vais être un peu direct, mais :
- je n'ai pas trop de temps pour re-développer tout un tutoriel à l'intégration sous FA
- je ne peux pas tout détailler pour te permettre d'expliquer seulement les points que tu n'as pas compris
- sans savoir ce que tu as essayé ou non, je ne peux pas être suffisamment précis pour t'aider.

Peux-tu me dire, dans l'ordre, en suivant le tutoriel de cette page, où tu bloques ?
http://jq.creativejuiz.fr/plugins-jquery/linkin-tips.php

Merci, et désolé du manque de temps Wink

Dim 18 Mar 2012 - 10:08

Ayael

Age : 28Messages : 598

Dim 18 Mar 2012 - 10:08

Edit : quelqu'un m'a aidé sur le forum des forums : http://forum.forumactif.com/t327339-un-tutoriel-un-peu-trop-complique-pour-moi#2827606
Mais merci à toi quand même!
Edit 2 : Avec la codage qu'il propose et qui fonctionne très bien au passage, je ne peux pas mettre de lien clicable dans l'infobulle c'est normal?

Bonjour, je comprends tout à fait le manque de temps même si c'est dommage. J'ai mis les deux première étapes dans le le template overall_header je ne comprends pas l'étape trois par rapport à forumactif..

Chargez le fichier du plugin de la même manière en le plaçant après la ligne d'appel de la bibliothèque.
Ici nous imaginons que vos scripts se trouvent à la racine de votre site, dans un dossier nommé "scripts".
A vous de modifier ce chemin si besoin :

bien entendu du coup l'étape 4 est toujours obscure du coup ^^"

et je ne comprends toujours pas ce qu'il faut que je mette dans le html de mon infobulle peut être ça?

Code:: <div class="juizTips"><img src="lien de l'image"/><span> texte de l'infobulle</span></div>

et donc si je veux personnalisé l'infobulle de façon esthetique dans mon CSS il faut que je mette ça ?

Code:: .juizTips { }

??
(j'ai fais ces déductions en regardant le blog)

Merci d'avance ! ♥

Dim 18 Mar 2012 - 22:50

Riku Asakura

Age : 36Messages : 5736

Dim 18 Mar 2012 - 22:50

Hello,

Merci d'avoir mis le lien vers le topic.
Les explications sont très bien adaptées et tout à fait pertinentes :)

Concernant l'utilisation d'un lien dans un lien, la logique est un peu difficile à comprendre : c'est parce qu'elle part du principe qu'un utilisateur qui n'a pas JavaScript activé doit quand même comprendre ce qui se trouve dans l'attribut TITLE.

Du coup, pour qu'un lien apparaisse, il faut, par défaut, que le contenu de ton TITLE ressemble à cela :

"Modérateur du forum - allez à la page http://www.sdfsldkfjl.fr pour pouvoir obtenir plus d'information sur le modérateur"

Ici la phrase est compréhensible sans JS. Dès que JS est activé, l'infobulle se met en place, ce qui est en rouge sert de marqueur, la première partie en rouge permet de repérer le lien juste après (en violet EDIT : en fait le forum formate le lien en rouge gras, désolé), la seconde partie en rouge permet de définir un éventuel autre title (ici en vert) sur le lien de l'infobulle. La partie bleue est le contenu textuel de l'infobulle.

En reprenant les exemples du topic ça donne :

Code:: <img src="http://2img.net/i/fa/admin/icones/help.png" alt="HELP" title=""Modérateur du forum - allez à la page http://www.sdfsldkfjl.fr pour pouvoir obtenir plus d'information sur le modérateur"" width="218" height="144" />

Logiquement ça devrait le faire maintenant :)

Ven 23 Mar 2012 - 21:25

Ayael

Age : 28Messages : 598

Ven 23 Mar 2012 - 21:25

je vois, merci à toi pour tes explications!

Sam 31 Mar 2012 - 14:52

phinolex

Age : 24Messages : 63

Sam 31 Mar 2012 - 14:52

merci

Sam 14 Avr 2012 - 3:19

Amelia sullivan

Age : 31Messages : 380

Sam 14 Avr 2012 - 3:19

Wow merci c'est vraiment beau la

Sam 14 Avr 2012 - 18:44

Swiff

Age : 29Messages : 24

Sam 14 Avr 2012 - 18:44

Bonjour :3

Je me suis rendue compte que, de façon assez étrange, la mise en place de ces infobulles faisait disparaître toutes les images contenues dans les messages de mon forum. En effet, quand je retire cette portion de code ->

Code:

<script type="text/javascript" src="http://jq.creativejuiz.fr/plugins-jquery/linkin-tips/demo/js/juizLinkinTips.min.js"></script> <script type="text/javascript"> /*<![CDATA[*/ $(document).ready(function() { $("img[title]").juizLinkinTips(); }); /*]]>*/ </script>

... les images apparaissent correctement.
N'y a-t-il pas moyen de concilier les deux ? ça me ferait mal de devoir y renoncer...