La Goutte De Sable

J’utilise depuis aujourd’hui le pluggin « JR qTip for WordPress » et je dois dire que j’en suis trés satisfait.
En plus d’apporter une information supplémentaire à l’internaute, les info-bulles personnalisées ajoutent un design agréable au site.
J’ai voulu changer le style des info-bulles, car le pluggin offre que peu d’options.
Je vous explique ce que j’ai fais pour obtenir des coins arrondis, et personnaliser la couleur:

1. Installer le pluggin. Ne pas l’activer.
2. Faites: Extensions—>Editeur
3. Selectionnez l’extension Qtip
4. Ouvrir le fichier: jr-qtip-for-wordpress/jr_qtip_for_wordpress_tooltip.php
5. Remplacer ceci:
   content:{
   text:false
   },
   position:{
   corner:{
   target:’topRight’,
   tooltip:’bottomLeft’
   }
   },

   style: {
   name: ‘<?php echo addslashes($_GET['color']); ?>’, tip: true,
   textAlign: ‘center’
   },
   position: { corner: {
   target: ‘<?php echo addslashes($_GET['tooltip_target']); ?>’,
   tooltip: ‘<?php echo addslashes($_GET['tooltip_position']); ?>’
   } }
   })

   Par cela: style:{
   width:200,
   padding:5,
   background:’#A2D959′,
   color:’black’,
   textAlign:’center’,
   border:{
   width:3,
   radius:8,
   color:’#6699CC’
   },
   tip:’bottomLeft’,
   name:’dark’
   }
   });

6. mettre à jour et activez le pluggin.
7. Aller dans le menu de configuration de « Qtip »
8. Ne pas cocher la case « Use google API »

Testez et bonnes bulles!

Merci a Webdesignmag pour les tutos.