The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Decorate your forum for Halloween !

View previous topic View next topic Go down

Decorate your forum for Halloween !

Post by Ange Tuteur on October 19th 2015, 11:20 am

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



To install these 3 codes :

Administration Panel Display Colors CSS stylesheet

Cursor




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



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


Code:
body {
  cursor:url('http://i21.servimg.com/u/f21/16/89/96/68/h_curs10.png'),auto;
}

To install these codes :


Administration Panel Modules Javascript codes management Create a new Javascript

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



Decoration on top of the forum
Scripts by Adam_sfp


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


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


  • Spider web
Code:
$(function() {
    $.getScript("http://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Halloween/toile_r.js");
});


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


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


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


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


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


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


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



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



Image rain



Code:
var snowsrc="http://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Halloween/citrou14.png";
       
$(function() {
      $.getScript('http://js01.fra.co/20215.js');
});



Code:
var snowsrc="http://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Halloween/pumpki10.png";
       
$(function() {
      $.getScript('http://js01.fra.co/20215.js');
});



Code:
var snowsrc="http://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Halloween/ghost10.png";
       
$(function() {
      $.getScript('http://js01.fra.co/20215.js');
});



Code:
var snowsrc="http://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Halloween/bat10.png";
       
$(function() {
      $.getScript('http://js01.fra.co/20215.js');
});



Code:
var snowsrc="http://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Halloween/witch_10.png";
       
$(function() {
      $.getScript('http://js01.fra.co/20215.js');
});



Code:
$.getScript('http://js01.fra.co/19274.js');



Code:
var snowsrc="http://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Halloween/scream10.png";
       
$(function() {
      $.getScript('http://js01.fra.co/20215.js');
});



Code:
var snowsrc="http://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Halloween/cheshi10.png";
       
$(function() {
      $.getScript('http://js01.fra.co/20215.js');
});



Code:
var snowsrc="http://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Halloween/Moon-icon.png";
       
