Forum Crea illusion Fantasy
A quoi sert le forum ?
Ce forum est liée à mon site Crea illusion Fantasy. Un plus pour vous aidez dans vos créations.Vous ne savez pas créer, et vous recherchez une création personnalisée. Le forum vous écoutera vos demandes.
Plusieurs sections :
Des aides: pour votre forum,votre site ou blog.Des tutoriels(photoshop,paintshop,gimp,photofiltre,ect...).Demandes de créations personnalisées. Aide pour prendre en main vos logiciels.Des tutos, des scripts. aides pour le logiciel Flash..... Des concours, des challenges, des duels. Vous y trouverez un accueil sympathique.
Au plaisir de vous lire sur le forum. D'autres choses à venir découvrir sur le forum de Créa illusion Fantasy.

N'hésitez pas à venir vous inscrire.


Aides & Conseils pour le graphisme & forum & site web & blog & tout autres supports.
 
AccueilPortailFAQPublicationsPublicationsS'enregistrerConnexion
Votre bannière ici,Faite la demande dans la catégorie: La place Public


Partagez | .
 

 Enneigez vos liens ou images

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Ptite_Perle
Admin


avatar


Messages : 6706
Venue : 27/06/2009 Je suis: : Féminin
Né(e) le : 17/09/1963
Age : 53
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 8962

MessageSujet: Enneigez vos liens ou images  Lun 28 Mar - 14:27


Voici un code pour enneigez vos liens ou images, au passage de la souris, sympa pour les fêtes de fin d'année.

Code:
<script>
// Set the number of snowflakes (more than 30 - 40 not recommended)
var snowmax=35

// Set the colors for the snow. Add as many colors as you like
var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD")

// Set the fonts, that create the snowflakes. Add as many fonts as you like
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")

// Set the letter that creates your snowflake (recommended:*)
var snowletter="*"

// Set the speed of sinking (recommended values range from 0.3 to 2)
var sinkspeed=0.6

// Set the maximal-size of your snowflaxes
var snowmaxsize=22

// Set the minimal-size of your snowflaxes
var snowminsize=8

// Set the width of the snowing-zone (pixels)
var snowboxwidth=100

///////////////////////////////////////////////////////////////////////////
// CONFIGURATION ENDS HERE
///////////////////////////////////////////////////////////////////////////

// Do not edit below this line
var snow=new Array()
var marginbottom
var marginright
var marginleft
var margintop
var snowingzone=1
var posleft
var postop
var is_snowing=false
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/) 
var browserok=ie5||ns6||opera

function randommaker(range) {      
   rand=Math.floor(range*Math.random())
    return rand
}

function startsnow() {
   is_snowing=true
   if (ie5 || opera) {
      margintop = postop+15
      marginbottom = document.body.clientHeight
      marginleft = posleft
      marginright = posleft+snowboxwidth
   }
   else if (ns6) {
      margintop = postop+15
      marginbottom = window.innerHeight
      marginleft = posleft
      marginright = posleft+snowboxwidth
   }
   var snowsizerange=snowmaxsize-snowminsize
   for (i=0;i<=snowmax;i++) {
      crds[i] = 0;                     
       lftrght[i] = Math.random()*15;       
       x_mv[i] = 0.03 + Math.random()/10;
      snow[i]=document.getElementById("s"+i)
      snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
      snow[i].size=randommaker(snowsizerange)+snowminsize
      snow[i].style.fontSize=snow[i].size
      snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
      snow[i].sink=sinkspeed*snow[i].size/5
      snow[i].posx=randommaker(snowboxwidth)+marginleft-2*snow[i].size
      if (ie5 || opera) {
         if (snow[i].posx>=document.body.clientWidth-2*snow[i].size) {
            snow[i].posx=snow[i].posx-snowboxwidth
         }
      }
      if (ns6) {
         if (snow[i].posx>=window.innerWidth-2*snow[i].size) {
            snow[i].posx=snow[i].posx-snowboxwidth
         }
      }
      snow[i].posy=randommaker(marginbottom-margintop)+margintop-2*snow[i].size
      snow[i].style.left=snow[i].posx
      snow[i].style.top=snow[i].posy
      snow[i].style.visibility="visible";
      
   }
   movesnow()
}

function stopsnow() {
   is_snowing=false
}

function movesnow() {
   if (is_snowing) {
      for (i=0;i<=snowmax;i++) {
         crds[i] += x_mv[i];
         snow[i].posy+=snow[i].sink
         snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]);
         snow[i].style.top=snow[i].posy
      
         if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
            snow[i].posx=randommaker(snowboxwidth)+marginleft-2*snow[i].size
            if (ie5 || opera) {
               if (snow[i].posx>=document.body.clientWidth-2*snow[i].size) {
                  snow[i].posx=snow[i].posx-snowboxwidth
               }
            }
            if (ns6) {
               if (snow[i].posx>=window.innerWidth-2*snow[i].size) {
                  snow[i].posx=snow[i].posx-snowboxwidth
               }      
            }
            snow[i].posy=randommaker(marginbottom-margintop)+margintop-2*snow[i].size
         }
      }
      var timer=setTimeout("movesnow()",50)
   }
   else {
      for (i=0;i<=snowmax;i++) {
         snow[i].style.visibility="hidden";
      }
   }
}

function getcoordinates(e) {
   if (ie5 || opera) {
      posleft=document.body.scrollLeft+window.event.x;
      postop=document.body.scrollTop+window.event.y;
   }
   if (ns6) {
      posleft=e.pageX
      postop=e.pageY
   }
}

for (i=0;i<=snowmax;i++) {
   document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
   document.onmousemove=getcoordinates
}
</script>



Remplacez [Vous devez être inscrit et connecté pour voir ce lien] et Votre lien dans le code par vos liens textes ou images et les dimensions pour vos images le width et le height:

Code:
<a href="http://monsite.com" onMouseOver="startsnow()" onMouseOut="stopsnow()">Votre lien<a>

Sur une image, le code est :

Code:
<a href="http://monsite.com " target="_blank" onMouseOver="startsnow()" onMouseOut="stopsnow()"><img border="0" src="url de votre image ou lien image" width="300" height="600"></a>
Revenir en haut Aller en bas
http://www.creaillusionfantasy.com/
Mimi
Admin


avatar


Messages : 1460
Venue : 01/07/2009 Je suis: : Féminin
Né(e) le : 28/04/1952
Age : 65
Je vie à : Dijon
Humeur : Bonne Humeur
Mes Points : 2708

MessageSujet: Re: Enneigez vos liens ou images  Lun 28 Mar - 20:06

Merci Perle cela nous servira pour lesfêtes
Revenir en haut Aller en bas
http://www.mimicreations.fr
 

Enneigez vos liens ou images

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Liens et images postés - accès restreint
» problème avec Défilement d'images avec liens (partenaires) :
» Permissions sur les images et les liens dans les sujets
» Activation des images et liens
» Images-liens pour illustrer ses forums et sous-forums

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Forum Crea illusion Fantasy  :: Sites web-