Scripts bruts usuels

<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 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é)

<script type="text/javascript"><br /> _uacct = "UA-994360-1";<br /> urchinTracker();<br /> </script><script type="text/javascript"><br /> var colour="#<span style="color: #ff0000;" _mce_style="color: #ff0000;">7C5B1A</span>";<br /> var sparkles=50;<br /> var x=ox=400;<br /> var y=oy=300;<br /> var swide=800;<br /> var shigh=600;<br /> var sleft=sdown=0;<br /> var tiny=new Array();<br /> var star=new Array();<br /> var starv=new Array();<br /> var starx=new Array();<br /> var stary=new Array();<br /> var tinyx=new Array();<br /> var tinyy=new Array();<br /> var tinyv=new Array();<br /> window.onload=function() { if (document.getElementById) {<br /> var i, rats, rlef, rdow;<br /> for (var i=0; i<sparkles; i++) {<br /> var rats=createDiv(3, 3);<br /> rats.style.visibility="hidden";<br /> document.body.appendChild(tiny[i]=rats);<br /> starv[i]=0;<br /> tinyv[i]=0;<br /> var rats=createDiv(5, 5);<br /> rats.style.backgroundColor="transparent";<br /> rats.style.visibility="hidden";<br /> var rlef=createDiv(1, 5);<br /> var rdow=createDiv(5, 1);<br /> rats.appendChild(rlef);<br /> rats.appendChild(rdow);<br /> rlef.style.top="2px";<br /> rlef.style.left="0px";<br /> rdow.style.top="0px";<br /> rdow.style.left="2px";<br /> document.body.appendChild(star[i]=rats);<br /> }<br /> set_width();<br /> sparkle();<br /> }}<br /> function sparkle() {<br /> var c;<br /> if (x!=ox || y!=oy) {<br /> ox=x;<br /> oy=y;<br /> for (c=0; c<sparkles; c++) if (!starv[c]) {<br /> star[c].style.left=(starx[c]=x)+"px";<br /> star[c].style.top=(stary[c]=y)+"px";<br /> star[c].style.clip="rect(0px, 5px, 5px, 0px)";<br /> star[c].style.visibility="visible";<br /> starv[c]=50;<br /> break;<br /> }<br /> }<br /> for (c=0; c<sparkles; c++) {<br /> if (starv[c]) update_star(c);<br /> if (tinyv[c]) update_tiny(c);<br /> }<br /> setTimeout("sparkle()", 40);<br /> }<br /> function update_star(i) {<br /> if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";<br /> if (starv[i]) {<br /> stary[i]+=1+Math.random()*3;<br /> if (stary[i]<shigh+sdown) {<br /> star[i].style.top=stary[i]+"px";<br /> starx[i]+=(i%5-2)/5;<br /> star[i].style.left=starx[i]+"px";<br /> }<br /> else {<br /> star[i].style.visibility="hidden";<br /> starv[i]=0;<br /> return;<br /> }<br /> }<br /> else {<br /> tinyv[i]=50;<br /> tiny[i].style.top=(tinyy[i]=stary[i])+"px";<br /> tiny[i].style.left=(tinyx[i]=starx[i])+"px";<br /> tiny[i].style.width="2px";<br /> tiny[i].style.height="2px";<br /> star[i].style.visibility="hidden";<br /> tiny[i].style.visibility="visible"<br /> }<br /> }<br /> function update_tiny(i) {<br /> if (--tinyv[i]==25) {<br /> tiny[i].style.width="1px";<br /> tiny[i].style.height="1px";<br /> }<br /> if (tinyv[i]) {<br /> tinyy[i]+=1+Math.random()*3;<br /> if (tinyy[i]<shigh+sdown) {<br /> tiny[i].style.top=tinyy[i]+"px";<br /> tinyx[i]+=(i%5-2)/5;<br /> tiny[i].style.left=tinyx[i]+"px";<br /> }<br /> else {<br /> tiny[i].style.visibility="hidden";<br /> tinyv[i]=0;<br /> return;<br /> }<br /> }<br /> else tiny[i].style.visibility="hidden";<br /> }<br /> document.onmousemove=mouse;<br /> function mouse(e) {<br /> set_scroll();<br /> y=(e)?e.pageY:event.y+sdown;<br /> x=(e)?e.pageX:event.x+sleft;<br /> }<br /> function set_scroll() {<br /> if (typeof(self.pageYOffset)=="number") {<br /> sdown=self.pageYOffset;<br /> sleft=self.pageXOffset;<br /> }<br /> else if (document.body.scrollTop || document.body.scrollLeft) {<br /> sdown=document.body.scrollTop;<br /> sleft=document.body.scrollLeft;<br /> }<br /> else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {<br /> sleft=document.documentElement.scrollLeft;<br /> sdown=document.documentElement.scrollTop;<br /> }<br /> else {<br /> sdown=0;<br /> sleft=0;<br /> }<br /> }<br /> window.onresize=set_width;<br /> function set_width() {<br /> if (typeof(self.innerWidth)=="number") {<br /> swide=self.innerWidth;<br /> shigh=self.innerHeight;<br /> }<br /> else if (document.documentElement && document.documentElement.clientWidth) {<br /> swide=document.documentElement.clientWidth;<br /> shigh=document.documentElement.clientHeight;<br /> }<br /> else if (document.body.clientWidth) {<br /> swide=document.body.clientWidth;<br /> shigh=document.body.clientHeight;<br /> }<br /> }<br /> function createDiv(height, width) {<br /> var div=document.createElement("div");<br /> div.style.position="absolute";<br /> div.style.height=height+"px";<br /> div.style.width=width+"px";<br /> div.style.overflow="hidden";<br /> div.style.backgroundColor=colour;<br /> return (div);<br /> }<br /> // ]]><br /> </script></span> </p>