Flocons qui tombent

05.04.2011

SOLUTION NO.1 - AVEC LE CODE "marquee"

IMAGES QUI TOMBENT SUR TOUT LE BLOG
CODE POUR TOUS LES BLOGS MÊME EN CONFIANCE

Les objets tombent au début du blog à la hauteur désirée ( c'est vous qui décidez)

PAS BESOIN DE JAVA SCRIPT
POUR QUE DES DES FLOCONS ( OU AUTRE IMAGE) TOMBENT SUR VOTRE BLOG

IMPORTANT: VOTRE IMAGE DOIT ÊTRE EN .GIF et

PAS TROP GROSSE - environ 24 x 24 pixels plus ou moins

NOTE: Le seul problème avec "marquee" c'est que sur toute la hauteur de la descente de l'image, aucun clic sur vos liens ne sera en fonction. C'est pourquoi j'ai réduit la hauteur (height ) des flocons qui tombent sur mon blog entre 50 et 200 pixel. Ainsi il n'y a que mon entête qui est enneigée.

** Vous pouvez mettre autant d'image que de ligne de code. Faites des essais.

Dans cet exemple de code ci-dessous, il y a 7 images qui tomberont sur une hauteur maximale de 790 pixels (donc l'image descendra sur une distance (height) de plus ou moins 12 centimètres)

Si vous désirez plus d'images, rajouter la ligne entre <marquee et </marquee> autant de fois que désiré.
Pensez à changer la hauteur (height ) dans chaque ligne.

INSCRIRE CE CODE dans le pied de page AVEC L'ADRESSE URL DE VOTRE IMAGE

** DANS CE CODE LA HAUTEUR ( HEIGHT) N'A PAS ÉTÉ RÉDUITE **

<p>
<marquee behavior="scroll" direction="down" scrollamount="2" scrolldelay="35" style="position: absolute; left: 77%; top: 26px; width: 20; height: 658px;" height="658"><img src="http://URL DE VOTRE IMAGE ICI.gif" /></marquee>

<marquee behavior="scroll" direction="down" scrollamount="3" scrolldelay="43" style="position: absolute; left: 94%; top: 84px; width: 20; height: 572px;" height="572"><img src="http://URL DE VOTRE IMAGE ICI.gif" /></marquee>

<marquee behavior="scroll" direction="down" scrollamount="2" scrolldelay="35" style="position: absolute; left: 14%; top: 125px; width: 20; height: 511px;" height="511"><img src="http://URL DE VOTRE IMAGE ICI.gif" /></marquee>

<marquee behavior="scroll" direction="down" scrollamount="3" scrolldelay="24" style="position: absolute; left: 79%; top: 102px; width: 20; height: 676px;" height="676"><img src="http://URL DE VOTRE IMAGE ICI.gif" /></marquee>
<marquee behavior="scroll" direction="down" scrollamount="2" scrolldelay="20" style="position: absolute; left: 59%; top: 100px; width: 20; height: 676px;" height="676"><img src="http://URL DE VOTRE IMAGE ICI.gif" /></marquee>
<marquee behavior="scroll" direction="down" scrollamount="4" scrolldelay="20" style="position: absolute; left: 25%; top: 56px; width: 20; height: 411px;" height="411"><img src="http://URL DE VOTRE IMAGE ICI.gif" /></marquee>
<marquee behavior="scroll" direction="down" scrollamount="4" scrolldelay="35" style="position: absolute; left: 38%; top: 15px; width: 20; height: 789px;" height="789"><img src="http://URL DE VOTRE IMAGE ICI.gif" /></marquee>
</p>

SOLUTION 2 - Comme les flocons qui tombent sur cet article

SE SERVIR D'UNE IMAGE DE FOND
FLOCONS QUI TOMBENT
DANS UN ARTICLE SEULEMENT

Trouvez-vous une image 'gif' de flocons qui tombent.

Dans votre ongler 'DOCUMENT' d'over-blog, mettez cette image dossier nommé 'flocons'

Prenez l'adresse URL de cette image et notez-là.

TAPEZ CECI ( DANS LE HTML) AU TOUT DÉBUT DE VOTRE ARTICLE OU
AU TOUT DÉBUT DE TOUT TEXTE LIBRE, PIED DE PAGE ETC...

<div style="background-image: url(http://idata.over-blog.com/URL DE VOTRE IMAGE.GIF); width: 100%; height: 100%;">

Prenez note: Cette 'neige' ou image ne tombera que sur l'article ou texte libre dans lequel vous l'aurez tapé en HTML. Elle ne tombera pas sur tout le blog ni sur les Catégories. Elle agit donc comme un fond d'écran.

SOLUTION 3 - Comme les gros flocons qui tombent en
bougeant de gauche à droite sur cet article.
Se servir d'une Image GIF transparente. Flocon26x24 descenddiagonale

Ceci n'est qu'une image en .gif qui bouge d'un côté à l'autre.

On ne peut écire dessus, c'est vraiment
comme si on ajoutait une image