haut de page
Le site du Pingouin entrepreneur

05
08 | 10

Utiliser fancybox

0 commentaire(s)

Promouvoir cet article sur : Identi.ca Delicious Facebook

Voici une note qu'on peut afficher.
Elle apparait dans une fenêtre indépendante.
Je peux même afficher un lien : Le site de Debian
Dans un article précédent, j'ai déjà expliqué l'installation de Fancybox.
Nous allons voir maintenant comment le paramétrer et l'utiliser dans pluxml.
Nous avons deux fichiers à modifier : le fichier header.php (qui se situe dans votre dossier thème) et le fichier fancybox.css.
J'ai créé deux profils d'affichage des fenêtres site et notification ; j'ai donc ajouté au fichier header.php (juste avant </script>) le code suivant :
$("a.site").fancybox({
'hideOnContentClick' : true,
'padding' : 0,
'frameWidth' : 950,
'frameHeight' : 400,
'type' :'iframe'
});
$("a.notification").fancybox({
'hideOnContentClick' : true,
'padding' : 10,
'frameWidth' : 300,
'frameHeight' : 200,
'type' :'inline'
});
Il reste maintenant à utiliser l'une de ces deux classes d'affichage :
Par exemple, pour afficher le site wikipédia :
<a class="site" href="http://wikipedia.fr?iframe" title="Wikipédia en ligne">Une fenêtre wikipédia </a>
Pour afficher une note :
Il faut, préalablement déclarer cette note (appelée data) sans l'afficher et donc écrire dans l'article :
<div style="display: none;">
<div id="data" >
Voici une note qu'on peut afficher.
Elle apparait dans une fenêtre indépendante.
Je peux même afficher un lien :
<a href="http://www.debian.org/">Le site de Debian</a>
</div>

Puis pour afficher le document dans fancybox :
<a class="notification" href="#data" title="une note"> Ceci affiche une note</a>
Fancybox peut tout simplement afficher des images :
Dans ce cas, il suffit d'ajouter rel="fancybox" au lien de l'image.
<a rel="fancybox" href="data/images/nuages.jpg" title="Coucher de soleil sur Viuz en Sallaz"><img src="data/images/nuages.jpg.tb" alt="" /></a>

Lire la suite de : Utiliser fancybox

30
07 | 10

FreetuxTV

0 commentaire(s)

Promouvoir cet article sur : Identi.ca Delicious Facebook

FreetuxTV est un logiciel qui permet de regarder et d'enregistrer la télévision sur son PC ainsi que d'écouter et enregistrer la radio.
Il récupère les flux radio et TV des fournisseurs d'accès français (Alice, Bouygues, Free, Orange, SFR, ...).
Il permet également l'enregistrement.
FreetuxTV est maintenant disponible dans une version stable.
Récupérez ici le package correspondant à votre distribution.
La dernière version stable est la version 0.5.0 qui est disponible depuis le 11 Juillet 2010.

Lire la suite de : FreetuxTV

29
07 | 10

Repas du club info avec fancybox

1 commentaire(s)

Promouvoir cet article sur : Identi.ca Delicious Facebook

Début juillet, nous nous sommes réunis autour d'un pique-nique chez Joël et Sandrine.
Bonne humeur, journée ensoleillée ; tout était au rendez-vous pour clôturer la saison.
Voici quelques photos souvenir :

Lire la suite de : Repas du club info avec fancybox

27
07 | 10

Pluxml version 5.0

2 commentaire(s)

Promouvoir cet article sur : Identi.ca Delicious Facebook

J'ai fait la mise à jour de mon blog en passant à la version 5.0 de pluxml.
Vous pouvez noter quelques modifications :
  • la rubrique catégories a disparu au profit d'un nuage de tags ;
  • je n'ai gardé que deux thèmes (trop de travail pour actualiser 3 ou 4 thèmes ) ;
  • une petite flèche bleue sur la droite de l'écran permet de remonter au haut de page.

Lire la suite de : Pluxml version 5.0

13
07 | 10

Mieux utiliser Google

0 commentaire(s)

Promouvoir cet article sur : Identi.ca Delicious Facebook

L'incontournable moteur de recherche nous révèle sa puissance sans cesse grandissante.
Mais son utilisation demande quelques techniques de recherche.
En effet, il ne suffit pas d'aligner quelques mots clés pour obtenir le lien recherché.
Pour être vraiment efficace, il faut utiliser les opérateurs.

Lire la suite de : Mieux utiliser Google

< précédente | page 2 sur 22 | suivante > | >>