Texte 25/25/25 avec image | Community

Texte 25/25/25 avec image

Ce tutoriel vous présente comment effectuer un bloc avec 4 blocs textes avec une image pour illustrer qui prennent chacun 25% de la largeur.

Mauris vitae quam in justo dictum sodales. In eget tortor a nunc vehicula tempor. Nam ac tincidunt ipsum, eget accumsan nisi. Praesent porta, magna vitae dapibus pharetra, erat eros efficitur nunc, in mattis lectus libero a velit. Nulla facilisi.

Fusce at nisi arcu. Quisque sed dolor nec dui scelerisque dapibus. Sed at purus at sem aliquet luctus. Sed non massa sit amet sapien porttitor ornare. Vivamus pretium, tortor at tempus ullamcorper, diam ligula lobortis quam, at scelerisque libero lectus ut risus.

Mauris vitae quam in justo dictum sodales. In eget tortor a nunc vehicula tempor. Nam ac tincidunt ipsum, eget accumsan nisi. Praesent porta, magna vitae dapibus pharetra, erat eros efficitur nunc, in mattis lectus libero a velit. Nulla facilisi.

Fusce at nisi arcu. Quisque sed dolor nec dui scelerisque dapibus. Sed at purus at sem aliquet luctus. Sed non massa sit amet sapien porttitor ornare. Vivamus pretium, tortor at tempus ullamcorper, diam ligula lobortis quam, at scelerisque libero lectus ut risus.

Phasellus ac eros at urna condimentum lacinia. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed bibendum, sapien a venenatis fermentum, mauris augue cursus turpis, vitae elementum massa orci sit amet massa. In hac habitasse platea dictumst.

Praesent quis orci sit amet ante facilisis suscipit. Integer in eros molestie, ultricies arcu ac, cursus quam. Nulla facilisi. Ut egestas semper magna ac condimentum. Aliquam erat volutpat. Sed bibendum sollicitudin orci, at viverra metus vehicula sed.

Phasellus ac eros at urna condimentum lacinia. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed bibendum, sapien a venenatis fermentum, mauris augue cursus turpis, vitae elementum massa orci sit amet massa. In hac habitasse platea dictumst.

Praesent quis orci sit amet ante facilisis suscipit. Integer in eros molestie, ultricies arcu ac, cursus quam. Nulla facilisi. Ut egestas semper magna ac condimentum. Aliquam erat volutpat. Sed bibendum sollicitudin orci, at viverra metus vehicula sed.

  • Créer un bloc
    • Type : "Conetneur" 
    • Mise en page : "Texte 25/25/25/25"
    • En option : Créer un effet card sur le texte
      • Mise en page :
        • "arrondi"
        • "ombrage"
    • Enregistrer
  • Créer un premier bloc enfant au conteneur
    • Type : "Conteneur"
    • Mise en page : "Texte 25"
      • En option : Créer un effet card sur le texte
        • Mise en page :
          • "arrondi"
          • "ombrage"
          • "marge intérieur"
          • "mage extérieur haut / bas / gauche / droite"
        • Background pour ajouter une couleur de fond
      • Dans le conteneur créer deux blocs (l'ordre definira leur placement)
        • bloc image
        • bloc texte (la couleur du texte peut être modifié avec l'interface de texte)
  • Créer un deuxième et un troisième bloc enfant au conteneur
    • Idem que le premier
  • Enregistrer