How to Add Falling Effects to My Web Page

How to Add Falling Effects to My Web Page thumbnail
Create the image of falling snow on your Web page.

Many people enjoy customizing their Web page with unique effects and scripts, such as the image of a falling object. Though most downloadable scripts that create falling objects in HTML use snow as the object, you can change the image path to make any object you desire fall. In most cases, small objects that contrast with the colors of your Web page subtly make for the most aesthetically pleasing falling-object effect.

Instructions

    • 1

      Download the falling object plug-in from a script website. Alternatively, visit a website that lists the code.

    • 2

      Click on the "My Computer" or "Finder" window and double-click on the "Downloads" folder. Click on the "Date" button to organize by date of download and right-click on the script you just downloaded. Scroll to "Open With" and select "Text Editor."

    • 3

      Navigate to your website or blog and access the "Edit Template" or "Edit Webpage" function. On many popular blog sites, this function is under the "Templates" page. Click on the "Edit HTML" button, if necessary.

    • 4

      Click on the text edit page. Press the "Control" key while pressing the "A" key to select all the text. Right-click and scroll to copy. If you are using a website that lists code, select and copy the code in the box under the word "Snow Script" or "Falling Script."

    • 5

      Return to your HTML editor. Scroll past the HTML header, which starts with <head> and locate the text that reads <script>. Place your cursor before the "<" of "<script>."

    • 6

      Press the "Control" key on your keyboard while you tap the "V" key to paste the script.

    • 7

      Change the snowflakes to other images, if desired. Locate the lines that end "/snow.1.png" and change the end to a png image stored on your folder. The line of code should contain the entire file name of the image in quotes and should end with a comma. Repeat this step for each image you wish to change. If you are using a script that requires you to select an image, change all of the image names to the image you wish to use.

Tips & Warnings

  • Websites must use HTML or CSS to be compatible with most falling object scripts.

Related Searches:

References

Resources

  • Photo Credit Jupiterimages/Comstock/Getty Images

Comments

You May Also Like

Related Ads

Featured