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é à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
Concevoir avec Gantry 5 et le CMS Joomla un site onepage avec effet Parallaxe

ajouter ce cours aux favoris retirer ce cours des favoris

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é 72 tutoriels et obtenu une note moyenne de 4,5/5 sur 5 461 tutoriels vendus. Voir les autres formations de Laurent Briere

5,0
note moyenne

5
avis laissés
5 étoiles
5
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de membre-8383-2744 laissé le 05/07/2021
    Très bien expliqué et pragmatique.

  • 5
    avis de gb85220 laissé le 28/05/2019
    Très clair et très instructif

  • 5
    avis de membre-4690-4937 laissé le 17/11/2017
    Bon tutoriel qui permet de progresser dans ses compétences.

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


non, je ne veux pas me former gratuitement

voir notre politique de protection des données