Home » Tutoriel de customisation d’une boutique Zlio

Tutoriel de customisation d’une boutique Zlio

Tutorial boutique ZlioVous 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 :
downloadTutorial customisation d’une boutique ZLIO

Tags: , , , , , , , , , , , ,


51 comments:

  1. admin, 4. février 2007, 19:16

    En espérant que ce tutoriel vous convienne. N’hésitez pas à me laisser vos commentaires et suggestions d’améliorations.

    Merci

     
  2. Julien, 4. février 2007, 21:29

    Très complet et vraiment très bien fait. Bravo !

     
  3. Jeff, 4. février 2007, 21:41

    Hello
    Bravo clem pour ce travail formidable, tout est clair, bien expliqué, ca me donne des idées pour la suite. J’imagine les heures de travail fournies. tu es méritant, bravo, bravo et re-bravo!!!!!
    A bientot
    Jeff

     
  4. Ring, 4. février 2007, 21:50

    Bravo Doomer pour cet excellent tuto !
    C’est clair, exaustif, très bien rédigé.
    Du VRAI travail de pro !
    Ce tuto va devenir notre bible à tous et mériterait une citation en bonne place sur le blog zlio.
    Encore bravo et un grand merci pour tes efforts.
    Ring

     
  5. Kanayama (http://enviedejapon.zlio.com), 4. février 2007, 21:58

    Merci à toi, je n’ai plus d’excuse maintenant pour ne pas m’y mettre moi aussi…

    Kanayama
    http://enviedejapon.zlio.com

     
  6. dan88, 4. février 2007, 22:03

    Génial !

    suberbe tutoriel, bien expliqué et ilustré, je te félicite et te remercie
    pour ton travail, bravo !

    ; )

     
  7. jerome-objectif-zlio, 4. février 2007, 23:59

    On l’a attendu… le resultat est à la hauteur… Bravo doomer c’est nickel !!!!
    jerome

     
  8. philippe, 5. février 2007, 0:18

    Ouaahhhhhhhhhhh, ce sont les premiers mots qui me viennent.

    Apres lecture, un peu rapide pour ce soir, je dirais… … Ouaaaaaahhhhhhhhhhhh :)

    Vraiment splendide. Toutes mes sincères félicitations. C’est de l’excelent travail.

    Si tu accepte que beaucoup de gens téléchargent ton Enorme Travail, fais moi un petit signe par mail. Je me ferais un plaisir de faire un billet spécial sur AccessOWeb.

    Encore bravo

     
  9. Solarius, 5. février 2007, 0:31

    Bon boulot ;)

     
  10. Directeur des ventes, 5. février 2007, 4:24

    Salut Doomer,

    un coup de chapeau, temps bien investi, c’est du beau travail.

    Amitiés.

     
  11. Dj SAMY, 5. février 2007, 12:40

    Joli boulot ! chapeau !
    bonne continuation ;-)
    amicalement !

     
  12. Nico, 5. février 2007, 18:34

    Beau travail.

     
  13. 1OO% De Funès, 5. février 2007, 18:41

    Juste un mot : Epatant !
    Bravo !

    Franck
    1OO% De Funès
    http://defunes.zlio.com

     
  14. Mickael, 5. février 2007, 21:07

    Merci beaucoup. C’est vraiment parfait pour moi. :-)
    Avec mes minces connaissances j’avais déjà commencé à bidouiller un peu l’apparence de mes boutiques, mais grâce à ce tutoriel j’vais pouvoir rendre mes Zlio encore plus Zoli ;-)
    http://materiel-hd-haute-definition.zlio.com
    http://e-xpressions.zlio.com
    http://idees-cadeau-original-insolite.zlio.com

    Merci encore et je te souhaite de nombreuses commissions…

     
  15. cemoiyoyo, 5. février 2007, 21:38

    waouuuuuuuu super,
    et moi qui me suis fait CH…………….R pour rien !!LOL
    Bravo bon bouleau

    http://produits-du-terroir.zlio.com

    http://cpascher.zlio.com

    http://achat-piscines.zlio.com

    http://discount-bricolage.zlio.com

     
  16. philippe, 6. février 2007, 8:51

    Franchement, bravo et un grand merci, depuis le temps que je cherche (et parfois sans résultat !!) à modifier ma boutique.

    C’est vraiment simple de ne dire que merci !!!!!

    C’EST GEANTISSIME !!!

    Philippe

     
  17. selenna, 19. février 2007, 23:51

    BRAVOOO!!!!! Tres bon travail,ne lache pas.
    http://sexytation.zlio.com

     
  18. jeff, 25. février 2007, 21:02

    C’est de loin la plus belle boutique zlio que j’ai pu voir. on a envie d’aller plus loin chez les mangas. un grand bravo Clem. clap clap
    Jeff
    http://brest-discount.zlio.com
    http://brest-voyance.zlio.com
    http://brest-voyance.fr
    merci pour tout

     
  19. PS3, 27. février 2007, 12:21

    Merci beaucoup pour ce tutoriel. Il est clair et accessible. C’est un vrai “must have” pour tous les zlionautes, je le transfert à tous mes collègues.

    Olivier

     
  20. Thierry H, 1. mars 2007, 1:01

    salut,

    Je vois bien que tout le monde trouve cela très bien , alors je me trouve un peu CON par ce que je n’y comprends rien. Et pourtant j’aimerais tellement améliorer mon site.
    Alors voilà tant pis pour moi !

    Salut et merci quand même
    Thierry

     
  21. Chill66, 1. mars 2007, 3:08

    Très beau travail et très généreux de ta part.Je crois que ce tuto aidera beaucoup de gens à démêler tout ces codes.

    Un Gros bravo Doomer!
    I
    \___/

     
  22. Chill66, 1. mars 2007, 3:10

    j’avais oublié!

    http://sexxxshop.zlio.com

    Merci encore Doomer.

     
  23. Bascor, 16. mars 2007, 10:57

    Salut,
    Superbe travail, je débute et ça va me faire gagner un temps fou.
    Merci et bonnes ventes

     
  24. lejeune joel, 19. mars 2007, 4:37

    Super et trés utile ! bravo!!

     
  25. Joël LEJEUNE>, 19. mars 2007, 14:57

    Salut !

    lu attentivement tes pages mais si c’est bien expliqué en détail, il faut tout de même être de la partie pour “Piger” tout ce charabia informatique…

    En bref, je ne comprends RIEN ! et n’essaierai meme pas au risque de démonter complétement monzlioshop. Pas pour des amateurs tout çà !

    Enfin merci quand même car je suis sûr que celà servira pour d’autres utilisateurs plus chevronnés ou assidus du Web. Merci !

     
  26. Clarky, 12. mai 2007, 10:25

    Merci encor pout tout
    g plus ka mi mettre smile_niais

    consoleplus.zlio.com/
    meublesdejardin.zlio.com/…
    macintouch.shopinblog.com…
    coffretdvd.zlio.com/
    equipement-auto.zlio.com/

     
  27. Philiipe feuger, 20. mai 2007, 18:26

    Bonsoir Clément,
    je viens de créer ma zlioshop et cela est très dur pour moi.
    Merci et franchement bravo pour ton aide dans ce tavail superbe.
    Bonne continuation,
    Philippe

     
  28. Piemchien, 6. juin 2007, 9:38

    Bravo pour ce tuto
    Je maitrise bien le CSS, mai cette doc très bien faite va m’éviter plusieurs heures d’analyse. Je vais pouvoir m’attaquer direct aux modifs.
    Bravo pour le temps passé.
    Pierre

     
  29. Guillaume, 14. juin 2007, 9:03

    merci énormément !

     
  30. Jean - Jacques, 26. juin 2007, 17:50

    Bonjour,
    Tout d’abord merci pour le tutoriel, je n’y connais pas grand chose en informatique mais je vais essayé de comprendre ! lol
    Par contre j’ai un problème et je n’ai pas trouvé la réponse dans votre guide : Je viens d’inclure des liens en bas de page et ils se positionnent tous à la verticale, il y a t-il un moyen de les aligner ?
    Si vous pouvez me donner un coup de main, je vous remercie d’avance.
    J.J.

     
  31. mary, 2. juillet 2007, 13:27

    Très beau travail,utile à tous les zlionautes,Merci et bonnes ventes

     
  32. massu7, 19. juillet 2007, 14:51

    Bonjour,

    Y aurait il une personne bien veillante pour m’envoyer ce guide je n’arrive pas à le télécharger !
    D’avance Merci.

    Fabien

     
  33. escapade59, 19. juillet 2007, 16:29

    Ou est le telechargement??Impossible de le trouver.Je clique sur le lien mais il m’envoit sur une autre page.SNIF SNIF…
    Pourtant ca m’a l’air super ton travail!!
    Bonne vente…

     
  34. Benjamin, 20. juillet 2007, 17:20

    Salut,
    je n’arrive pas télécharger ton tuto. Le lien est cassé ?
    Merci pour ton aide.
    Benjamin

     
  35. vtn, 20. juillet 2007, 18:17

    bravo pour ce tutoriel

    ma boutique non customisée (:!) http://anniversaire.zlio.com

     
  36. jonathan, 20. juillet 2007, 21:57

    bonjour,

    j’aimerais beaucoup téléchargé votre tutoriel, mais lorsque je clique sur le lien, je suis automatiquement redirigé vers la homepage de kiveo.com. J’ai essayé avec plusieurs navigateurs et plusieurs ordis mais rien n’y fait, je ne comprends pas pourquoi. Pouvez vous regarder ce probleme ou bien m’envoyer directement le tutoriel a l’adresse email indiquée ci-dessus SVP?

    D’avance merci, j’ai hate de le lire compte tenu des louanges laissées en commentaires ci-dessus!

    Cordialement,
    Jonathan

     
  37. Niala01, 24. juillet 2007, 10:33

    Bonjour,
    Je n’arrive pas à télécharger le tuto, le lien semble inaccessible..
    Help ! ;-(

     
  38. jay, 27. juillet 2007, 15:43

    Bonjour,

    Je suis surement très débile mais je ne peux pas télécharger le guide quand je clique dessus ça m’ammène à une autre page c tout ! Can you help me ?

    Merci

     
  39. anima, 29. juillet 2007, 16:52

    Ou est le tuto ?

     
  40. Picaud, 29. juillet 2007, 17:53

    euh, je me sens un peu bête mais je n’arrive pas à télécharger le tutoriel, le lien m’envoie vers la page où il y a l’article sur le nombre de téléchargement du fameux tutoriel mais rien ne se passe d’autre…HELP !

     
  41. alexis, 30. juillet 2007, 11:04

    Bonjour,

    je n’arrive pas à télécharger votre tutoriel. J’arrive sur la page d’accueil après avoir cliqué sur le lien. Est-il possible que vous le remettiez en download ?

    merci d’avance

     
  42. touba, 30. juillet 2007, 23:35

    vous allez trouver ça drole mais je ne trouve pas le lien pour le téléchargement :0
    je suis le lien de cette page mais j’arrive sur une autre page ou le lien est introuvable…

    et j’ai pas bu…………….

    http://club-scootergt.zlio.com

     
  43. AUTEXIER Cédric, 31. juillet 2007, 14:59

    Salut Doomer,

    Alors comme ça tu est le grand manitou de ZLIO?
    En tout cas, les zlionautes parlent de toi en des termes très elogieux et je pensent qu’ils sont mérités au vu du travail que tu fournis pour nous !

    Moi, je suis un nouvel arrivant sur ZLIO, alors je ne suis pas encore bien au fait des aspects de customdes boutiques, c’est pourquoi ton tutorial qui semble très exaustif m’intéresse beaucoup et que j’aimerais le télécharger.

    Malheureusement pour moi, quand je clique sur la fleche verte pour le telecharger, au lieu d’ouvrir la fenêtre de telechargement, je suis renvoyé vers une autre page de ton blog… et pour tout te dire, je tourne en rond !!!

    Est-ce que tu pourrais m’aider à résoudre le problème stp?

    Amicalement,

    Cédric.

     
  44. rumeur2jeux, 5. août 2007, 23:26

    Super boulot. J’aimerai juste savoir comment on peut faire un copier veenant du document pdf puisqu’il y a un code ?

    Encore beau boulot.

    Boutique de jeux classer par univers fantastiques

     
  45. admin vente, 13. août 2007, 19:39

    Beau travail, merci a toi.

    ________________________________
    http://jeux-video-discount.zliostore.com/

     
  46. pitaine, 10. novembre 2007, 19:06

    bonjour a tous, moi le tuto c’est ok , mais pour l’appliquer c’est autre chose,il y a plein de truc que j’arrive pas a faire ,comme le module msn ou elargir ma boutique.

     
  47. pitaine, 10. novembre 2007, 19:07

    excusez moi oublie de mettre mon lien de boutique

     
  48. NoX, 28. décembre 2007, 15:39

    bonjour et merci pour ce superbe tutorial !

    ———————————–
    http://kipling.zlio.com

     
  49. zerone, 4. janvier 2008, 4:46

    Whaooo… pas mal. Merci beaucoup pour l’information. Je suis moi-même en phase de customisation sur ma première boutique et je n’ai pas encore touché à la seconde. Je poursuis donc le travail avec une aide supplémentaire. Merci…

    Le travail des CSS sur la plateforme est assez bien fait (même si perfectible sur le plan ergonomique).

    ______________________________________________

    http://designstyledevie.boutiblog.com
    http://cinema-dvd-cinephiles.boutiblog.com

     
  50. negus, 11. janvier 2008, 15:01

    Je crois qu’il y a un autre tutoriel mais je ne sais plus l’adresse

     
  51.  

    […] Nous vous invitons à lui laisser un message sur son blog Kiveo afin de le remercier si le guide vo… […]

     

Ecrire un commentaire: