S’abonner

CSS et JS personnalisé

María Rico

Insérez votre propre CSS et JS personnalisé

Vous pouvez utiliser javascript et CSS pour réaliser plusieurs designs, ou même pour qu'un expert le conçoive en utilisant notre plateforme.

Insérez des scripts personnalisés dans votre page

1. Haz clic en el icono JS del apartado Editar código de la barra de herramientas. Cliquez sur l'icone JS de la rubrique Éditer code de la barre d'outils



2. En cliquant dessus, une fenêtre s'ouvrira où vous pourrez ajouter le JavaScript. Vous pourrez ajouter ou enlever du code facilement avec les icônes (+)(-). N'oubliez d'enregistrer les modifications.

 Note: Assurez-vous de placer le code entre les balises <script>

De plus, il est également important de prendre en compte que ce script sera exécuté uniquement en mode aperçu ou dans une page déjà publiée (et non dans l'éditeur).

Comment inclure du CSS personnalisés dans votre page

Vous pouvez inclure le design d'une page complète, le HTML et la feuille de style (CSS) ou placer balises ID/Classe.

A) Inclure CSS et HTML.

1. Cliquez sur l'icone CSS de la rubrique Éditer code de la barre d'outils.



En cliquant dessus, une fenêtre s'ouvrira où vous pourrez ajouter les propriétés de votre classe.

CSS 1, CSS 2, etc (équivant à chacune des feuilles de style que vous avez dans votre page). Il est possible que la personne qui tombera sur votre Landing n'ait pas la source que vous utilisez installée, et verra donc la page différemment (vous pouvez dans ce cas créer une image au lieu de texte pour montrer le texte avec la source souhaitée).

2. Ajoutez le HTML. Pour cela, entraînez l'icone HTML. La fenêtre correspondante s'ouvrira. Insérez votre code HTML

 

3. Vérifiez les changements via le bouton d'aperçu.

 

 

B) Appels ID/Classe

1. Cliquez sur l'icone CSS de la rubrique Éditer code de la barre d'outils.

2. En cliquant sur celui-ci, une fenêtre s'ouvrira où vous pourrez ajouter les propriétés de votre classe.

Exemple: nous souhaitons mettre le texte en vert. Pour cela, nous ajoutons la propriété correspondante et nous lui donnons un nom à notre classe (.vert).

 

 

 

3. Nous allons dans les propriétés de l'élément. Nous cliquons sur le bouton Éditer

 

  

La fenêtre correspondante s'ouvrira. Allez à l'onglet Id/Classe La fenêtre correspondant

4. Ajoutez l'appel à la classe dans Classe CSS.

5. Vérifiez les changements en cliquant sur aperçu.

 

Cet article vous a-t-il été utile ?
Utilisateurs qui ont trouvé cela utile : 1 sur 1
Vous avez d’autres questions ? Envoyer une demande

Commentaires

Réalisé par Zendesk