Restez connectés !

Voici la démo pour voir un multi-menu déroulant, en utilisant border-radius, box-shadow, et text-shadow.

Il rend parfaitement sur Firefox, Safari et Chrome.

La liste déroulante fonctionne également sur la non-CSS3 compatible navigateurs tels que IE7 +, mais les coins arrondis et ombrés ne seront pas rendus.

Voir le tutoriel ici

Voir la démo ici

Ajouter à Facebook

Un menu horizontal, c’est bien… Un menu horizontal qui déroule, c’est mieux !… Oh enfin, mieux… Ça dépend des goûts et des besoins. Mais ça peut être utile.

Le menu sera fait sous forme d’une liste à puces que l’on va contraindre à devenir horizontale, mais ce sera, en plus, une liste à puces imbriquée qui va donc être démasquée par rollover.

Fonctionne avec :

* Firefox 3
* IE 7
* SeaMonkey
* Opéra 9
* Safari 3
* Camino 1.6
* Chrome

Attributs utilisés :

* background-color
* color
* display
* float
* height
* list-style-type
* padding
* position
* margin
* text-align, text-decoration
* width

Voir le tutoriel : http://css.mammouthland.net/menu-horizontal-deroulant-en-css.php

Voir la démo : http://css.mammouthland.net/menu_horizontal_deroulant.html

Ajouter à Facebook

Voici un nouveau plugin jQuery jqFancyTransitions permettant d’afficher des diaporamas avec des effets de transition sympas.

jqFancyTransitions est un plugin jQuery pour des diaporamas photos, il supporte 3 types de transition:

• Vague
• rideau
• tirette

Vous avez la possibilité de choisir la direction et la position de l’animation

Les options de configuration sont

• Vitesse du titre
• Opacité du titre
• délai entre les transitions
• délai entre les bandes
• nombre de bandes

jqFancyTransitions ne nécessite pas de liste non-ordonnée mais simplement d’une div contenant les images.

Compatible avec la majorité des navigateurs web, Licence GPL

Site Web : http://workshop.rs/projects/jqfancytransitions/
Télécharger : http://code.google.com/p/jqfancytransitions/downloads/list

Ajouter à Facebook

L’affichage d’une galerie d’images avec des miniatures menant vers la taille réelle est une chose relativement commune sur le web.

Simple Image Viewer allie une simplicité confondante pour un maximum d’impact (le script se contente des effets slideUp and slideDown intégrés à jQuery).

Le marquage montré dans l’exemple n’est pas des plus sémantiques, mais la correspondance entre la miniature et la taille réelle s’effectue avec la mise en relation de l’attribut rel pour la miniature et l’id de la taille réelle, ce qui devrait autoriser un marquage plus sémantique à base de liste de définition ou de listes ul ou ol.

Démo et téléchargement sur cette page : http://jqueryglobe.com/article/simple-image-viewer

Ajouter à Facebook

Ce thème est un peu spécial. Pour 2 raisons. D’abord c’est le premier thème qui est plus destiné aux utilisatrices qu’aux utilisateurs d’ubuntu (encore que…)

Ensuite, c’est le premier thème que l’on m’a commandé, pour l’anniversaire d’Ellanna… le nom du thème était donc tout trouvé!

Ce thème comprends:

* Le fond d’écran
* Un thème GTK
* Un thème Metacity
* Le pack d’icones basé sur « Humanity »

Pour l’installer :

- Si vous avez déja configuré les dépots bisigi, cliquez sur ce lien après avoir mis a jour les sources :  apt://ellanna-theme
(ou entrez cette commande dans un terminal:  sudo aptitude install ellanna-theme)

- Sinon rendez vous sur la page « installation » ici:

Voici quelques capture d’écran :

Ajouter à Facebook

jQuery Cycle est un plugin jQuery permettant de créer un slideshow aux effets et transitions personnalisables.

Il s’agit sans doute de l’un des plugin jQuery de slideshow les plus personnalisables en terme d’effets et transitions.

En effet, il existe environ 50 options paramètrables pour obtenir le slideshow parfait.

Article complet : http://www.lafermeduweb.net/

Ajouter à Facebook