Hello everyone,
To celebrate Halloween, the Forumotion staff team offers you a series of animations and codes that are simple to install on your forum, so you can decorate it in the colors of Halloween !
To install these 3 codes :
Administration Panel Display Colors CSS stylesheet |
[b]Cursor
- Code:
body { cursor:url('https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Halloween/curseur-halloween-4.cur'),auto; }
- Code:
body { cursor:url('https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Halloween/curseur-halloween-1.cur'),auto; }
- Code:
body { cursor:url('https://i.servimg.com/u/f21/16/89/96/68/h_curs10.png'),auto; } To install these codes :
Administration Panel Modules Javascript codes management Create a new Javascript | [b]
[b]1. Enter a title of your choice (ex: Halloween) 2. Check where you want the script to display (ex: In all the pages) 3. Paste the code of your choice,
Don't forget to press submit
| - Code:
$(function() { $.getScript("https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Halloween/scrollingspider.js"); }); |
| - Code:
$(function() { $.getScript("https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Halloween/randomcurseur.js"); }); |
| - Code:
$(function() { $.getScript("https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Halloween/spookyghost.js"); }); |
| - Code:
$(function() { $.getScript("https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Halloween/skeletonlights.js"); }); |
Image rain.
| - Code:
var snowsrc="https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Halloween/citrou14.png"; $(function() { $.getScript('https://script.forumactif.com/10825.js'); }); | [*]
| - Code:
var snowsrc="https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Halloween/pumpki10.png"; $(function() { $.getScript('https://script.forumactif.com/10825.js'); }); |
| - Code:
var snowsrc="https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Halloween/ghost10.png"; $(function() { $.getScript('https://script.forumactif.com/10825.js'); }); |
| - Code:
var snowsrc="https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Halloween/bat10.png"; $(function() { $.getScript('https://script.forumactif.com/10825.js'); }); |
| - Code:
var snowsrc="https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Halloween/witch_10.png"; $(function() { $.getScript('https://script.forumactif.com/10825.js'); }); |
| - Code:
$.getScript('https://script.forumactif.com/22086.js'); |
| - Code:
var snowsrc="https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Halloween/scream10.png"; $(function() { $.getScript('https://script.forumactif.com/10825.js'); }); |
| - Code:
var snowsrc="https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Halloween/cheshi10.png"; $(function() { $.getScript('https://script.forumactif.com/10825.js'); }); |
| - Code:
var snowsrc="https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Halloween/Moon-icon.png"; $(function() { $.getScript('https://script.forumactif.com/10825.js'); }); |
Compatibility Note : You can include multiple decoration scripts and combine them with an image rain, however, only one image rain can be used at a time.. |
Reactive image
- Code:
var x=0;var y=0;if(document.getElementById) {if(navigator.appName.substring(0,3)=="Net") document.captureEvents(Event.MOUSEMOVE);document.onmousemove=Pos_Souris;window.onload=Bouge_Image;} function Pos_Souris(e) {x=(navigator.appName.substring(0,3)=="Net")?e.pageX:event.x+document.body.scrollLeft;y=(navigator.appName.substring(0,3)=="Net")?e.pageY:event.y+document.body.scrollTop;} posX=0;posY=0;anim=true;oldpos="https://i.servimg.com/u/f64/12/23/10/57/head-i10.png";function Bouge_Image() {if(document.getElementById&&anim) {posX=posX+(((x-posX)+20)/15);posY=posY+(((y-posY)+20)/15);if(posX<x) newpos='http://icons.iconarchive.com/icons/iconshock/halloween/48/head-icon.png';else newpos='http://icons.iconarchive.com/icons/iconshock/halloween/48/head-icon.png';if(newpos!=oldpos) {document.tete.src=newpos;oldpos=newpos;} document.getElementById("teteronde").style.top=posY+"px";document.getElementById("teteronde").style.left=posX+"px";tempo=setTimeout("Bouge_Image()",15)}} if(document.getElementById) {document.write('<div id="teteronde" style="position: absolute">');document.write('<a href="#" onClick="anim=false;document.getElementById(\'teteronde\').style.visibility = \'hidden\';return(false)">');document.write('<img src="http://icons.iconarchive.com/icons/iconshock/halloween/48/head-icon.png" style="border:0px" name="tete" alt="Faire disparaitre" />');document.write('</a>');document.write('</div>');}
- Code:
var x=0;var y=0;if(document.getElementById) {if(navigator.appName.substring(0,3)=="Net") document.captureEvents(Event.MOUSEMOVE);document.onmousemove=Pos_Souris;window.onload=Bouge_Image;} function Pos_Souris(e) {x=(navigator.appName.substring(0,3)=="Net")?e.pageX:event.x+document.body.scrollLeft;y=(navigator.appName.substring(0,3)=="Net")?e.pageY:event.y+document.body.scrollTop;} posX=0;posY=0;anim=true;oldpos="https://i.servimg.com/u/f64/12/23/10/57/spider10.png";function Bouge_Image() {if(document.getElementById&&anim) {posX=posX+(((x-posX)+20)/15);posY=posY+(((y-posY)+20)/15);if(posX<x) newpos='http://icons.iconarchive.com/icons/gcds/halloween/48/spider-icon.png';else newpos='http://icons.iconarchive.com/icons/gcds/halloween/48/spider-icon.png';if(newpos!=oldpos) {document.tete.src=newpos;oldpos=newpos;} document.getElementById("teteronde").style.top=posY+"px";document.getElementById("teteronde").style.left=posX+"px";tempo=setTimeout("Bouge_Image()",15)}} if(document.getElementById) {document.write('<div id="teteronde" style="position: absolute">');document.write('<a href="#" onClick="anim=false;document.getElementById(\'teteronde\').style.visibility = \'hidden\';return(false)">');document.write('<img src="http://icons.iconarchive.com/icons/gcds/halloween/48/spider-icon.png" style="border:0px" name="tete" alt="Faire disparaitre" />');document.write('</a>');document.write('</div>');}
- Code:
var x=0;var y=0;if(document.getElementById) {if(navigator.appName.substring(0,3)=="Net") document.captureEvents(Event.MOUSEMOVE);document.onmousemove=Pos_Souris;window.onload=Bouge_Image;} function Pos_Souris(e) {x=(navigator.appName.substring(0,3)=="Net")?e.pageX:event.x+document.body.scrollLeft;y=(navigator.appName.substring(0,3)=="Net")?e.pageY:event.y+document.body.scrollTop;} posX=0;posY=0;anim=true;oldpos="https://i.servimg.com/u/f64/12/23/10/57/ghost-11.png";function Bouge_Image() {if(document.getElementById&&anim) {posX=posX+(((x-posX)+20)/15);posY=posY+(((y-posY)+20)/15);if(posX<x) newpos='http://icons.iconarchive.com/icons/ergosign/free-halloween/48/Ghost-icon.png';else newpos='http://icons.iconarchive.com/icons/ergosign/free-halloween/48/Ghost-icon.png';if(newpos!=oldpos) {document.tete.src=newpos;oldpos=newpos;} document.getElementById("teteronde").style.top=posY+"px";document.getElementById("teteronde").style.left=posX+"px";tempo=setTimeout("Bouge_Image()",15)}} if(document.getElementById) {document.write('<div id="teteronde" style="position: absolute">');document.write('<a href="#" onClick="anim=false;document.getElementById(\'teteronde\').style.visibility = \'hidden\';return(false)">');document.write('<img src="http://icons.iconarchive.com/icons/ergosign/free-halloween/48/Ghost-icon.png" style="border:0px" name="tete" alt="Faire disparaitre" />');document.write('</a>');document.write('</div>');} Animations browsing the screen
NOTE: These animations are incompatible with the AwesomeBB version.
Happy Halloween everyone ! From all of the Forumotion Team.
|