Kiveo.com le blog qui voit web 2.0

En naviguant de sites en site, je suis tombé ce matin sur une petite perle. Le site ” http://www.toutrenover.com/ ” est au premier abord un site un peu banal quand on tombe sur la page d’accueil (on se dit alors ouai encore du flash !!). Je passe illico la page d’accueil et j’arrive sur le petit monde de Leroy Merlin facile de se repérer avec à chaque endroit de la page un domaine.

Je choisis donc de refaire ma terrasse. Ouh là, belle effet et on arrive à la première étape commenté afin de ne pas faire d’erreur. On s’aperçoit que toutes les dernières technologies Web ont été utilisées
Le fait d’avoir la liste des matériaux pour refaire sa terrasse avec la liste des prix et totalement génial afin d’avoir un aperçu du montant de la rénovation.

Les animations sont trés ludiques et facile à comprendre pour des nons bricoleurs !!! J’en suis encore bouche bé, de plus à chaque étape vous avez les matériaux utilisés avec le prix.

Le système de panier est très Web 2.0 et je trouve très bien fait (des idées sont à prendre)

En fin d’étape, vous avez la possibilité de recevoir des conseils, informations par mail et vous avez un récapitulatif des produits utilisés avec leurs tarifs.

Qui a dit qu’un site ludique, beau graphiquement et utilisant les dernières technologies ne pouvaient pas exister !

Et vous, qu’en pensez vous ?

Bonne visite sur ” http://www.toutrenover.com/ “

Vous avez une boutique Zlio mais vous ne savez pas la customiser ( c’est à dire la mettre au théme et aux couleurs désirées). Vous souhaitez ajouter des liens, des images tout est expliqué dans ce tutorial qui se décompose en plusieurs parties. La boutique pour exemple est Planète foot que j’ai décomposé de haut en bas en vous apportant une explication de chaque partie avec le détail des classes CSS pour les novices en la matiére.

• LE HEADER
• CONTENU EN DESSOUS DE L’ENTETE DE PAGE
• LE MENU DE GAUCHE
• PRESENTATION DU PRODUIT A LA UNE
• UNE CATEGORIE DE PRODUIT
• TEXTE LIBRE DE VOTRE BOUTIQUE
• PIED DE PAGE
• CLIC SUR UNE CATEGORIE ICI OLYMPIQUE LYONNAIS
• DETAILS D’UN PRODUIT
• AUTRE PRODUIT
• ZOOM SUR UN PRODUIT
• CLIC SUR COMPARAISON DES PRODUITS
• PAGE DE CONTACT
• LA BOITE MSN
• LA BOITE ZLIO
• COMPRENDRE LES CSS (FONCTIONNEMENT, HERITAGE,…..)
• QUELQUES NOTIONS
• EXEMPLE D’HERITAGE ET DE PSEUDO CLASSE
• UN AUTRE EXEMPLE DE L’HERITAGE DES CLASSES
• COMMENT CHANGER L’ENTETE DE VOTRE BOUTIQUE
• METTRE UN BANDEAU IMAGE EN ENTETE
• METTRE UNE ANIMATION FLASH EN ENTETE
• COMMENT CHANGER LE PIED DE PAGE
• METTRE UN BANDEAU IMAGE DANS LE PIED DE PAGE
• METTRE UNE IMAGE EN FOND DANS LE MODULE PRESENTATION DE VOTRE BOUTIQUE
• METTRE IMAGE DE FOND EN HAUT (TEXTE LIBRE DANS PARAMETRES)
• MODIFIER SON MENU DE GAUCHE
• CHANGER LE MENU GAUCHE OU DROIT DES CATEGORIES DE PRODUITS
• CHANGER L’ARRIERE PLAN DE VOTRE BOUTIQUE
• CHANGEZ L’ARRIERE PLAN DE SA BOUTIQUE
• MODIFIER LA LARGEUR DE SA BOUTIQUE
• CHANGER L’APPARRENCE DU MODULE ZLIO
• COMMENT CONFIGURER SA BOITE ZLIO
• CHANGER L’APPARENCE DU MODULE MSN
• DECOMPOSITION DES STYLES DE LA BOITE MSN
• INSERER DES LIENS DANS LA PRESENTATION DE SA BOUTIQUE
• INSTALLER UN MODULE DE TRADUCTION
• INSTALLER SON MODULE DE STATISTIQUES POUR SA BOUTIQUE
• LA FEUILLE DE STYLE CSS DETAILLEE
• COMMENT INTEGRER MA CSS A MA BOUTIQUE
• TRANSFERER SA FEUILLE DE STYLE SUR ZLIO

Bon courage à tous et j’espére que ce tutorial vous plaira. N’oubliez pas de voter pour ce tutorial via le bouton Fuzz et de me laisser un commentaire.

Téléchargement : Tutorial customisation d’une boutique ZLIO