background preloader

TP2

Facebook Twitter

Navigation à onglets fluides avec les transitions CSS - Créer un menu avec display: table-cell. Note : ce tutoriel a été initialement publié dans WebDesign Magazine Hors-série 16. Suivez pas à pas les 18 étapes de ce tutoriel. 01 - La structure HTML La première étape de ce tutoriel consiste à créer notre structure HTML. Pour ce menu, nous avons besoin d’une liste de liens. <ul><li><a href="#1">Home</a></li><li><a href="#2">Portfolio</a></li><li><a href="#3">News</a></li><li><a href="#4">Labs</a></li><li><a href="#5">Contact</a></li></ul> 02 - Le CSS de base...

Place aux CSS maintenant ! 03 - Un menu horizontal Pour passer notre menu vertical en menu horizontal, afin d’avoir chaque élément côte à côte, nous allons utiliser le modèle de boite tabulaire de CSS. 04 - Création d’un dégradé linéaire Ajoutons à présent un dégradé linéaire en CSS pour visualiser notre menu. 05 - Compatibilité du dégradé Bien que la syntaxe des dégradés soit finalisée, l’utilisation de préfixes est obligatoire pour fonctionner sur les navigateurs plus ancien qui sont sur le marché. 08 - Style des liens.

jQuery Google style menu Example.

Menu

Carton. Coucou - bag organizer, innentasche, borsa interna, poche intérieur. Shops for kids | Kids e-boutique the Little Zebra. Men & Womens Shoes | Quality, Comfortable Footwear. Little Catwalk - SALES in your fashion clothing shop for kids, babies and newborn with the trendiest designers. Graphic contest, community and shop | Decate - The Graphic Playground. Chaussettes Made in France dans 48 couleurs ! - Archiduchesse.

Cadeaux bébés et cadeaux de naissance - Presque Parfait.