Help get this topic noticed by sharing it on Twitter, Facebook, or email.

Flashing Christmas lights on your website... A Honey Bear Playhomes tip...

So I was playing around with my GIMP program and made a string of flashing Christmas lights to go on either the top or bottom of your website. It is a small GIF file that stretches from the left to the right side of the screen regardless your screen resolution.

Christmas lights on top: http://tester2.synthasite.com/christm...

Christmas lights on bottom: http://tester2.synthasite.com/christm...

I'll make a string with smaller (but more) bulbs this weekend when I have time...

With the code the way its currently written, it is only possible to have one or the other but not both top and bottom lights. Just copy the code shown into an HTML widget on your site.

Happy site building
Ed

You can find me with my head in the honey pot here... A link back would be nice ;)

Honey Bear Playhomes Tips and Favs in one place... A Honey bear Playhomes Tip ;)
1 person likes
this idea
+1
Reply
  • EMPLOYEE
    I’m getting a Christmas vibe!
    Hi Ed

    Thanks for adding these resources to bring some Christmas cheer to Yola sites! I'm sure it will give help and inspiration to people who have entered our Christmas website competition! :)

    Nazlie
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. sad, anxious, confused, frustrated kidding, amused, unsure, silly indifferent, undecided, unconcerned happy, confident, thankful, excited

  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. sad, anxious, confused, frustrated kidding, amused, unsure, silly indifferent, undecided, unconcerned happy, confident, thankful, excited

  • CHAMP
    I’m thankful
    Thanks Ed! These are awesome tips! I am sure a lot of people will use this for their christmas websites! I already saw somebody use that holly falling down the page and the snow flakes!
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly indifferent, undecided, unconcerned sad, anxious, confused, frustrated happy, confident, thankful, excited

  • Okay, so I finally got around to the top and bottom lights on the same page regardless the screen resolution... I'm happy and think they look great together...

    http://tester2.synthasite.com/christm...

    I have scoured the web and this is the first place that one can come and find so many different Christmas features to add to their websites.

    All a person has to do is look, like and then copy and paste... No downloading, uploading or freaking out over how to do flash, code script or any of the brain melting stuff involved. My brain is fried for you... LOL
    • view 3 more comments
    • Dang Ed! That's sweet! Great job! :) I see now too how that script is better. Can you resize it? Like make the lights bigger or smaller?
    • Okay, I just have not got into the code to try to alter the size that way. I did think that the bulbs were a little large so I started over and made them smaller and while I was at it randomized the colors because I thought the (red, yellow, green, blue) in order looked off. As well, I brightened the bulbs to show more color. The others were too dark I thought.
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly indifferent, undecided, unconcerned sad, anxious, confused, frustrated happy, confident, thankful, excited

  • This reply was removed on 2010-11-22.
    see the change log
  • Ed, I sent you an email a few days ago. Hoping to hear from you!
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. sad, anxious, confused, frustrated kidding, amused, unsure, silly indifferent, undecided, unconcerned happy, confident, thankful, excited

  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. sad, anxious, confused, frustrated kidding, amused, unsure, silly indifferent, undecided, unconcerned happy, confident, thankful, excited

  • How could I ever make the Christmas lights better you ask?

    Well how about making them look a little more realistic and like the lights that you hang from your very own Christmas tree perhaps because that is exactly what I did... ;)

    I spent nearly 7 hours designing and editing in GIMP making the lights look as perfect as I could but wasn't able to get the glow effect just right because GIFs don't like to do the translucence that was involved in making the lightbulbs glow. Soooo, I had to finish it out in flash and spent another 6 hours doing just that... The glow effect I added looks way cool and makes them look that much more realistic I think.

    http://tester2.synthasite.com/small-l...

    After all this work I am beat and wiped out. It was worth it as I cannot wait to see how people add them to their websites. How about leaving your website URL so that I can see what you have done...
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly indifferent, undecided, unconcerned sad, anxious, confused, frustrated happy, confident, thankful, excited

  • Thanks Nathan

    Yeah it took a long time to do this one but it is way worth it to see how it turned out in the end. I am completely blown away at how it far exceeded my expectations.

    I started with a JPG of a Christmas light in GIMP, removed the background to make it transparent, darkened the bulbs and then individually lightened each bulb and added the glow to make it look more realistic. Finding out that I couldn't achieve the look that I wanted with an animated GIF I kinda was forced to use flash. There was no other way...

    I used Aleosoft flash banner maker to animate it. Taking the darkened string of lights that I created with GIMP I inserted them into the banner maker and then took the lightened bulbs with glow effect and inserted each bulb individually and set the timing and flicker for a realistic and semi-random flash. (Harder than it sounds LOL) Each bulb is an individual object in the flash and overlays the darkened string of lights so that when the bulb turns on it looks real.

    The look that I was going for was a colored glow around the bulb that had a translucent effect that you could see through at the edges. The halo is just transparent enough to see the color of the background behind.

    http://www.aleosoft.com/flash-intro-b...

    The banner maker is the same program that I used to make the falling snow backgrounds. I bought the program 2 years ago and have used it for 90% of my flash needs so far. Really great program.

    LOL I am such a nob... The script that I added for my Honey Bear linkback was wrong. I added the resources link and not the full URL so if anyone has added it to their sites please go back and get the complete code. ;)

    Okay my eyes are slamming shut as I type... Gotta sleep..................
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly indifferent, undecided, unconcerned sad, anxious, confused, frustrated happy, confident, thankful, excited