Decorate your forum for Halloween ! Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skin • Return to the skin page

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.
The forum of the forums

    Decorate your forum for Halloween !

    Ape
    Ape
    Ape
    Administrator
    Administrator


    Male Posts : 19150
    Reputation : 1994
    Language : fluent in dork / mumbojumbo & English haha
    • Post n°1

    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.




    A terrifying Forumotion Announcement


    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

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

    • Back to top
    Ape
    Ape
    Ape
    Administrator
    Administrator


    Male Posts : 19150
    Reputation : 1994
    Language : fluent in dork / mumbojumbo & English haha
    • Post n°2

    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

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

    • Back to top