Appliquer des effets Rellax et Tilt dans WordPress et Oxygen 2
Appliquer des effets Rellax et Tilt dans WordPress et Oxygen 2
Dans ce tuto en vidéo, réalisez un exercice de synthèse avec la mise en page d'une structure HTML et CSS complexe et l'intégration d'un formulaire d'inscription à une newsletter dans un popup avec l'aide d'Oxygen Builder pour WordPress.
Au programme de ce tuto :
- Concevons une page WordPress avec plusieurs sections, contenant une ou plusieurs colonnes.
- Entêtes, zone de texte courant, boutons, icônes... seront insérés sans ligne de code avec l'appui d'Oxygen.
- Un bouton se chargera d'appeler une popup (fenêtre surgissante) contenant le code source HTML et Javascript d'un Widget externe.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur le cours.
Bon tuto
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Leçon 1
Présentation de la formation
Présentation de la formation
Leçon 2
Étape 1 : Concevoir la structure et les 3 sections HTML
Étape 1 : Concevoir la structure et les 3 sections HTML
Leçon 3
Étape 2 : Concevoir la première section avec un texte ombré, transparent et superposé à une image d'arrière-plan (Partie 1)
Étape 2 : Concevoir la première section avec un texte ombré, transparent et superposé à une image d'arrière-plan (Partie 1)
Leçon 4
Étape 2 : Concevoir la première section avec un texte ombré, transparent et superposé à une image d'arrière-plan (Partie 2)
Étape 2 : Concevoir la première section avec un texte ombré, transparent et superposé à une image d'arrière-plan (Partie 2)
Leçon 5
Étape 3 : Réalisation de la troisième section et une structure en 3 colonnes
Étape 3 : Réalisation de la troisième section et une structure en 3 colonnes
Leçon 6
Étape 4 : Ajouter le bouton et le code HTML du formulaire d'inscription à la newsletter affiché en popup
Étape 4 : Ajouter le bouton et le code HTML du formulaire d'inscription à la newsletter affiché en popup
Plan détaillé du cours
Leçon 1Présentation de la formation
02m06
Leçon 2Étape 1 : Concevoir la structure et les 3 sections HTML
07m12
Leçon 3Étape 2 : Concevoir la première section avec un texte ombré, transparent et superposé à une image d'arrière-plan (Partie 1)
09m43
Leçon 4Étape 2 : Concevoir la première section avec un texte ombré, transparent et superposé à une image d'arrière-plan (Partie 2)
11m05
Leçon 5Étape 3 : Réalisation de la troisième section et une structure en 3 colonnes
18m32
Leçon 6Étape 4 : Ajouter le bouton et le code HTML du formulaire d'inscription à la newsletter affiché en popup
12m10
Aperçus
