• Hasard
• Translate
• RSS
• Twitter
• +Page
• fb
• A propos
• Contact

NeoSting.net
Le petit journal d'un passionné de nouvelles technologies et pour le partage de la culture.

• Actualité
• Services
• Jeu vidéo
• Vidéos
• Logiciels
• Matériels
• Musique
• Art
• Wordpress
• Aides

# l’image de fond qui ne « scroll » pas

Petit retour du côté des CSS. Pour ceux qui aiment peaufiner leur blog, comme moi, il est possible très facilement de le décorer avec les feuilles de style. Voici une petite astuce à connaitre qui permet d'empêcher l'image de fond de votre blog ou site de bouger, en même temps que le contenu.

Pour ce faire il faut aller dans la feuille de style de votre thème (un fichier ".css" et de trouver ou déclarer la balise body. Une fois dedans, il faudra appeler et gérer votre image comme ceci :

Explication de l'exemple ci-dessous

• On déclare l'image fond-du-site.png dans le répertoire images
• On demande que l'image se répète à l'infini
• On rend cette image fixe et indépendante du contenu

background-image: url(images/fond-du-site.png);
background-repeat: repeat;
background-attachment: fixed;

Voilà, c'était très simple avec la propriété "background-attachment", et si vous ne le saviez pas, ce sera enfin réglé.

Pourquoi les commentaires sont fermés ?

Articles pouvant vous intéresser

• Créer gratuitement des beaux backgrounds
• Créer une image cliquable sans texte
• Créer un fond pour twitter avec The Gimp
• CSS3: plusieurs images dans une seule boite
• Une icône dans un formulaire [input]

Les articles populaires du moment

• Les anonymous, un idéal à soutenir pour préserver ses droits
• Free mobile : vers un accord d'itinérance Orange caduque ?
• DRM et Ubisoft : de nombreux jeux injouables à partir du 7 février
• Les antivirus, bientôt totalement inutiles sur l'Android Market
• Tenter de récupérer ses fichiers sur megaupload grâce à l'EFF

Calendrier, informations, crédits et remerciements