The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Decorate your forum for Halloween !

Go down

Tutorial Decorate your forum for Halloween !

Post by Ape October 26th 2019, 10:09 pm

Decorate your forum for Halloween !


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 ! Wink



Decorate your forum for Halloween ! Pumpki10To install these 3 codes :

Administration Panel Decorate your forum for Halloween ! Arrow10Display Decorate your forum for Halloween ! Arrow10Colors Decorate your forum for Halloween ! Arrow10CSS stylesheet


[b]Cursor


Decorate your forum for Halloween ! Curseu10

Code:
body {
  cursor:url('https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Halloween/curseur-halloween-4.cur'),auto;
}

Decorate your forum for Halloween ! Curseu11

Code:
body {
  cursor:url('https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Halloween/curseur-halloween-1.cur'),auto;
}

Decorate your forum for Halloween ! H_curs10
Code:
body {
  cursor:url('https://i.servimg.com/u/f21/16/89/96/68/h_curs10.png'),auto;
}

Decorate your forum for Halloween ! Pumpki10To install these codes :


Administration Panel Decorate your forum for Halloween ! Arrow10 Modules Decorate your forum for Halloween ! Arrow10 Javascript codes management Decorate your forum for Halloween ! Arrow10 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,

Decorate your forum for Halloween ! Captu198
Decorate your forum for Halloween ! Captu199
Don't forget to press submit



Decorate your forum for Halloween ! Scrollingaraignee

    Scrolling spider

Code:
$(function() {
    $.getScript("https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Halloween/scrollingspider.js");
});

Decorate your forum for Halloween ! Randomcurseur

  • Random cursor

Code:
$(function() {
    $.getScript("https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Halloween/randomcurseur.js");
});



Decorate your forum for Halloween ! Ghost10_104

  • Spooky ghost

Code:
$(function() {
    $.getScript("https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Halloween/spookyghost.js");
});



Decorate your forum for Halloween ! Captu206

  • Skeleton lights

Code:
$(function() {
    $.getScript("https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Halloween/skeletonlights.js");
});





Image rain.


Decorate your forum for Halloween ! Citrou14

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');
});
[*]


Decorate your forum for Halloween ! Pumpki10

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');
});



Decorate your forum for Halloween ! Ghost10

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');
});



Decorate your forum for Halloween ! Bat10

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');
});



Decorate your forum for Halloween ! Witch_10

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');
});



Decorate your forum for Halloween ! Aazdza10

Code:
$.getScript('https://script.forumactif.com/22086.js');



Decorate your forum for Halloween ! Scream10

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');
});



Decorate your forum for Halloween ! Cheshi10

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');
});



Decorate your forum for Halloween ! Moon-icon

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
Decorate your forum for Halloween ! BHq1o


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>');}


Decorate your forum for Halloween ! 4Phb6


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>');}


Decorate your forum for Halloween ! 4cKdH


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.





Decorate your forum for Halloween ! Ix00EN9
 See the effect
  See The Code



Decorate your forum for Halloween ! WdZmQF3
 See the effect
  See The Code



Decorate your forum for Halloween ! KrLynu0
 See the effect
  See The Code



Decorate your forum for Halloween ! RdvzNcs
 See the effect
  See The Code

Happy Halloween everyone !  What a Face  From all of the
Forumotion Team.





Last edited by Ape on October 21st 2020, 8:33 pm; edited 6 times in total (Reason for editing : Changed the HTTP address of some icons to HTTPS so it will work with all forums. with HTTPS addresses.)


Decorate your forum for Halloween ! Left1212Decorate your forum for Halloween ! Center11Decorate your forum for Halloween ! Right112
Decorate your forum for Halloween ! Ape_b110
Decorate your forum for Halloween ! Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19472
Reputation : 2013
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

SLGray, trajce, Beyonder, JaneDoe, KimiD56 and vouyz like this post

Back to top Go down

Tutorial Re: Decorate your forum for Halloween !

Post by Ape October 27th 2019, 7:17 pm

I have been gave some more codes to let you use so i have added them in this new post.

Garland at the top of the forum



Decorate your forum for Halloween ! Hallog10
Always on top :
Code:
var garland = 0;
var howhigh = 190;
$(function () {
 $.getScript('https://www.badwholf.uk/rsc/js/Hallo_GarlandF.js');
});

Moving up while scrolling :
Code:
var garland = 0;
var howhigh = 190;
$(function () {
 $.getScript('https://www.badwholf.uk/rsc/js/Hallo_GarlandA.js');
});




Decorate your forum for Halloween ! Hallog11
Always on top :
Code:
var garland = 1;
var howhigh = 224;
$(function () {
 $.getScript('https://www.badwholf.uk/rsc/js/Hallo_GarlandF.js');
});

Moving up while scrolling :
Code:
var garland = 1;
var howhigh = 224;
$(function () {
 $.getScript('https://www.badwholf.uk/rsc/js/Hallo_GarlandA.js');
});




Decorate your forum for Halloween ! Hallog12
Always on top :
Code:
var garland = 2;
var howhigh = 206;
$(function () {
 $.getScript('https://www.badwholf.uk/rsc/js/Hallo_GarlandF.js');
});

Moving up while scrolling :
Code:
var garland = 2;
var howhigh = 206;
$(function () {
 $.getScript('https://www.badwholf.uk/rsc/js/Hallo_GarlandA.js');
});




Decorate your forum for Halloween ! Hallog13
Always on top :
Code:
var garland = 3;
var howhigh = 200;
$(function () {
 $.getScript('https://www.badwholf.uk/rsc/js/Hallo_GarlandF.js');
});

Moving up while scrolling :
Code:
var garland = 3;
var howhigh = 200;
$(function () {
 $.getScript('https://www.badwholf.uk/rsc/js/Hallo_GarlandA.js');
});

The height of all garlands can be modified by changing the value of the how high variable expressed in pixels (by default, 200px).

This is Thanks to @Neptune-


Decorate your forum for Halloween ! Left1212Decorate your forum for Halloween ! Center11Decorate your forum for Halloween ! Right112
Decorate your forum for Halloween ! Ape_b110
Decorate your forum for Halloween ! Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19472
Reputation : 2013
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

SLGray, trajce, Beyonder, JaneDoe and KimiD56 like this post

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum