Aller au menu   Aller au contenu   Aller à la recherche 





chtit truc En Avril 2005...

Envie de trouver la police d'un texte ... mais ce texte est sur une image ... pas de problème, j'ai le petit programme qu'il vous faut !
Et vous ne serez pas déçu ! icon_smile.gif

Une lightbox uniquement en CSS

Publié par j0k3r_n0ir le 26 Août 2007 à 16:31. Lu 4041 fois

Par soucis de chargement de plusieurs fichiers JavaScript sur votre page, vous pouvez très bien créer des Lightbox qui n'utilise pas de fichier externe. Sans tomber dans l'absurde de mettre tout le code dans la page, évidemment .. !

Le principe est relativement simple, il suffit d'un bloc css qui est caché à la base et qu'on affiche au milieu de l'écran ensuite. Un p'tit overlay pour mettre le focus sur le bloc, et le tour est joué.

Cependant vous perdez un peu l'effet de la ligthbox, c'est à dire son affichage "doux", son redimensionnement automatique par rapport au contenu, une éventuelle navigation dans une galerie d'image.
Cet exemple (lien externe) est juste là pour vous montrez que c'est faisable en CSS uniquement (juste une ligne de JavaScript) et de façon très simple !



Les tutoriels

puce menu[HTML] Mettre en favoris

Beaucoup de monde recherche ce genre de script assez pratique pour mettre un site en favoris. Je vais vous présenter en détail ce script qui n'est pas si compliqué que ça.

> Mettre en favoris

puce menu[PHP] Gérer les zip/dézip

Il est parfois utile de pouvoir dézipper un fichier via un script, notamment pour faciliter l'auto-installation d'un script (phpBB, dotclear ...) sur un serveur. Le fonctionnement est simple, il faut juste trouver les outils et le savoir pour le faire :)

> Gérer les zip/dézip

puce menu[MySQL] Optimiser une base de donnée

Cela peut paraître absurde ou totalement logique, mais il est bon d'optimiser de temps en temps sa base de donnée ou plutôt ses tables dans la base de donnée. Voila une explication simple du pourquoi du comment ^^

> Optimiser une base de donnée

puce menu[AJAX] Lier deux champs en autocompletion

Mon précédent tutoriel sur l'autocompletion avancée en AJAX a plu à beaucoup de monde :) Cependant, certains cherchaient (lien externe) à faire une autocompletion en liant deux champs de façon à faire un peu comme deux listes déroulantes mais en utilisant une autocompletion en AJAX (plus fun hein ?). C'est ce que je vais vous montrer maintenant...

> Lier deux champs en autocompletion