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.


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.



My PM's are closed I am away on leave
Decorate your forums for Christmas Left1212Decorate your forums for Christmas Center11Decorate your forums for Christmas Right112
Decorate your forums for Christmas Ape_b110
Decorate your forums for Christmas Ape1010
APE
APE
Administrator
Administrator

Male Posts : 14604
Reputation : 1596
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