FM Design
Would you like to react to this message? Create an account in a few clicks or log in to continue.

IMPORTANT

FM Design is in read-only mode, please click here for more information.

Latest topics
» Forumactif Edge - Releases
by Ange Tuteur Tue 03 Sep 2019, 11:49

» GIFActif - Giphy Button for the Editor
by Ange Tuteur Wed 08 May 2019, 17:21

» Forum Closure
by Ange Tuteur Mon 01 Jan 2018, 01:28

» Chit Chat Thread
by Valoish Sun 31 Dec 2017, 19:15

» Font/Text background color.
by Valoish Sun 31 Dec 2017, 19:11

» Forumactif Messenger - Instant Message Application for Forumotion
by Wolfuryo Sun 31 Dec 2017, 18:24

» [GAME] Count to One Million!
by brandon_g Fri 29 Dec 2017, 18:58

» Post Cards
by manikbiradar Wed 20 Dec 2017, 07:50

» [GAME] Countdown from 200,000
by Valoish Wed 13 Dec 2017, 23:22

» GeekPolice Tech Support Forums - GeekPolice.net
by Dr Jay Mon 11 Dec 2017, 19:12

» Asking about some plugin for Forumotion
by Dr Jay Mon 11 Dec 2017, 19:10

» [GAME] What are you thinking right now?
by Van-Helsing Sat 09 Dec 2017, 14:51

» Widget : Similar topics
by ranbac Wed 06 Dec 2017, 18:11

» Change the Background of the Forum and put an image and how to make prefixs?
by Clement Wed 06 Dec 2017, 15:19

» Hello from Western Australia
by SarkZKalie Wed 06 Dec 2017, 05:34

Recent Tutorials
Top posting users this month

Who is online?
In total there are 16 users online :: 0 Registered, 0 Hidden and 16 Guests

None

[ View the whole list ]


Most users ever online was 515 on Tue 14 Sep 2021, 15:24

Scary face

View previous topic View next topic Go down

Bigtuber
Bigtuber

Gender : Male
Posts : 125
Points : 3203
Reputation : 52
Location : Germany
Language : German, English
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge

PostBigtuber Mon 31 Oct 2016, 15:11

You got me, Ange. Humor
Wow, this was unexpected. Héhé..
Valoish
Valoish
Graphic Designer
Gender : Female
Age : 27
Posts : 3671
Points : 7141
Reputation : 360
Location : NYC
Language : English, Russian, Hebrew
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB2
http://www.canvasforums.com https://twitter.com/Valoishx3

PostValoish Mon 31 Oct 2016, 15:13

Gave me a heart attack at school ; A;
Listening to instrumental music while studying and then I check this forum and bam
Rip my life x_x
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12035
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Mon 31 Oct 2016, 15:18

I see you two met our other worldly friends ! No worries they wont bite ( I think >.> ), might scare the crap outta you though. Naughty

Anyone know a good exorcist ?
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12035
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Mon 31 Oct 2016, 16:50

If anyone is up for scaring their members, here's the script. Twisted Evil

Go to Admin Panel > Modules > JS Codes management > Create a new script

Title : Jump Scare
Placement : In all the pages
Code:
$(function() {
  'JUMP SCARE - Happy Halloween';
  'Script by : https://github.com/SethClydesdale';
  'Images from : http://designurge.com/scary-pictures/';

  // list of images for scaring poor souls
  var list = [
    'https://i97.servimg.com/u/f97/18/45/41/65/evil_d10.jpg',
    'https://i97.servimg.com/u/f97/18/45/41/65/evilde10.jpg',
    'https://i97.servimg.com/u/f97/18/45/41/65/hallow10.jpg',
    'https://i97.servimg.com/u/f97/18/45/41/65/scary-10.jpg',
    'https://i97.servimg.com/u/f97/18/45/41/65/scream10.jpg',
    'https://i97.servimg.com/u/f97/18/45/41/65/evil-d10.jpg',
    'https://i97.servimg.com/u/f97/18/45/41/65/10051110.jpg',
    'https://i97.servimg.com/u/f97/18/45/41/65/17662710.gif'
  ],

  img = document.createElement('DIV'); // div instead of an img so we can use backgroundSize

  // set CSS styles
  $(img).css({
    background : 'url(' + list[ Math.floor(Math.random() * list.length) ] + ') no-repeat',
    backgroundSize : '100% 100%',
    position : 'fixed',
    top : 0,
    left : 0,
    right : 0,
    bottom : 0,
    opacity : 1,
    visibility : 'hidden',
    zIndex : 1000000
  });

  document.body.appendChild(img); // add the div to the document
  window.jump_scare = img; // cache the div to a global var

  // bind click event to all links
  $('a').click(function() {
    if (Math.floor(Math.random() * 10) == 0) { // 1 in 10 chance of jump scare triggering
      jump_scare.style.visibility = ''; // show image

      // fade the image out
      $(jump_scare).animate({
        opacity : 0
      }, 400, function() {
        jump_scare.style.visibility = 'hidden'; // hide the image again
      });
    }
  });
});
Once the script is installed there's a 1 in 10 chance that a scary image will pop up when you click on links.

