Overblog Suivre ce blog
Editer l'article Administration Créer mon blog
27 décembre 2012 4 27 /12 /décembre /2012 09:58

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


 

                                    Rendez-vous sur Hellocoton !                                                        

 

Partager cet article

Repost 0
Published by Aurelie - dans Gadget à blogs
commenter cet article

commentaires

Les Pollhuguetts 11/01/2016 18:05

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 01/12/2015 15:49

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 16/02/2015 13:34

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 18/09/2014 20:20

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 14/12/2013 15:31


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


Merci d'avance

christelle 13/11/2013 14:56


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 18/11/2013 10:48



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



Sibylle 118 23/04/2013 11:37


peux tu nous dire OU le mettre sur eklablog


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


merci d'avance !

Aurelie 29/04/2013 09:26



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



Lucie 28/12/2012 09:07


j'ai bien aimé ce blog! bonne continuation

la poêle qui rit 10/12/2012 17:31


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 15/12/2012 17:00



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 10/10/2012 17:18


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 15/10/2012 15:47



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

Présentation

  • : Faire un blog
  • Faire un blog
  • : Ce blog vous aide à vous lancer pour faire votre blog : plateforme, mise en page, décoration, gadgets...
  • Contact

Vous Cherchez Quoi ?

Bienvenue !

 

PancarteSmiliz.pngCe blog a pour objet de vous aider à faire votre blog. C'est facile, et possible sans être informaticien !

J'ai 2 autres blogs très différents, et je souhaite mettre mon expérience à votre service. N'hésitez pas à me déposer vos commentaires et questioxxns. 
Si vous débutez, commencez par l' Index des articles , rubrique "Pour bien démarrer". 

 

Inscrivez votre site sur ma Top Liste et améliorez votre référencement.  

Mon logo sur votre site

Si j'ai contribué à l'amélioration de votre blog, merci d'y mettre mon logo :
Site Faire Un Blog

Code à coller :

<a href="http://faireunblog.over-blog.com/" target="_blank"><img height="65" width="85" src="http://sd-1.archive-host.com/membres/up/42016049459753927/PancarteSmiliz.png" alt="Site Faire Un Blog" /></a>

 

 

Date du jour

 

 

 

Géolocalisation

formation