Tutoriel LMSOFT

<style type="text/css">
body
{
    background:url('./large_space_1920x1200.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
</style>

Notez cependant que le URL doit être remplacé par l'URL de l'image que vous utilisez. Dans l'exemple ci-haut, ./ fait référence au dossier où la page se trouve. On peut également mettre un URL complet à cet endroit (http://www.monserveur.com/dossier/fichier.ext). La majorité des formats d'images sont supportés mais bien évidemment nous conseillons une image d'au moins 1900x1200 en taille. Nous conseillons également fortement d'utiliser un logiciel d'édition d'image pour optimiser l'image pour qu'elle soit la plus petite possble en taille. Toute image dépassant 1 mega octet est à éviter et 200k est une bonne cible. Dans l'exemple ci-haut, c'est une image de 660k.

N'hésitez pas à lire la documentation sur Google concernant les fonctions CSS de background, y'a plusieurs paramètres qui peuvent modifier le comportment de ce type d'image.

L'Équipe LMSOFT

Tutoriel:

Avoir une image de fond plein écran

Ce tutoriel explique comment avoir une image de fond qui s'adapte à toutes les tailles d'écran. En effet, bien que WC offre des possibilités de fond d'écran parfois on peut désirer plus de flexibilité. Pour les usagers plus avancés, il est possible d'aller vers d'autres avenues en utilisant du code additionnel dans un Élément Web. Ce tutoriel ne s'applique qu'à la version 6 du logiciel et doit être adaptée pour les versions précédentes (voir le forum pour ces versions).

L'image que l'on voit à l'arrière de la page actuelle est le résultat que cet exemple permet d'obtenir.

Pour obtenir le résultat, il faut simplement ajouter le code suivant à un Élément Web sur votre page: