Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Astuces Forumactif

EDGE/ PHPBB2 / PHPBB3/ PUNBB / INVISION/ MODERNBB/ AWESOMEBB
 
AccueilAccueil  PortailPortail  Connexion  S'enregistrerS'enregistrer  
Le deal à ne pas rater :
Corsair Vengeance LPX 32GB (2 x 16GB) DDR4 3200MHz C16 High ...
99.90 €
Voir le deal

 

 [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster

Aller en bas 
+5
Roza
soleda
Ptite_Perle
Ambroise
Milouze14
9 participants
AuteurMessage
Milouze14
Fondateur

Milouze14



[TOUTES VERSIONS]Afficher de belles infobulles Tooltipster Empty
MessageSujet: [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster   [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster EmptyJeu 31 Jan 2019 - 16:48

Hello les ami(e)s,
je pensais avoir déposé cette astuce , mais non, alors je vais vous la proposer super .

Sur ce forum, vous aurez constaté qu'au survol de plusieurs textes et liens , une belle infobulle s'affiche.

Testez en survolant ce texte.

Pour avoir un effet similaire, il suffit de suivre la procédure suivant:

Général/Messages et Emails/Configuration/Activer la prévisualisation des profils sur le tag des noms d'utilisateur

Cochez oui


Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript


Mettez un titre explicite.
Cochez sur toutes les pages.


Déposez ceci:
Code:

$(function(){
          // general options for editing the tooltip
          // see more : http://iamceege.github.io/tooltipster/#options
          var options = {
            animation : 'swing',
            arrow : true,
            speed : 300,
            delay : 300,
            onlyOne : true,
            theme : 'tooltipster-default'
          },
        
          // delay execution by placing the function into another queue
          // helps with applying to other JS created elements such as the editor
          queue = true,
          titles,
        
          parse = function() {
            titles = $('[title]');
            titles.tooltipster && titles.not('[title=""],.mentiontag, .tooltipstered').tooltipster(options);
          };
        
          queue ? $(parse) : parse();
        });



Pensez a cliquer sur le bouton Valider


Ensuite, il ne reste plus qu'à personnaliser ces jolies infobulles.
Bon comme dab, les couleurs déposées ne sont pas chouette, mais cela est volontaire afin de voir ce que vous devez modifier  clin oeil .
La c.s.s est commentée si besoin les ami(e)s  hinhin .





Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Déposez ceci:
Code:


/*LE BLOC*/
.tooltipster-base
{
padding:10px !important;
border:2px solid #666666 !important;
background:#F07D0C!important;
}
/*LA PETITE FLECHE*/
.tooltipster-arrow span
{
border-color:#666666 !important;
}
/*LE BLOC A L INTERIEUR*/
.tooltipster-content
{
border:3px solid #333333 !important;
border-radius:6px !important;
background:#FFFFFF!important;
}




Pensez à valider les modifications en cliquant sur le bouton Valider



Dernière édition par Milouze14 le Lun 29 Nov 2021 - 8:01, édité 4 fois

Freedom Sun aime ce message

Revenir en haut Aller en bas
https://www.milouze14.com
Invité
Invité
Anonymous



[TOUTES VERSIONS]Afficher de belles infobulles Tooltipster Empty
MessageSujet: Re: [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster   [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster EmptyJeu 31 Jan 2019 - 16:54

coucou Merci Phil  clin oeil
Revenir en haut Aller en bas
Ambroise
Milouzien

Ambroise



[TOUTES VERSIONS]Afficher de belles infobulles Tooltipster Empty
MessageSujet: Re: [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster   [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster EmptyJeu 31 Jan 2019 - 19:03

Génial, je suis partant super

Merci Phil
Revenir en haut Aller en bas
https://mon-forum-perso.forumactif.com/
Milouze14
Fondateur

Milouze14



[TOUTES VERSIONS]Afficher de belles infobulles Tooltipster Empty
MessageSujet: Re: [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster   [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster EmptyJeu 31 Jan 2019 - 19:38

Hello @Morane,
je viens de modifier l'astuce:

Il faut activer ce qui suit:


Général/Messages et Emails/Configuration/Activer la prévisualisation des profils sur le tag des noms d'utilisateur

Cochez oui
Revenir en haut Aller en bas
https://www.milouze14.com
Ptite_Perle
Milouzien

Ptite_Perle



[TOUTES VERSIONS]Afficher de belles infobulles Tooltipster Empty
MessageSujet: Re: [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster   [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster EmptyVen 3 Avr 2020 - 15:32

Merci

Revenir en haut Aller en bas
https://forumcrea.forumactif.org/
soleda
Milouzien

soleda



[TOUTES VERSIONS]Afficher de belles infobulles Tooltipster Empty
MessageSujet: Re: [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster   [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster EmptySam 4 Avr 2020 - 9:44

merci beaucoup Mercimill
Revenir en haut Aller en bas
https://www.tutorielgraphismepfs.com/
Roza
Milouzien

Roza



[TOUTES VERSIONS]Afficher de belles infobulles Tooltipster Empty
MessageSujet: Re: [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster   [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster EmptyMar 6 Oct 2020 - 0:21

SUPER ! super 

Comme d'hab...

Mercimill
Revenir en haut Aller en bas
https://ami-ma.forumactif.com/
Jane
Milouzien

Jane



[TOUTES VERSIONS]Afficher de belles infobulles Tooltipster Empty
MessageSujet: Re: [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster   [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster EmptyMer 18 Nov 2020 - 7:37

Merci
Revenir en haut Aller en bas
https://www.unofficialtownshipforum.com/
Invité
Invité
Anonymous



[TOUTES VERSIONS]Afficher de belles infobulles Tooltipster Empty
MessageSujet: Re: [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster   [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster EmptyJeu 19 Nov 2020 - 17:22

Milouze14 a écrit:

Hello @Morane,
je viens de modifier l'astuce:

Il faut activer ce qui suit:


Général/Messages et Emails/Configuration/Activer la prévisualisation des profils sur le tag des noms d'utilisateur

Cochez oui
Avec Beaucoup de retard, merci Phil de ta réponse, je sais pas pourquoi je l'ai loupée  fr4

Revenir en haut Aller en bas
Milouze14
Fondateur

Milouze14



[TOUTES VERSIONS]Afficher de belles infobulles Tooltipster Empty
MessageSujet: Re: [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster   [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster EmptyJeu 19 Nov 2020 - 20:03


@Morane .

Coucou ma tite Morane,

Morane a écrit:

@Milouze14 a écrit:
Hello @Morane,
je viens de modifier l'astuce:

Il faut activer ce qui suit:


Général/Messages et Emails/Configuration/Activer la prévisualisation des profils sur le tag des noms d'utilisateur

Cochez oui
Avec Beaucoup de retard, merci Phil de ta réponse, je sais pas pourquoi je l'ai loupée  fr4




On est plus à 9 mois prêts MdR1 .


Revenir en haut Aller en bas
https://www.milouze14.com
tenrev
Milouzien

tenrev



[TOUTES VERSIONS]Afficher de belles infobulles Tooltipster Empty
MessageSujet: Re: [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster   [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster EmptyMar 29 Déc 2020 - 11:43

merci Merci

Revenir en haut Aller en bas
https://www.biblio3d.com/
Freedom Sun
Milouzien

Freedom Sun



[TOUTES VERSIONS]Afficher de belles infobulles Tooltipster Empty
MessageSujet: Re: [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster   [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster EmptyMer 31 Mar 2021 - 21:57

Bonjour à tous, coucou 

J'ai pu installer comme il faut le bloc "Tooltip" grâce à l'intervention de Phil, suite à une erreur de ma part en installant un code dans la Template  "overall_header", ce qui a fait un défaut sur mon bloc "Tooltip" !

J'ai donc pu installer et mettre à ma sauce le design avec ce Tuto d’infobulle si gentiment proposé, et le résultat donne terrible ! clin oeil

[TOUTES VERSIONS]Afficher de belles infobulles Tooltipster 1025

Un très grand  Merci pour l'aide

Bonne soirée et prenez soin de vous, hinhin

Revenir en haut Aller en bas
https://leforumdelazik.xoo.it/index.php
Constellation
Milouzien

Constellation



[TOUTES VERSIONS]Afficher de belles infobulles Tooltipster Empty
MessageSujet: Re: [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster   [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster EmptyJeu 10 Juin 2021 - 2:20

Merci pour ce code ❤
Revenir en haut Aller en bas
https://millionlittlethings.forumactif.com/
Contenu sponsorisé





[TOUTES VERSIONS]Afficher de belles infobulles Tooltipster Empty
MessageSujet: Re: [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster   [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster Empty

Revenir en haut Aller en bas
 
[TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [TOUTES VERSIONS] Afficher un texte dactylographié
» [TOUTES VERSIONS] Afficher une partie des MPS reçus
» [TOUTES VERSIONS] Afficher le rang dans la toolbar
» [TOUTES VERSIONS] Afficher les icônes de contacts au survol du message
» [TOUTES VERSIONS] Afficher l'avatar des messages au survol de la cellule

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Astuces Forumactif :: Astuces Forumactif :: Toutes versions-
Sauter vers: