Cheat Sheet old

  • Exposer

    Voici un bloc de contenu avec un masque opaque par dessus l'image d'origine qui s'enlève au survol de la souris.

    Pour utiliser ce style de bloc vous devez ajouter les class highlight et op-white-circular à ce dernier dans la zone de saisie Custom Body CSS Class.

    Attention ! Ce bloc style de bloc ne fonctionne que sur une image

    Plus...

    Visiter

    Voici un bloc de contenu avec un masque opaque par dessus l'image d'origine qui s'enlève au survol de la souris.

    Pour utiliser ce style de bloc vous devez ajouter les class highlight et op-white-circular à ce dernier dans la zone de saisie Custom Body CSS Class.

    Attention ! Ce bloc style de bloc ne fonctionne que sur une image

    Plus...
  • Slider DEV

    • Slider 01

      Voici un style de bloc avec liste à puce non numéroté personnalisée. Pour utiliser ce type de liste avec un autre pictogramme que le disque par défaut, utilisez la class ul-puce-img dans la zone de saisie Custom Body CSS Class Il vous suffit de simplement créer votre bloc et d'utiliser le bouton liste présent dans votre barre d'édition WYSIWYG sur Internet Explorer Pour changer le pictogramme de votre puce : rendez-vous dans votre File Manager, dans votre répertoire images > icons et remplacez l’image qui s’appelle puce-list.png. Attention votre image ne doit pas être renommée !

      En savoir plus sur le Pass'Port Nautique

      Plus...
    • Slider2

      Voici un style de bloc avec liste à puce non numéroté personnalisée. Pour utiliser ce type de liste avec un autre pictogramme que le disque par défaut, utilisez la class ul-puce-img dans la zone de saisie Custom Body CSS Class Il vous suffit de simplement créer votre bloc et d'utiliser le bouton liste présent dans votre barre d'édition WYSIWYG sur Internet Explorer Pour changer le pictogramme de votre puce : rendez-vous dans votre File Manager, dans votre répertoire images > icons et remplacez l’image qui s’appelle puce-list.png. Attention votre image ne doit pas être renommée !
    • Slider 03

      Voici un style de bloc avec liste à puce non numéroté personnalisée. Pour utiliser ce type de liste avec un autre pictogramme que le disque par défaut, utilisez la class ul-puce-img dans la zone de saisie Custom Body CSS Class Il vous suffit de simplement créer votre bloc et d'utiliser le bouton liste présent dans votre barre d'édition WYSIWYG sur Internet Explorer Pour changer le pictogramme de votre puce : rendez-vous dans votre File Manager, dans votre répertoire images > icons et remplacez l’image qui s’appelle puce-list.png. Attention votre image ne doit pas être renommée !

      En savoir plus sur le Pass'Port Nautique

    • Slider 04

      Voici un style de bloc avec liste à puce non numéroté personnalisée. Pour utiliser ce type de liste avec un autre pictogramme que le disque par défaut, utilisez la class ul-puce-img dans la zone de saisie Custom Body CSS Class Il vous suffit de simplement créer votre bloc et d'utiliser le bouton liste présent dans votre barre d'édition WYSIWYG sur Internet Explorer Pour changer le pictogramme de votre puce : rendez-vous dans votre File Manager, dans votre répertoire images > icons et remplacez l’image qui s’appelle puce-list.png. Attention votre image ne doit pas être renommée !

      En savoir plus

  • Nos Partenaires

    • Voici un style de bloc avec liste à puce non numéroté.
    • Pour utiliser ce type de liste avec un disque noir d'affiché par défaut, n'utilisez aucune class
    • Il vous suffit de simplement créer votre bloc et d'utiliser le bouton liste présent dans votre barre d'édition WYSIWYG sur Internet Explorer
    1. Voici un style de bloc avec liste à puce numéroté.
    2. Pour utiliser ce type de liste, n'utilisez aucune class
    3. Il vous suffit de simplement créer votre bloc et d'utiliser le bouton liste numéroté présent dans votre barre d'édition WYSIWYG sur Internet Explorer
    • Voici un style de bloc avec liste à puce non numéroté personnalisée.
    • Pour utiliser ce type de liste avec un autre pictogramme que le disque par défaut, utilisez la class ul-puce-img dans la zone de saisie Custom Body CSS Class
    • Il vous suffit de simplement créer votre bloc et d'utiliser le bouton liste présent dans votre barre d'édition WYSIWYG sur Internet Explorer
    • Pour changer le pictogramme de votre puce : rendez-vous dans votre File Manager, dans votre répertoire images > icons et remplacez l’image qui s’appelle puce-list.png. Attention votre image ne doit pas être renommée !
    • Voici un style de bloc avec liste à puce non numéroté personnalisée.
    • Pour utiliser ce type de liste avec un autre pictogramme que le disque par défaut, utilisez la class ul-puce-img dans la zone de saisie Custom Body CSS Class
    • Il vous suffit de simplement créer votre bloc et d'utiliser le bouton liste présent dans votre barre d'édition WYSIWYG sur Internet Explorer
    • Pour changer le pictogramme de votre puce : rendez-vous dans votre File Manager, dans votre répertoire images > icons et remplacez l’image qui s’appelle puce-list.png. Attention votre image ne doit pas être renommée !
  • Layout Block 1

    Voici un bloc de contenu avec une couleur de fond primaire et un cadre.

    Pour utiliser ce style de bloc, vous devez ajouter la class "highlight" et "picto-bottom" à ce dernier dans la zone de saisie custom Body CSS Class.

    En savoir plus

  • Layout Block 1

    Voici un bloc de contenu avec une couleur de fond primaire et un cadre.

    Pour utiliser ce style de bloc, vous devez ajouter la class "highlight" et "picto-bottom" à ce dernier dans la zone de saisie custom Body CSS Class.

    En savoir plus

    Layout Block 1

    Voici un bloc de contenu avec une couleur de fond primaire et un cadre.

    Pour utiliser ce style de bloc, vous devez ajouter la class "highlight" et "picto-bottom" à ce dernier dans la zone de saisie custom Body CSS Class.

    En savoir plus

    Layout Block 1

    Voici un bloc de contenu avec une couleur de fond primaire et un cadre.

    Pour utiliser ce style de bloc, vous devez ajouter la class "highlight" et "picto-bottom" à ce dernier dans la zone de saisie custom Body CSS Class.

    En savoir plus

  • Layout Block 1

    Voici un bloc de contenu avec une couleur de fond primaire et un cadre.

    Pour utiliser ce style de bloc, vous devez ajouter la class "highlight" et "picto-bottom" à ce dernier dans la zone de saisie custom Body CSS Class.

    En savoir plus

    Layout Block 1

    Voici un bloc de contenu avec une couleur de fond primaire et un cadre.

    Pour utiliser ce style de bloc, vous devez ajouter la class "highlight" et "picto-bottom" à ce dernier dans la zone de saisie custom Body CSS Class.

    En savoir plus

  • Layout Block - Bck-third

    Voici un bloc de contenu avec une couleur de fond tertiaire, un cadre et un pictogramme.

    Pour utiliser ce style de bloc, vous devez ajouter les class "bck-color-third" et "picto-bottom" à ce dernier dans la zone de saisie Custom Body CSS Class.

    En savoir plus

  • Layout Block - Bck-third

    Voici un bloc de contenu avec une couleur de fond tertiaire, un cadre et un pictogramme.

    Pour utiliser ce style de bloc, vous devez ajouter les class "bck-color-third" et "picto-bottom" à ce dernier dans la zone de saisie Custom Body CSS Class.

    En savoir plus

    Layout Block - Bck-third

    Voici un bloc de contenu avec une couleur de fond tertiaire, un cadre et un pictogramme.

    Pour utiliser ce style de bloc, vous devez ajouter les class "bck-color-third" et "picto-bottom" à ce dernier dans la zone de saisie Custom Body CSS Class.

    En savoir plus

  • Layout Block - Bck-third

    Voici un bloc de contenu avec une couleur de fond tertiaire, un cadre et un pictogramme.

    Pour utiliser ce style de bloc, vous devez ajouter les class "bck-color-third" et "picto-bottom" à ce dernier dans la zone de saisie Custom Body CSS Class.

    En savoir plus

    Layout Block - Bck-third

    Voici un bloc de contenu avec une couleur de fond tertiaire, un cadre et un pictogramme.

    Pour utiliser ce style de bloc, vous devez ajouter les class "bck-color-third" et "picto-bottom" à ce dernier dans la zone de saisie Custom Body CSS Class.

    En savoir plus

    Layout Block - Bck-third

    Voici un bloc de contenu avec une couleur de fond tertiaire, un cadre et un pictogramme.

    Pour utiliser ce style de bloc, vous devez ajouter les class "bck-color-third" et "picto-bottom" à ce dernier dans la zone de saisie Custom Body CSS Class.

    En savoir plus

  • Layout Block 3bis

    Voici un bloc de contenu simple sans couleur de fond et sans cadre.

    Pour utiliser ce style de bloc, vous ne devez ajouter la class "highlight" et "border-color-secondary" dans la zone de saisie Custom Body CSS Class

    En savoir plus

    Layout Block 4bis

    Voici un bloc de contenu simple sans couleur de fond et sans cadre.

    Pour utiliser ce style de bloc, vous ne devez ajouter la class "highlight" et "border-color-secondary" dans la zone de saisie Custom Body CSS Class

    En savoir plus

  • Layout Block 3bis

    Voici un bloc de contenu simple sans couleur de fond et sans cadre.

    Pour utiliser ce style de bloc, vous ne devez ajouter la class "highlight" et "border-color" dans la zone de saisie Custom Body CSS Class

    En savoir plus

    Layout Block 4bis

    Voici un bloc de contenu simple sans couleur de fond et sans cadre.

    Pour utiliser ce style de bloc, vous ne devez ajouter la class "highlight" et "border-color" dans la zone de saisie Custom Body CSS Class

    En savoir plus

  • Layout Block 5

    Voici un bloc de contenu avec un couleur de fond secondaire, un cadre et un pictogramme.

    Pour utiliser ce style de bloc, vous devez ajouter les class "bck-color" et "picto-bottom" à ce dernier dans la zone de saisie Custom Body CSS Class.

    En savoir plus

  • Layout Block 5

    Voici un bloc de contenu avec un couleur de fond secondaire, un cadre et un pictogramme.

    Pour utiliser ce style de bloc, vous devez ajouter les class "bck-color" et "picto-bottom" à ce dernier dans la zone de saisie Custom Body CSS Class.

    En savoir plus

    Layout Block 6

    Voici un bloc de contenu avec un couleur de fond secondaire, un cadre et un pictogramme.

    Pour utiliser ce style de bloc, vous devez ajouter les class "bck-color" et "picto-bottom" à ce dernier dans la zone de saisie Custom Body CSS Class.

    En savoir plus

  • Layout Block 5

    Voici un bloc de contenu avec un couleur de fond secondaire, un cadre et un pictogramme.

    Pour utiliser ce style de bloc, vous devez ajouter les class "bck-color" et "picto-bottom" à ce dernier dans la zone de saisie Custom Body CSS Class.

    En savoir plus

    Layout Block 6

    Voici un bloc de contenu avec un couleur de fond secondaire, un cadre et un pictogramme.

    Pour utiliser ce style de bloc, vous devez ajouter les class "bck-color" et "picto-bottom" à ce dernier dans la zone de saisie Custom Body CSS Class.

    En savoir plus

    Layout Block 6

    Voici un bloc de contenu avec un couleur de fond secondaire, un cadre et un pictogramme.

    Pour utiliser ce style de bloc, vous devez ajouter les class "bck-color" et "picto-bottom" à ce dernier dans la zone de saisie Custom Body CSS Class.

    En savoir plus

  • Layout Block 7

    Voici un bloc de contenu réparti en deux colonnes fonctionnant ensemble.

    Le bloc de gauche est sans couleur de fond.

    Le bloc de droite à une couleur de fond primaire et un cadre.

    Pour utiliser ce style de bloc en deux colonnes, vous devez ajouter la class "highlight" et "bck-color-first" à ce dernier dans la zone de saisie Custom Body CSS Class.

    En savoir plus

    Layout Block 8

    Voici un bloc de contenu réparti en deux colonnes fonctionnant ensemble.

    Le bloc de gauche est sans couleur de fond.

    Le bloc de droite à une couleur de fond primaire et un cadre.

    Pour utiliser ce style de bloc en deux colonnes, vous devez ajouter la class "highlight" et "bck-color-first" à ce dernier dans la zone de saisie Custom Body CSS Class.

    En savoir plus

  • Layout Block 9

    Voici un bloc de contenu réparti en deux colonnes fonctionnant ensemble.

    Le bloc de gauche à une couleur de fond primaire et un cadre.

    Le bloc de droite à une couleur de fond secondaire et un cadre.

    Pour utiliser ce style de bloc, vous devez ajouter les class "highlight" et "bck-color-second" à ce dernier dans la zone de saisie Custom Body CSS Class.

    En savoir plus

    Layout Block 10

    Voici un bloc de contenu réparti en deux colonnes fonctionnant ensemble.

    Le bloc de gauche à une couleur de fond primaire et un cadre.

    Le bloc de droite à une couleur de fond secondaire et un cadre.

    Pour utiliser ce style de bloc, vous devez ajouter les class "highlight" et "bck-color-second" à ce dernier dans la zone de saisie Custom Body CSS Class.

    En savoir plus

  • Layout Block 11

    Voici un bloc de contenu avec une image en en-tête, un couleur de fond primaire et un cadre.

    Pour utiliser ce style de bloc, vous devez ajouter les class "highlight" et "border-color" à ce dernier dans la zone de saisie Custom Body CSS Class.

    En savoir plus

  • Layout Block 11

    Voici un bloc de contenu avec une image en en-tête, un couleur de fond primaire et un cadre.

    Pour utiliser ce style de bloc, vous devez ajouter les class "highlight" et "border-color-secondary" à ce dernier dans la zone de saisie Custom Body CSS Class.

    En savoir plus

  • Layout Block 12

    Voici un bloc de contenu réparti en trois colonnes fonctionnant ensemble.

    Les trois blocs ont une couleur de fond tertiaire, un cadre et un pictogramme.

    Pour utiliser ce style de bloc, vous devez ajouter les class "bck-color" à ce dernier dans la zone de saisie Custom Body CSS Class.

    En savoir plus

    Layout Block 13

    Voici un bloc de contenu réparti en trois colonnes fonctionnant ensemble.

    Les trois blocs ont une couleur de fond tertiaire, un cadre et un pictogramme.

    Pour utiliser ce style de bloc, vous devez ajouter les class "bck-color" à ce dernier dans la zone de saisie Custom Body CSS Class.

    En savoir plus

    Layout Block 14

    Voici un bloc de contenu réparti en trois colonnes fonctionnant ensemble.

    Les trois blocs ont une couleur de fond tertiaire, un cadre et un pictogramme.

    Pour utiliser ce style de bloc, vous devez ajouter les class "bck-color" à ce dernier dans la zone de saisie Custom Body CSS Class.

    En savoir plus

  • Layout Block 15

    Voici un bloc de contenu réparti en deux colonnes fonctionnant ensemble.

    Les deux blocs ont une image en en-tête, un titre surligné avec la couleur secondaire, une couleur de fond primaire et un cadre.

    Pour utiliser ce style de bloc, vous devez ajouter la class "highlight" et "overlay-head" à ce dernier dans la zone de saisie Custom Body CSS Class.

    En savoir plus

    Layout Block 16

    Voici un bloc de contenu réparti en deux colonnes fonctionnant ensemble.

    Les deux blocs ont une image en en-tête, un titre surligné avec la couleur secondaire, une couleur de fond primaire et un cadre.

    Pour utiliser ce style de bloc, vous devez ajouter la class "highlight" et "overlay-head" à ce dernier dans la zone de saisie Custom Body CSS Class.

    En savoir plus

  • Layout Block 17

    Voici un bloc de contenu réparti en deux colonnes fonctionnant ensemble.

    Les deux blocs ont une image en en-tête, un titre surligné avec la couleur tertiaire, une couleur de fond primaire et un cadre.

    Pour utiliser ce style de bloc, vous devez ajouter la class "highlight" et "overlay-head-third" à ce dernier dans la zone de saisie Custom Body CSS Class.

    En savoir plus

    Layout Block 18

    Voici un bloc de contenu réparti en deux colonnes fonctionnant ensemble.

    Les deux blocs ont une image en en-tête, un titre surligné avec la couleur tertiaire, une couleur de fond primaire et un cadre.

    Pour utiliser ce style de bloc, vous devez ajouter la class "highlight" et "overlay-head-third" à ce dernier dans la zone de saisie Custom Body CSS Class.

    En savoir plus

  • Layout Block 19

    Voici un bloc de contenu avec une image à gauche, une couleur de fond primaire et un cadre.

    Pour utiliser ce style de bloc, vous devez ajouter la class "image-left" et "highlight" à ce dernier dans la zone de saisie Custom Body CSS Class.

    En savoir plus

  • Layout Block 20

    Voici un bloc de contenu avec une image à droite, une couleur de fond primaire et un cadre.

    Pour utiliser ce style de bloc, vous devez ajouter la class "image-right" et "highlight" à ce dernier dans la zone de saisie Custom Body CSS Class.

    En savoir plus

Nous utilisons des cookies pour faire fonctionner ce site Internet, améliorer son utilisation et vous proposer des offres et services adaptés à vos centres d'intérêt. Veuillez noter qu'en utilisant ce site, vous consentez à l'utilisation de cookies. Pour toute information sur les cookies notamment comment les gérer, cliquer ici