Ajouter une image de fond en CSS dans un iframe

Tabata Vossen -

Y a-t-il un moyen facile d'avoir une image de fond au lieu d'une couleur dans une campagne iframe ? Oui, avec l'utilisation de CSS. Ce guide vous permettra d'ajouter une image d'arrière-plan à toute campagne iframe dans votre compte.

Chargez votre image de fond dans la Bibliothèque multimédia Qualifio.

Remarque : Vous pouvez charger n'importe quelle image (maximum recommandé : 5 Mo) d'une taille minimale de 1000 pixels de large (paysage) ou 810 pixels de large (portrait, en supposant que 810 pixels est la largeur de votre iframe).

Screenshot_2020-01-30_at_11.38.32.png

Une fois que vous avez téléchargé l'image de fond que vous souhaitez, double-cliquez dessus, ou cliquez sur le bouton droit de la souris et cliquez sur Sélectionner dans le menu. Récupérez l'URL de l'image :

Screenshot_2020-01-30_at_11.42.35.png

Grâce à l'onglet CSS (dans votre campagne, étape "apparence", section "paramètres avancés"), vous pouvez personnaliser un peu plus votre campagne. Vous pouvez donc utiliser cette méthode pour ajouter l'image de fond à celle-ci :

body {
background-image: url('URL de votre image');
}

Ensuite, collez l'URL de votre image de fond dans la règle CSS ci-dessus.

body {
background-image: url('/library/product_team_0/images/2020/example.png');
}

Cliquez sur Appliquer la CSS. Si vous prévisualisez votre campagne, vous devriez maintenant voir que l'arrière-plan est l'image que vous avez chargée !

Une fois que vous êtes satisfait(e) de l'apparence de la campagne, cliquez sur Quitter et sauvegarder dans le coin inférieur droit de l'éditeur.

Remarque : Par défaut, l'image de fond est positionnée dans le coin supérieur gauche de son contenant (dans ce cas : l'iframe de votre campagne), et répétée à la fois verticalement et horizontalement si elle est plus petite que ce dernier.