Fenêtre de Noël et message cliquable. Outils webmaster. Trucs et astuces html

<script> // CREDITS: // Headline Fader with snow-effect // By Peter Gehrig // Copyright (c) 2003 Peter Gehrig. All rights reserved. // Permission given to use the script provided that this notice remains as is. // Additional scripts can be found at http://www.24fun.com // info@24fun.com // 11/27/2003 // IMPORTANT: // If you add this script to a script-library or script-archive // you have to add a highly visible link to // http://www.24fun.com on the webpage // where this script will be featured // Mettez ici les messages que vous désirez voir apparaître dans la fenêtre, autant que vous le souhaitez. var text=new Array("Bonjour. Merci de visiter Outils pour Webmaster.", "Vous pourrez y trouver quelques scripts intéressants.", "Joyeux Noël et bonnes vacances.", "Revenez bientôt.") // Vous pouvez mettre un lien sur chaque message qui va apparaître dans la fenêtre. Si vous ne souhaitez pas de message mettez un "" à la place. var textlink=new Array("http://www.toulouse-renaissance.net/c_outils.htm","http://www.toulouse-renaissance.net/c_outils.htm","http://www.toulouse-renaissance.net/c_outils.htm","http://www.toulouse-renaissance.net/c_outils.htm") // Mettez ici la direction pour chaque lien soit "_blank" ou "_top" // "_parent" oo le nom d'un cadre var texttarget=new Array("_top","_top","_top","_top") // Initialisez la fonte var textfont="Arial" // Initialisez la couleur de la fonte (valeur hexadecimale recommandée) var textfontcolor="#AAAAFF" // Initialise le rollover-color (valeur hexadecimale recommandée) var textfontcolorrollover="#ffff00" // Initialiser la grandeur de la fonte (points) var textfontsize=11 // Initialiser l'arrière plan (valeur hexadecimale recommandée) var textbgcolor="#000000" // Initialiser la largeur (pixels) var textwidth=180 // Initialiser la hauteru(pixels) var textheight=120 // Temps de pause entre chaque message (seconds) var textpause=2 // Initialiser la bordure (pixels) var textborder=3 // Initialiser la couleur de la bordure (valeur hexadecimale recommandée) var textbordercolor="#AAAAFF" // Initialiser la position du texte. Permis "center" ou "left" ou "right" var textalign="center" // Set the vertical text-position. Allowed values are "middle" or "top" or "bottom" var textvalign="middle" // Nombre de flocons de neige (plus de 20 ou 30 non recommandé) var snowmax=20 // Couleur des flocons de neige. Ajoutez autant de couleurs que vous le souhaitez var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD") // Initialiser la fonte qui déterminera les flocons de neige. Ajoutez autant que vous le souhaitez var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS") // Initialiser la lettre qui va figurer vos flocons (recommandé :*) var snowletter="*" // Vitesse de chute (recommandé entre 0.3 et 2) var sinkspeed=0.6 // Grandeur maximum des flocons (points) var snowmaxsize=16 // Grandeur minimum des flocons (points) var snowminsize=8 // Initialiser font-style. Valeur recommandée "normal" ou "italic" var textitalic="normal" // Initialiser font-weight. Valeur recommandée "normal" ou "bold" var textweight="bold" // NE RIEN EDITER EN DESSOUS DE CETTE LIGNE var textdecoration="none" var transparency=100 var transparencystep=5 var x_pos=0 var y_pos=0 var i_text=0 if (textitalic=="italic") {var textitalicA="<i>"; var textitalicB="</i>"} else {var textitalicA="<i>"; var textitalicB="</i>"} if (textweight=="bold") {var textweightA="<b>"; var textweightB="</b>"} else {var textweightA=""; var textweightB=""} var textweightA="<b>" var textweightB="</b>" var tickercontent var pausefade=40 var oneloopfinished=false var snow=new Array() var marginbottom var marginright var timer var i_snow=0 var x_mv=new Array(); var crds=new Array(); var lftrght=new Array(); var textfontsizeHTML=Math.floor(textfontsize/4) textpause*=1000 if (textfontsizeHTML<1) {textfontsizeHTML=1} if (textfontsizeHTML>=7) {textfontsizeHTML=7} var browserinfos=navigator.userAgent var ns4=document.layers var ns6=document.getElementById&&!document.all&&!browserinfos.match(/Opera/) var ie=document.all&&!browserinfos.match(/Opera/) var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/) var opera=browserinfos.match(/Opera/) function changecontent() { getcontent() i_text++ if (i_text>=text.length) {i_text=0} if (ie) { ticker.innerHTML=content fadein() } if (ns6) { document.getElementById('ticker').innerHTML=content fadein() } if (opera) { document.getElementById('ticker').innerHTML=content var texttimer=setTimeout("changecontent()",textpause*1.5) } if (ns4) { document.roof.document.ticker.document.write(content) document.roof.document.ticker.document.close() var texttimer=setTimeout("changecontent()",textpause) } } function fadein() { if (transparency<100){ transparency+=transparencystep if (ie) { document.all.ticker.filters.alpha.opacity=transparency } if (ns6) { document.getElementById('ticker').style.MozOpacity=transparency/100 } var fadetimer=setTimeout("fadein()",pausefade) } else { clearTimeout(fadetimer) setTimeout("fadeout()",textpause) } } function fadeout() { if (transparency>0){ transparency-=transparencystep if (ie) { document.all.ticker.filters.alpha.opacity=transparency } if (ns6) { document.getElementById('ticker').style.MozOpacity=transparency/100 } var fadetimer=setTimeout("fadeout()",pausefade) } else { clearTimeout(fadetimer) setTimeout("changecontent()",1000) } } getcontent() function getcontent() { if (ie) { var tablewidth=textwidth-2*textborder var tableheight=textheight-2*textborder } else { var tablewidth=textwidth var tableheight=textheight } if (ie || ns6 || opera) { var padding=parseInt(textborder)+3 content="<table width="+tablewidth+" height="+tableheight+" cellpadding="+padding+" cellspacing=0 border=0><tr valign="+textvalign+"><td align="+textalign+">" content+="<a href=\""+textlink[i_text]+"\" target=\""+texttarget[i_text]+"\" style=\"position:relative;font-family:\'"+textfont+"\';font-size:"+textfontsize+"pt;font-weight:"+textweight+";text-decoration:"+textdecoration+";color:"+textfontcolor+";font-style:"+textitalic+";\" onMouseOver=\"this.style.color=\'"+textfontcolorrollover+"\'\" onMouseOut=\"this.style.color=\'"+textfontcolor+"\'\">" content+=text[i_text] content+="</a></td></tr></table>" } else { content="<table width="+tablewidth+" height="+tableheight+" cellpadding="+textborder+" cellspacing=0><tr valign="+textvalign+"><td align="+textalign+">" content+="<a href=\""+textlink[i_text]+"\" target=\""+texttarget[i_text]+"\" style=\"position:relative;font-family:\'"+textfont+"\';font-size:"+textfontsize+"pt;font-weight:"+textweight+";text-decoration:"+textdecoration+";color:"+textfontcolor+";font-style:"+textitalic+";\">" content+=text[i_text] content+="</a></td></tr></table>" framecontent="<table width="+tablewidth+" height="+tableheight+" cellpadding=0 cellspacing=0 border="+textborder+"><tr><td>" framecontent+="<font color=\""+textbgcolor+"\">" framecontent+="." framecontent+="</font>" framecontent+="</td></tr></table>" } } function randommaker(range) { rand=Math.floor(range*Math.random()) return rand } function initsnow() { marginbottom = textheight marginright = textwidth 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(marginright-snow[i].size) snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size) snow[i].style.left=snow[i].posx snow[i].style.top=snow[i].posy } movesnow();changecontent() } function movesnow() { 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 || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){ snow[i].posx=randommaker(marginright-snow[i].size) snow[i].posy=0 } } var timer=setTimeout("movesnow()",50) } if (ie || ns6 || opera) { if (ns6) { textwidth-=2*textborder textheight-=2*textborder } document.write("<table border=0 cellpadding=0 cellspacing=0><tr><td width="+textwidth+" height="+textheight+" valign=top>") document.write("<div id=\"roof\" style=\"position:relative;width:"+textwidth+"px;height:"+textheight+"px;font-family:\'"+textfont+"\';border-style:solid;border-color:"+textbordercolor+";border-width:"+textborder+"px;background-color:"+textbgcolor+";overflow:hidden\">") document.write("<div id=\"ticker\" style=\"position:absolute;top:"+-textborder+"px;left:"+-textborder+"px;width:"+textwidth+"px;height:"+textheight+"px;font-family:\'"+textfont+"\';font-size:"+textfontsize+"pt;font-weight:"+textweight+";font-style:"+textitalic+";border-style:solid;border-color:"+textbordercolor+";border-width:"+textborder+"px;background-color:"+textbgcolor+";overflow:hidden\;filter:alpha(opacity=100)\">") document.write("</div>") for (i=0;i<=snowmax;i++) { document.write("<div id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</div>") } document.write("</div>") document.write("</td></tr></table>") window.onload=initsnow } else if (ns4) { document.write("<table border=0 cellpadding=0 cellspacing=0><tr><td width="+textwidth+" height="+textheight+" valign=top>") document.write("<ilayer name=\"roof\" width="+textwidth+" height="+textheight+">") document.write("<layer name=\"tickerframe\" width="+textwidth+" height="+textheight+" top=0 left=0 bgcolor="+textbgcolor+">") document.write(framecontent) document.write("</layer>") document.write("<layer name=\"ticker\" width="+textwidth+" height="+textheight+" top=0 left=0>") document.write() document.write("</layer>") document.write("</ilayer>") document.write("</td></tr></table>") window.onload=changecontent } </script>