$ 7.00

Tuto Concevoir avec Gantry 5 et le CMS Joomla un site onepage avec effet Parallaxe avec Joomla

$ 7.00

  • Une formation vidéo de 43m03s
  • Téléchargement immédiat et visionnage illimité
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

Intuitif, puissant et évolutif le framework GANTRY se présente comme un outil incontournable de la conception et de la personnalisation de template pour le gestion de contenu opensource JOOMLA.

Découvrons dans cette formation comment créer une page de type ONEPAGE (page unique) avec effet parallaxe sur les images d'arrière-plan et navigation dans la page.

Au programme de ce tuto Gantry site One Page avec Joomla

Ajoutons dans un nouveau gabarit de Gantry 5, les sections supplémentaires dont nous avons besoin et affectons cette structure comme page d'accueil du site. Créons des positions pour y publier des modules Joomla, et des particules Gantry 5 de type "Custom HTML" pour y déclarer les ancres HTML utilisées pour la navigation dans la page.

Saisissons du code SCSS dans la feuille de styles personnalisée "Custom.scss" afin d'intégrer dans chacune des sections du Layout une image d'arrière-plan, fixe et couvrant toute la surface. Ajoutons enfin les liens de menu de type "Url externe" dans le gestionnaire de menu Joomla qui auront pour cible les ancres précédemment créées.

Dernière étape : intégrons une nouvelle particule pour rendre plus fluide le déplacement vertical de la page.

Ce tuto est accompagné de fichiers sources. Le formateur reste à votre disposition dans le salon d'entraide.

Table des matières de cette formation Joomla (durée : 43m03s)

    • Présentation de la formation gratuit 00:02:24
    • Comment ajouter des sections supplémentaires dans un gabarit de template Hydrogen de Gantry 5 00:09:19
    • Comment ajouter des positions de publication des modules et des particules de type 00:07:58
    • Intégration du code SCSS (CSS compilé) nécessaire pour l'insertion des images fixes d'arrière-plan des sections du layout 00:09:04
    • Ajout des liens hypertextes pour la navigation verticale et de la particule permettant un déplacement fluide souple de la page. 00:14:18



Formateur : Laurent Briere

Laurent Briere a publié 29 tutoriels et obtenu une note moyenne de 4,1/5 sur 984 tutoriels vendus. Voir les autres formations de Laurent Briere

5,0
note moyenne

1
avis laissé
5 étoiles
1
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de phink laissé le 08/07/2016
    Les tutos Gantry 5 clairs, structurés et en français ne sont pas légion sur la toile. Celui-ci en est un. La voix de Laurent Brière est posée et son français excellent. C'est suffisamment rare aujourd'hui pour qu'on le signale. Et si vous avez un souci, l'auteur sera là pour vous orienter. Je recommande.
    "C'est trop d'honneur ;-) Merci à toi!"

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    Joomla 3.2, Joomla 3.0, Joomla 3, Joomla 3.4
  • Quel est le niveau requis pour suivre ce tuto ?
    intermédiaire
accédez à plus de 1558 tuto gratuits


non, je ne veux pas me former gratuitement