Derniers sujets
» [MODERNBB] Intégrer des boutons en relation avec le profil du membre style barre de contact
par hamesashek Jeu 21 Mar 2019 - 2:21

» [PHPBB2] Couleur spécifique aux membres d'un rang dans les messages
par fred9545 Mer 20 Mar 2019 - 20:51

» [PHPBB2]Widget Afficher les derniers message(sujets) d'un forum spécifique
par Milouze14 Dim 17 Mar 2019 - 6:05

» [PHPBB2]Supprimer les champs de contacts dans le profil
par Marley Smith Jeu 14 Mar 2019 - 10:18

» [TOUTES VERSIONS]Afficher au dessus de l'éditeur l'information si mode Wysiwyg ou texte
par FaGu Jeu 14 Mar 2019 - 1:39

» Copyright sur les images contenues dans les sujets
par Chéryl Mar 12 Mar 2019 - 8:52

» [PHPBB3] Supprimer les champs de contacts dans le profil
par Milouze14 Lun 11 Mar 2019 - 19:49

» [TOUTES VERSIONS] Mettre Youtube en plein écran sans logiciel extérieur tous forum
par Kaeyla Lun 11 Mar 2019 - 10:06

» Fenêtre d'édition en mode plein écran
par HeroxAquariophile Sam 9 Mar 2019 - 11:09

» Rajout d'un bouton pour la citation partielle
par HeroxAquariophile Sam 9 Mar 2019 - 11:02

» [TOUTES VERSIONS] Edition rapide
par fred9545 Sam 9 Mar 2019 - 10:40

» [TOUTES VERSIONS] Mettre en place des hashtags comme sur Twitter
par HeroxAquariophile Sam 9 Mar 2019 - 10:36

» [TOUTES VERSIONS]Fond différent en fonction du mode d'édition
par photoclic Ven 8 Mar 2019 - 22:15

» [TOUTES VERSIONS]Feuille de style saturée!! Si vos widgets sont activés alors....
par Milouze14 Mer 6 Mar 2019 - 20:08

» [MODERNBB]N'autoriser que les votes positifs
par Splash Mar 5 Mar 2019 - 16:52

» [MODERNBB] Ajouter les boutons "En Ligne" et "Hors-Ligne"
par chrisnvidia Dim 3 Mar 2019 - 17:22

» [AWESOMEBB]Ajouter les boutons "En Ligne" et "Hors-Ligne"
par Splash Dim 3 Mar 2019 - 12:19

» [INVISION] Afficher l'id/ami et brouillon dans le Welcome de la toolbar
par hamesashek Sam 2 Mar 2019 - 13:46

» [TOUTES VERSIONS] Passer des paramètres à un script via une requête GET
par no_way Jeu 28 Fév 2019 - 22:01

» [TOUTES VERSIONS]Afficher un message aux membres ayant moins de X messages
par no_way Jeu 28 Fév 2019 - 20:25

[EDGE] Installer le plugin tooltip et bordures adaptées au thème

Voir le sujet précédent Voir le sujet suivant Aller en bas

Milouze14
Milouze14
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello les ami(e)s,

Ange Tuteur nous propose un petit plugin :

http://fmdesign.forumotion.com/t402-change-the-style-of-tooltips-with-tooltipster#3238

L'aperçu imagé:



Ce plugin permet de mettre en cache le contenu des balises title et donner une infobulle vraiment très chouettes comme sur ce forum.

Je vais vous donner l'astuce pour que les bordures soient de la même couleur que le thème choisi super .


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 : 'fade',
            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


Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

En bas de page déposez ceci:
Code:
.tooltipster-base{border:3px solid #69c;}


Pensez à valider les modifications en cliquant sur le bouton Valider


Éditez le script :
Code:
[FA EDGE] ALL.JS

Recherchez ceci:
Code:
{ border-color:' + palette[0] + '!important; }

ATTENTION A NE PAS OUBLIER LA VIRGULE

Juste avant déposez ceci:
Code:
,.tooltipster-base

Vous aurez alors cette ligne une fois effectué:
Code:

'form.search-form input.search-keywords, input.search-button,.tooltipster-base { border-color:' + palette[0] + '!important; }'+


Pensez a cliquer sur le bouton Valider



Voilà,c'est tout pour le moment.
Un soucis?
Direction l'entraide clin oeil
https://www.milouze14.com/f108-entraide-tous-supports


Dernière édition par Milouze14 le Dim 7 Oct 2018 - 19:22, édité 1 fois



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





clost
clost
Milouzien

Messageclost

  • 16px
  • 24px
  • Zoom
Bonsoir, merci Philippe, mes encadrés sont de couleur du thème, parfait super
Milouze14
Milouze14
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello et merci Chris pour la remontée



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum