Faire tomber des objets en fond d'article sur votre blog

1. Décoration de blog avec des objets qui tombent

Une petite déco sympa pour votre blog consiste à faire tomber certains objets, comme les étoiles sur cet article.

Le plus souvent, on utilise cette décoration à certains moments de l'année.

Les plus classiques sont :

* les feuilles en automne
* la neige en hiver
* les coeurs à la Saint Valentin...


2. Codes HTML

Dans votre article, passer en mode avancé, cliquer sur le bouton HTML, et recopier le code suivant, en tout début d'article.


2.1 Code pour faire tomber des feuilles :

<marquee scrollamount="3" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 850px; top: 50px; left: 120px;"><img src="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/star7.gif" border="0" /></marquee>
<marquee scrollamount="4" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 300px; top: 70px; left: 170px;"><img src="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/star7.gif" border="0" /></marquee>
<br /><marquee scrollamount="5" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 250px; top: 90px; left: 220px;"><img src="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/star7.gif" border="0" /></marquee>
<marquee direction="down" style="z-index: 645; position: absolute; width: 30px; height: 370px; top: 30px; left: 270px;"><img src="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/star7.gif" border="0" /></marquee>
<marquee scrollamount="7" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 340px; top: 30px; left: 320px;"><img src="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/star7.gif" border="0" /></marquee>
<marquee scrollamount="2" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 70px; top: 30px; left: 240px;"><img src="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/star7.gif" border="0" /></marquee>
<marquee scrollamount="3" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 50px; top: 30px; left: 140px;"><img src="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/star7.gif" border="0" /></marquee>
<marquee scrollamount="2" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 60px; top: 30px; left: 290px;"><img src="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/star7.gif" border="0" /></marquee>
<marquee scrollamount="2" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 330px; top: 30px; left: 360px;"><img src="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/star7.gif" border="0" /></marquee>
<marquee scrollamount="3" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 400px; top: 50px; left: 390px;"><img src="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/star7.gif" border="0" /></marquee>
<marquee scrollamount="4" direction="down" style="z-index: 600; position: absolute; width: 30px; height: 300px; top: 70px; left: 440px;"><img src="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/star7.gif" border="0" /></marquee>
<marquee scrollamount="2" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 300px; top: 100px; left: 470px;"><img src="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/star7.gif" border="0" /></marquee>
<marquee scrollamount="3" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 80px; top: 130px; left: 100px;"><img src="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/star7.gif" border="0" /></marquee>
<br /></span></span><marquee scrollamount="4" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 300px; top: 70px; left: 560px;"><img src="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/star7.gif" border="0" /></marquee>
<marquee scrollamount="2" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 300px; top: 100px; left: 590px;"><img src="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/star7.gif" border="0" /></marquee>
<marquee scrollamount="4" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 300px; top: 170px; left: 520px;"><img src="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/star7.gif" border="0" /></marquee>
<marquee scrollamount="2" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 300px; top: 200px; left: 610px;"><img src="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/star7.gif" border="0" /></marquee>
<marquee scrollamount="3" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 340px; top: 250px; left: 650px;"><img src="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/star7.gif" border="0" /></marquee>
<marquee scrollamount="2" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 380px; top: 290px; left: 690px;"><img src="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/star7.gif" border="0" /></marquee>
<marquee scrollamount="3" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 70px; top: 40px; left: 660px;"><img src="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/star7.gif" border="0" /></marquee>
<marquee scrollamount="2" direction="down" style="z-index: 645; position: absolute; width: 30px; height: 90px; top: 60px; left: 690px;"><img src="http://i251.photobucket.com/albums/gg294/wafpaf/fallingobjects/images/star7.gif" border="0" /></marquee>

2.2 Autres objets

Vous trouverez d'autres codes pour d'autres objets chez WishAFriend.

---

Si vous avez besoin d'explications supplémentaires, déposez moi votre question en commentaire !

---

* 5 articles a lire pour demarrer votre blog * Initiation au langage HTML * Tout pour modifier et embellir vos textes * Tout savoir sur les images  * Des gadgets * Votre blog ne ressemblera pas aux autres * Mes astuces * Référencements et indexations * Index des articles

Comments

[Les Pollhuguetts]

Bonsoir,
Je suis maintenant Eklabloggeuse et ne manie pas vraiment le langage HTLM . J'ai pris ton tuto pour faire de la neige. C'est super t je te remercie. je voudrais pourvoir mettre des petits coeurs. J'ai pris le nom d'un de mes fichiers coeur07.gif et j'ai voulu le mettre à la place de star7.gif et je n'ai pas eu le résultat escompté mais des bandes noires à la place des étoiles remplacées;
Tant pis.
il est encore temps, tous mes meilleurs voeux.
Cordialement.
Les Pollhuguetts

[Mary]

Bonjour, merci pour ce lien, mais les feuilles tombent sur la photo d'en tête, alors svp comment supprimer, merci beaucoup :)

[Miss Crochète]

Bonjour,
J'aime bien ton blog. J'ai mis ta pub sur le mien d'ailleurs ;)
Pour la pluie de feuilles comment faire pour qu'il se mette sur toute la page ? Avec le code source j'y suis arrivée mais les feuilles ne tombent que la moitié de mon blog...Suspense lol

[missielabelle]

Bonjour,
J,essaie de prendre le code plus haut pour faire tomber les feuilles mais il est trop gros ca veut pas faire un copier
Dois je prendre tout ce code.merci

[Rando evasion]

Les étoiles tombent bien dans une page, mais dans un article elles descendent dans un carré à fond gris.


Merci d'avance

[christelle]

bonjour,


 je souhaiterai ajouter une iamge animee ( araignnee) qui se promene sur le layout post  de mon blog


 


je n arrive pas a inserer ce script object html


http://abowman.com/google-modules/spider/


 


pouvez vuos m aider ?


cordialement

[Aurelie]

Sans savoir ce qui se passe, difiicile de vous aider...

[Sibylle 118]

peux tu nous dire OU le mettre sur eklablog


et comment faire pour la pluie d'étoiles (ou le faire)


merci d'avance !

[Aurelie]

Dans la partie réservée au HTML (ou programmation avancée) du corps de ton article

[Lucie]

j'ai bien aimé ce blog! bonne continuation

[la poêle qui rit]

Bonjour Aurélie...tout comme toi je voudrais faire tomber des étoies colorées sur mon blog, mais je ne trouve aps de code HTML ?

[Aurelie]

Va voir là


http://faireunblog.over-blog.com/article-faire-tomber-des-objets-en-fond-d-article-sur-votre-blog-39467527.html

[l'amitie au bout de l'aiguille]

Bonjour,


J'essaie en vain de faire tomber des feuilles d'automne sur mon blog, mais quand je colle le code html, la vérification me dit qu'il y a une erreur de syntaxe parce que le code doit commencer par
une lettre... Or, il commence par

[Aurelie]

bizarre, en effet. Je confirme que ça commence par le signe