P.S. It uses jQuery since this was a quickie.

Happy Halloween ! Scary face 1f383


Last edited by Ange Tuteur on Mon 31 Oct 2016, 17:04; edited 1 time in total
Ace 1
Ace 1
Valued Member
Gender : Unspecified
Age : 24
Posts : 2153
Points : 5311
Reputation : 95
Location : USA
Language : English ?
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
https://fmdesign.forumotion.com/u190

PostAce 1 Mon 31 Oct 2016, 16:59

Whoa kinda twisted but I may use this to intimidate the users on my forum (evil)
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12035
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Mon 31 Oct 2016, 17:03

Ace 1 wrote:Whoa kinda twisted but I may use this to intimidate the users on my forum (evil)
YEEEAAAH JOIN TO EVIL CLUB ! Twisted Evil

Forgot to mention ; There's a 1 in 10 chance that a scary image will pop up when you click on links.
Ace 1
Ace 1
Valued Member
Gender : Unspecified
Age : 24
Posts : 2153
Points : 5311
Reputation : 95
Location : USA
Language : English ?
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
https://fmdesign.forumotion.com/u190

PostAce 1 Mon 31 Oct 2016, 17:13

Yep. Line 39.

And line 45 the
Code:
400
is how long the image will remain on screen. right?
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12035
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Mon 31 Oct 2016, 17:22

Yep, it stays on screen for 400ms. It uses jQuery's animate() for the smooth transition. Probably could've used fadeOut() instead. Been awhile since I used it that I forgot lol.
Ace 1
Ace 1
Valued Member
Gender : Unspecified
Age : 24
Posts : 2153
Points : 5311
Reputation : 95
Location : USA
Language : English ?
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
https://fmdesign.forumotion.com/u190

PostAce 1 Mon 31 Oct 2016, 17:24

You ever heard of Velocity.js?
Valoish
Valoish
Graphic Designer
Gender : Female
Age : 27
Posts : 3671
Points : 7141
Reputation : 360
Location : NYC
Language : English, Russian, Hebrew
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB2
http://www.canvasforums.com https://twitter.com/Valoishx3

PostValoish Mon 31 Oct 2016, 17:59

Saving for next year for sure :'3
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12035
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Tue 01 Nov 2016, 10:52

Ace 1 wrote:You ever heard of Velocity.js?
Nope, never heard of it before, looks useful though ! Surprised

Valoish wrote:Saving for next year for sure :'3
YEEEESSSS SCARE EVERYONE NEXT YEAR ! Razz
Valoish
Valoish
Graphic Designer
Gender : Female
Age : 27
Posts : 3671
Points : 7141
Reputation : 360
Location : NYC
Language : English, Russian, Hebrew
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB2
http://www.canvasforums.com https://twitter.com/Valoishx3

PostValoish Tue 01 Nov 2016, 11:28

For sure ;3 Keeping it a secret from the other admins too Razz
/PrayingHaeDoesntLogOn
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12035
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Tue 01 Nov 2016, 12:03

She's lucky she wasn't here on Halloween. Razz
Valoish
Valoish
Graphic Designer
Gender : Female
Age : 27
Posts : 3671
Points : 7141
Reputation : 360
Location : NYC
Language : English, Russian, Hebrew
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB2
http://www.canvasforums.com https://twitter.com/Valoishx3

PostValoish Tue 01 Nov 2016, 13:29

LOL. I KNOW. She would have died cuz she gets scared easily 
Rip her next year on Canvas though LOLOL. c;<
Sponsored content

PostSponsored content

View previous topic View next topic Back to top

Similar topics

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

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