$(function() {
      $.getScript('http://js01.fra.co/20215.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



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="http://icons.iconarchive.com/icons/iconshock/halloween/48/head-icon.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>');}



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="http://icons.iconarchive.com/icons/gcds/halloween/48/spider-icon.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>');}



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="http://icons.iconarchive.com/icons/ergosign/free-halloween/48/Ghost-icon.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>');}

Happy Halloween everyone ! What a Face



Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Re: Decorate your forum for Halloween !

Post by Broomhilda on October 19th 2015, 8:44 pm

Thank you for these cool Halloween decorations Ange Very good

Broomhilda
Forumember

Female Posts : 245
Reputation : 27
Language : English
Location : Missouri

http://broomhildassims2.my-freeforum.com/

Back to top Go down

Re: Decorate your forum for Halloween !

Post by globcomark on October 21st 2015, 5:18 pm

hello support ,

i did registered to your free forum , and its the first time i do use forums ..so i liked the idea more than having any usual webpage ..so i have done approx 50% till now from my forum and categories ..but still need to prepare it ..to be like what i need ..so i have some questions related some setups so i hope you would help me with to know if its ok to continue or its not to stop so questions are :

1- can i add affiliate banner ?
2- what is the ways that i can get profit from my forum ?
3- can i setup Donate Payment in order to make some donation for my forum from the members? and how ??
4- can i setup one category and forum that can sell some product ?? and how ??
5- can you add Paypal also as a payment method ..in order to buy some credits?
6- how do i make your Forumotion icon disappear from my forum ??
7- the moderators are fully control by me ???

hope you can help me and answer my questions .

Thank You . Globcomark

globcomark
Forumember

Posts : 36
Reputation : 2
Language : english

http://globcomark.forumarabia.com/

Back to top Go down

Re: Decorate your forum for Halloween !

Post by Leviosa on October 21st 2015, 5:28 pm

Hello

You should not post on announcement Wink This topic is dedicated to Halloween decorations. You have to open a new topic on the forum: Support
You can also read our FAQ and our list if tricks and tips

Regards
Buttercup


No help without your forum url
No support via private message



Leviosa
Administrator
Administrator

Female Posts : 15587
Reputation : 1589
Language : French, English

http://help.forumotion.com

Back to top Go down

Re: Decorate your forum for Halloween !

Post by globcomark on October 21st 2015, 10:45 pm

hi ,

Thank You dear , for replying me your so kind , and so for posting there i didnt met . the problem was i cant find who can help me . and answer my questions . hope there is someone can support , its the first time i do use Forum . and you can say im lost here . Smile have a nice time .

globcomark
Forumember

Posts : 36
Reputation : 2
Language : english

http://globcomark.forumarabia.com/

Back to top Go down

Re: Decorate your forum for Halloween !

Post by SLGray on October 21st 2015, 10:50 pm

@globcomark wrote:hi ,

Thank You dear , for replying me your so kind , and so for posting there i didnt met . the problem was i cant find who can help me . and answer my questions . hope there is someone can support , its the first time i do use Forum . and you can say im lost here . Smile have a nice time .
You need to start a topic in the support section so we can help you.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36657
Reputation : 2443
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Re: Decorate your forum for Halloween !

Post by globcomark on October 21st 2015, 11:02 pm

hi ,

i did sent now from the topic support , thank you for your support Smile

globcomark
Forumember

Posts : 36
Reputation : 2
Language : english

http://globcomark.forumarabia.com/

Back to top Go down

Re: Decorate your forum for Halloween !

Post by aprilshowers0923 on October 25th 2015, 2:28 pm

Thank you so much...I used a few of them and love it...thank you for your hard work.

April

aprilshowers0923
Forumember

Posts : 153
Reputation : 6
Language : english

http://backgroundsapril.forummotions.com/

Back to top Go down

Re: Decorate your forum for Halloween !

Post by Mariami on October 29th 2015, 3:11 pm

please,are you able to add more halloween things?

Mariami
Forumember

Posts : 106
Reputation : 1
Language : english

http://mundonoveleras.forum2x2.ru/forum

Back to top Go down

Re: Decorate your forum for Halloween !

Post by Mariami on October 29th 2015, 3:22 pm

i want this image to be on the head. on the left and on the right. please put me this picture javascript code

Mariami
Forumember

Posts : 106
Reputation : 1
Language : english

http://mundonoveleras.forum2x2.ru/forum

Back to top Go down

Re: Decorate your forum for Halloween !

Post by Ange Tuteur on October 29th 2015, 3:39 pm

Hi @Mariami,

Create a new script with the following settings :
Modules > JS codes management > New

Placement : Your choice
Code:
$(function() {
  var image = {
    source : 'http://3.bp.blogspot.com/-7SE1gTIyadU/UkSuM5RTQNI/AAAAAAABKOw/sE5r5RGxIEU/s1600/Gifs+Animados+Halloween+23.gif',
    position : 'left',
    element : document.createElement('IMG')
  };

  image.element.src = image.source;
  image.element.style.position = 'absolute';
  image.element.style.top = '0px';
  image.element.style[/left|right/i.test(image.position) ? image.position : 'left'] = '0px';

  document.body.appendChild(image.element);
});

At the top you can change the image URL and position of the image. For any further assistance thanks for opening a topic into the support section. Wink

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Re: Decorate your forum for Halloween !

Post by Mariami on October 29th 2015, 3:51 pm

thannk you <3

Mariami
Forumember

Posts : 106
Reputation : 1
Language : english

http://mundonoveleras.forum2x2.ru/forum

Back to top Go down

Re: Decorate your forum for Halloween !

Post by Ange Tuteur on October 29th 2015, 4:23 pm

You're welcome, have a happy spooky Halloween. Pumpkin

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Re: Decorate your forum for Halloween !

Post by catgirl on September 18th 2016, 5:27 pm

I love these decorations! I am putting the cursor on my site now, just trying to figure out a way to allow it to hover over a link and keep or change the picture so that it won't go back to the pointer cursor. But I love the decorations.

catgirl
Forumember

Female Posts : 206
Reputation : 17
Language : English

http://winxforevermagic.crazy4us.com/

Back to top Go down

View previous topic View next topic Back to top


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