Ajouter un arrière-plan à son site

Transcription

Ajouter un arrière-plan à son site
Bonnenouvelle.fr sites de communautés chrétiennes > Le blog > Quoi de neuf ? > Ajouter un arrièreplan à son site
Ajouter un arrière-plan à son site
vendredi 29 juillet 2016, par Mathilde Henry
Nouveau ! Vous pouvez désormais ajouter un arrière-plan à votre site et à vos mini-sites.
Voici notre tutoriel pas à pas "Ajouter un arrière-plan à son site Spip".
Choisir son arrière-plan
●
Choisir un arrière-plan de 1800 pixels de large sur 2000 pixels de haut (ou plus selon la hauteur
●
de votre page d’accueil) en jpg avec une résolution de 72 dpi (dots per inch)
Ne pas dépasser 300 Ko par arrière-plan pour ne pas ralentir le chargement de la page et penser à le
choisir avec les bords fondus ou unis en cas de répétition de l’image si votre page web est longue.
Fonds d’écran libres de droit pour sites web (vérifier les conditions de la licence à droite de chaque
image)
Ajouter un arrière-plan à son site
1. Chargez le fichier sur le site sur l’espace privé de votre site : Édition > Documents > Ajouter un
document (tout en bas de page à droite)
2. Une fois le document téléchargé : clic sur l’image pour afficher la vignette
3. Clic droit sur l’image : Copier l’adresse de l’image, exemple :
https://martinique.catholique.fr/IMG/jpg/fond_ecran_m.jpg
4. Coller l’adresse de l’image pour la sauvegarder
5. Copier ce code :body{
background:url('https://martinique.catholique.fr/IMG/jpg/fond_ecran_m.jpg')
top center;
}
6. Changer l’url de l’image dans le code par l’url de votre image (étape 4)
7. Aller dans Squelettes > Couleurs du site > tout en bas : 8. Style 1. Personnalisation de la feuille de
style > copier le code obtenu avec l’url de votre image, exemple :body{
background:url('https://mondomaine.fr/IMG/jpg/fond_ecran_m.jpg') top center;
}
8. Aller voir le site public pour admirer votre nouvel arrière-plan
Ajouter un arrière-plan à un mini-site
1. Sur l’espace privé du site, ajouter l’image d’arrière-plan en document [Ajouter un document] à la
rubrique du mini-site concerné
2. Modifier l’image en mettant en titre fond_fr
3. Enregistrer
4. Aller voir votre mini-site public pour admirer votre nouvel arrière-plan
P.-S.
Vous pouvez tester avec les deux arrière-plans libres de droit à télécharger (clic droit : Enregistrer sous).
Merci au diocèse de Martinique, qui nous a permis de développer cette option et de la mettre à la
disposition de tous.