Scripts bruts usuels

sirene-3.gif

  cqfd:si vous désirer des explications, cliquer sur les liens 

 

bouton hellocoton sur over blog pour article en htlm 

<span style="display:block;width:147px;height:26px;position:relative;padding:0;border:10px 0px;margin:0;clear:both;"><a href="http://www.hellocoton.fr/vote" target="_blank" style="display:block;width:121px;height:26px;position:absolute;top:0;left:0;"><img src="http://widget.hellocoton.fr/img/action-on.gif" border="0" style="padding:0;border:0;margin:0;float:none;" /></a><a href="http://www.hellocoton.fr" target="_blank" style="display:block;width:27px;height:26px;position:absolute;top:0;left:120px;"><img src="http://widget.hellocoton.fr/img/hellocoton.gif" border="0" alt="Rendez-vous sur Hellocoton !" style="padding:0;border:0;margin:0;float:none;" /></a></span>

 

 

 

Fond d'article ou module en htlm

 

<div style="background:url(url du fond);">article</div>

 

 

compteur type phrase nombre de personnes sur un blog

en htlm

 

&nbsp;<!-- counter(current) -->&nbsp;  

 

 

compteur type phrase nombre de visiteurs sur tout over blog

 

&nbsp;<!-- counter(global) -->&nbsp;

 

 

 

Scroll barre  (ascenseur)pour article ou module (changer les chiffres en rouge)

en htlm

 

<div style="height: 120px; width: 550px; overflow: auto;">texte</div>

 

 

 

Texte défilant

en htlm

 

<marquee> votre texte</marquee>

 

Texte défilant qui  stoppe au passage de la souris en htlm

 

<marquee><span onmouseover="this.stop();" onmouseout="this.start();">mon texte </span></marquee>

 

 

 

 

Texte rebondissant en htlm

 

<marquee behavior="alternate" >Votre texte </marquee> 

 

 

créer un faux module

<div class="box-titre"><h2><span>Titre du faux module</span></h2></div>
<div class="box-content">contenu  faux  module</div><div class="box-footer"><h2><span>&nbsp;</span></h2></div></div>

 

 

 

Faire tomber des coeurs  (java script)

mettre dans le module d'entête en htlm

 

<script src="http://ddata.over-blog.com/xxxyyy/0/06/31/40/scripts/flocons/coeurs.js" type="text/javascript"></script>

 

 

 

faire tomber des images sur son blog

* en mode confiance sans java script

* remplacez "image" par l'url de votre image 

<marquee behavior="scroll" direction="down" scrollamount="3" style="position: absolute; left: 120px; top: 50px; width: 35px; height: 450px; z-index: 645;"><img src="image" /></marquee> <marquee behavior="scroll" direction="down" scrollamount="4" style="position: absolute; left: 170px; top: 70px; width: 35px; height: 300px; z-index: 645;"><img src="image" /></marquee> <marquee behavior="scroll" direction="down" scrollamount="5" style="position: absolute; left: 220px; top: 90px; width: 35px; height: 250px; z-index: 645;"><img src="image" /></marquee><br />

    <marquee behavior="scroll" direction="down" scrollamount="3" style="position: absolute; left: 390px; top: 50px; width: 35px; height: 400px; z-index: 645;"><img src="image" /></marquee><br />

    <marquee behavior="scroll" direction="down" scrollamount="2" style="position: absolute; left: 470px; top: 100px; width: 35px; height: 300px; z-index: 645;"><img src="image" /></marquee><br />

    <marquee behavior="scroll" direction="down" scrollamount="2" style="position: absolute; left: 590px; top: 100px; width: 35px; height: 300px; z-index: 645;"><img src="image" /></marquee><br />

    <marquee behavior="scroll" direction="down" scrollamount="2" style="position: absolute; left: 610px; top: 200px; width: 35px; height: 300px; z-index: 645;"><img src="image" /></marquee><br />

    <marquee behavior="scroll" direction="down" scrollamount="2" style="position: absolute; left: 690px; top: 290px; width: 35px; height: 380px; z-index: 645;"><img src="image" /></marquee><br />

    <marquee behavior="scroll" direction="down" scrollamount="2" style="position: absolute; left: 690px; top: 60px; width: 35px; height: 90px; z-index: 645;"><img src="image" /></marquee><br />

 

 

 

 

un favicon  comme le mien http://ddata.over-blog.com/2/41/88/79/animated_favicon1.gif devant l'url  votre blog dans la barre navigateur

 

 

<p><link rel="shortcut icon" type="image/x-icon" href=" votre favicon" /></p>

 

 

 

 

une pluie d'étoiles qui suit le curseur et qui se désagrège au fur et à mesure;

* vous pouvez changer le code couleur #ff0000  en choisissant votre couleur ici

* cliquez dans le rectangle puis faites Ctrl A puis Ctrl C (copié) puis Ctrl V (collé)

 

hippocampe.gif

Partager cette page

Repost 0