Ajouter une image de fond en CSS dans un iframe

T.V -

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 les fichiers multimédia.

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).

Capture d’écran, le 2023-10-11 à 17.06.08.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.

Cet article vous a-t-il été utile ?

Can’t find the answer you need?

Send us a question and connect with an expert to get personal assistance.

Contact support

Vous ne trouvez pas les réponses que vous cherchez ?

Nous sommes là pour vous aider. Envoyez-nous une demande en direct !

Contacter le support
helpcenter experts