Decorate your forums for Christmas

Go down

Tutorial Decorate your forums for Christmas

Post by APE on December 2nd 2018, 7:07 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:


  • var color = "white" : allows you to change the color of the suspension and stars displayed. By default, the set is white, but you can specify the color of your choice (under its hexadecimal code or its name in English). Note that for some suspensions (whose image is white in the examples below), this color will also apply to the center image.

  • var direction = "left" by default, the suspension will be displayed in the top left corner of the forum. You can choose to display it on the right by indicating right instead of left

  • var attachment = "fixed" : by default, the suspension will follow the page's scrolling, i. e. it is fixed in the corner of the screen. If you want the suspension to remain only at the top of the forum, without following the scrolling, you can specify absolute instead of fixed.


Code:
var deco = "tree";
var color = "white";
var direction = "left";
var attachment = "fixed";
 
$(function() {
  $.getScript('https://script.forumactif.com/13823.js');
});
Code:
var deco = "christmastree";
var color = "white";
var direction = "left";
var attachment = "fixed";
 
$(function() {
  $.getScript('https://script.forumactif.com/13823.js');
});
Code:
var deco = "santa";
var color = "white";
var direction = "left";
var attachment = "fixed";
 
$(function() {
  $.getScript('https://script.forumactif.com/13823.js');
});
Code:
var deco = "gift";
var color = "white";
var direction = "left";
var attachment = "fixed";
 
$(function() {
  $.getScript('https://script.forumactif.com/13823.js');
});
Code:
var deco = "candy";
var color = "white";
var direction = "left";
var attachment = "fixed";
 
$(function() {
  $.getScript('https://script.forumactif.com/13823.js');
});
Code:
var deco = "snow";
var color = "white";
var direction = "left";
var attachment = "fixed";
 
$(function() {
  $.getScript('https://script.forumactif.com/13823.js');
});
Code:
var deco = "snowman";
var color = "white";
var direction = "left";
var attachment = "fixed";
 
$(function() {
  $.getScript('https://script.forumactif.com/13823.js');
});
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




Code:
$(function() {
  $.getScript('https://script.forumactif.com/14770.js');
});



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


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


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



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





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


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


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


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


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


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


Code:
$(function() {
    $.getScript("https://script.forumactif.com/11926.js");
});
Code:
$(function() {
  $.getScript('https://script.forumactif.com/12181.js');
});


Cursors


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



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


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


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


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.




avatar
APE
Administrator
Administrator

Male Posts : 13401
Reputation : 1422
Language : fluent in dork / mumbojumbo & English haha

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

Back to top Go down

Back to top


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