Unitip est un script Ajax permettant d’afficher des infobulles sur des éléments HTML. Ces infobulles peuvent contenir du code HTML et la transparence est gérée.

1/ Installation d’Unitip

• Aller sur le site de Unitip et télécharger l’archive zip.
• Dezipper et uploader dans le répertoire de votre thème Wordpress. (wp-content/theme/nom_de_votre_theme)

2/ Paramétrage

Dans le répertoire de votre thème,

éditer le fichier js/unitip.js et paramétrer les valeurs de :

• var uniTipTag
• var uniTipClass

Ouvrer le fichier header.php de votre thème et ajouter :

Code source :

<script type=”text/javascript” src=”<?php bloginfo(’template_directory’); ?>/js/unitip.js”></script>
<script type=”text/javascript” src=”<?php bloginfo(’template_directory’); ?>/js/unitippngfix.js”></script>
<link href=”<?php bloginfo(’template_directory’); ?>/css/unitip.css” rel=”stylesheet” type=”text/css” />

3/ Utilisation dans votre thème

Il ne vous reste plus que à utiliser Unitip dans votre Theme pour placer vos infobulles ou vous le désirer.

La syntaxe est simple, tout est basée sur une class CSS.

Ajoutons une infobulle sur un lien hypertexte :

Code source :

<a href=”#” class=”tip” title=”Test unitip !”>Infobulle sur lien hypertexte</a>

Ce qui nous donne ce genre de lien : Infobulle sur lien hypertexte

Profil

Flickr

Le grand YAKA !

Visiteurs