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 forums for Christmas

Go down

Tutorial Decorate your forums for Christmas

Post by Shadow December 9th 2019, 12:24 pm

Decorate your forums for the holidays!

       
       Dear members,

As the end of year festivities and the preparations that accompany them approach, Forumotion once again puts at your disposal a lot of decoration to decorate your forum, and let the Christmas fairytale knock on its door. Very Happy


Please note that not all scripts should be installed in the same place, please take a good look at the different paths that are provided, the subject can also take a long time to load, thank you for your patience.




Activation on all or part of the forum




Administration panel Modules Javascript codes management Create a new javascript


Decoration at the top of the forum




You are able to change the color, the position and the attachment of the following decorations, editing the scripts.
View customization items:

Decorate your forums for Christmas KiQbaHm
Code:
var deco = "tree";
var color = "white";
var direction = "left";
var attachment = "fixed";
  
$(function() {
  $.getScript('https://script.forumactif.com/13823.js');
});
Decorate your forums for Christmas NABHJwl
Code:
var deco = "christmastree";
var color = "white";
var direction = "left";
var attachment = "fixed";
  
$(function() {
  $.getScript('https://script.forumactif.com/13823.js');
});
Decorate your forums for Christmas Ny6ilkA
Code:
var deco = "santa";
var color = "white";
var direction = "left";
var attachment = "fixed";
  
$(function() {
  $.getScript('https://script.forumactif.com/13823.js');
});
Decorate your forums for Christmas JKi4zGa
Code:
var deco = "gift";
var color = "white";
var direction = "left";
var attachment = "fixed";
  
$(function() {
  $.getScript('https://script.forumactif.com/13823.js');
});
Decorate your forums for Christmas ZmpCIlk
Code:
var deco = "candy";
var color = "white";
var direction = "left";
var attachment = "fixed";
  
$(function() {
  $.getScript('https://script.forumactif.com/13823.js');
});
Decorate your forums for Christmas IowrOS3
Code:
var deco = "snow";
var color = "white";
var direction = "left";
var attachment = "fixed";
  
$(function() {
  $.getScript('https://script.forumactif.com/13823.js');
});
Decorate your forums for Christmas UqR6zoz
Code:
var deco = "snowman";
var color = "white";
var direction = "left";
var attachment = "fixed";
  
$(function() {
  $.getScript('https://script.forumactif.com/13823.js');
});
Decorate your forums for Christmas OmNkrg4
Code:
var deco = "reindeer";
var color = "white";
var direction = "left";
var attachment = "fixed";
  
$(function() {
  $.getScript('https://script.forumactif.com/13823.js');
});

Garland at the top of the forum





Decorate your forums for Christmas 62AAKck
Code:
$(function() {
  $.getScript('https://script.forumactif.com/14770.js');
});


Decorate your forums for Christmas FIkYidP
Code:
var garland = 0; var height = 110; $(function() {
  $.getScript('https://script.forumactif.com/16517.js');
});

Decorate your forums for Christmas KSCQxhA
Code:
var garland = 1; var height = 110; $(function() {
  $.getScript('https://script.forumactif.com/16517.js');
});

Decorate your forums for Christmas OoCIeih
Code:
var garland = 2; var height = 110; $(function() {
  $.getScript('https://script.forumactif.com/16517.js');
});

The height of the non-animated garlands can be modified by changing the value of the height variable expressed in pixels (by default, 110px).


Interactive suspensions at the top of the forum




Decorate your forums for Christmas NNTFXJ2
Code:
$(function() {
  $.getScript('https://script.forumactif.com/15760.js');
});

It is possible to obtain the same effect with gold-only suspensions, using this script instead of the previous one:
Code:
var goldOnly = true; $(function() {
  $.getScript('https://script.forumactif.com/15760.js');
});


Rains of images on the forum






Decorate your forums for Christmas Mistle11

Code:
var snowsrc="https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/mistle11.png";
    
$(function() {
      $.getScript('https://script.forumactif.com/10825.js');
});

Decorate your forums for Christmas Recycl11

Code:
var snowsrc="https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/recycl11.png";
    
$(function() {
      $.getScript('https://script.forumactif.com/10825.js');
});

Decorate your forums for Christmas Jingle10

Code:
var snowsrc="https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/jingle10.png";
    
$(function() {
      $.getScript('https://script.forumactif.com/10825.js');
});

Decorate your forums for Christmas Candle12

Code:
var snowsrc="https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/candle12.png";
    
$(function() {
      $.getScript('https://script.forumactif.com/10825.js');
});

Decorate your forums for Christmas Snowma11

Code:
var snowsrc="https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/snowma11.png";
    
$(function() {
      $.getScript('https://script.forumactif.com/10825.js');
});

Decorate your forums for Christmas Santa_11

Code:
var snowsrc="https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/santa_11.png";
    
$(function() {
      $.getScript('https://script.forumactif.com/10825.js');
});


Snow




Decorate your forums for Christmas Snow110
Code:
$(function() {
    $.getScript("https://script.forumactif.com/11926.js");
});
Decorate your forums for Christmas Snow210
Code:
$(function() {
  $.getScript('https://script.forumactif.com/12181.js');
});


Cursors




Administration Panel > Display > Colors & Pictures > Colors (CSS Stylesheet Tab)


Decorate your forums for Christmas Snowman-preview

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

Decorate your forums for Christmas Christmas-tree-preview

Code:
body {
    cursor: url(https://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/christmas-tree.cur), auto;
}

Decorate your forums for Christmas Santa-preview

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

Decorate your forums for Christmas Santa2-preview

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

Compatibility note : You can insert several scripts of the decoration elements. You can also combine these elements with an image rainfall. Nevertheless, only one image rain script can be used at a time.

In addition, we also advise against using more than two decorations at the same time, as this could considerably increase the weight of your pages and their loading time. Please note that some of these decorations may not be compatible with the ModernBB or AwesomeBB versions.

       
Shadow
Shadow
Manager
Manager

Male Posts : 16208
Reputation : 1832
Language : French, English

TonnyKamper, TheCrow, Mimóza, Savvas, KimiD56 and faerycharmjulie 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