une image de fond mosaique images

obtenir ces boutons

Ajouter une mosaïque d'images en fond d'écran

Une image de fond cela peut aussi être, comme pour cette page, une petite image répétée de gauche à droite et de haut en bas.

Exemple de codes à ajouter pour modifier l'arrière-plan : dans un message ou un gadget HTML/JavaScript :

<style type="text/css">body{background: url(http://46.img.v4.skyrock.net/465/fond-mosaique-pour-blog/pics/2345301299_1.jpg) repeat fixed top left}</style>

On peut aussi modifier le template du blog en y ajoutant :
body{background: url(http://46.img.v4.skyrock.net/465/fond-mosaique-pour-blog/pics/2345301299_1.jpg) repeat fixed top left}

Une petite image est reproduite de gauche à droite et de haut en bas, par l'instruction "repeat".

Si on veut uniquement un affichage horizontal, utiliser "repeat x".

Si on veut uniquement un affichage vertical, utiliser "repeat y".

* * * * *
5700 autres images pour réaliser une mosaïque sont disponibles sur : ce site.

De nombreux autres codes sont disponibles sur : ce site.

Le site http://bgpatterns.com/ permet de créer soi-même une image de fond en mosaïques en choisissant : le dessin, la couleur, la couleur de fond, l'orientation, ... On visualise et on sauvegarde.

* * * * *

Rappel : comment ajouter un gadget HTML/JavaScript sur un blog.

* * * * * * * *
On peut donner au fond des messages un aspect "papier" en y plaçant une mosaïque d'images :

Le code à ajouter dans :

#outer-wrapper {

est :

background: url(http://www.blogblog.com/moto_son/innerwrap.gif) repeat;


On peut ainsi obtenir des résultats étonnants comme un aspect "cuir" sur ce site.

* * * * * * * *
Exemple d'image de fond ajoutée à l'arrière d'un gadget (ici la liste de libellés) :

#Label1{
background:red url(http://...) top left ;
}

Aucun commentaire: