Ghostpage: your text will be haunted

Something rather weird happens on your webpage: after loading the texts start changing its colors in a creepy way continously! Is this witchery? Is this the frightening cyberghost haunting your screen? Or is it just a little bit DHTML-magic? You decide (and then call the ghostbusters, please).




Over 2000+ free Javascript
at JavaScriptBank.com Website
Configuration
  • Open the HTML-file.
  • Go to the <body>-section of the HTML-file and put the content of your webpage into a <div>-container.
  • Name this <div>-container id="mastercontent".
  • Attention: the <div>-container must be set to an absolute position!
  • Copy the whole <div>-container with the id="mastercontent" and paste it three times below the <div>-container with the id="mastercontent".
  • Give the three new <div>-containers a new id: 'gost0', 'ghost1', 'ghost2'.
  • Do not change anyhing at all inside the three new <div>-containers except for the colors of your fonts! The change of fontcolors will create the strange effect!
  • Sounds tooooooooo complicated? No, it's not. In fact it's very easy. After customizing the HTML-page it should look like this:

    <DIV id="mastercontent" style="position:absolute;top:50px;left:0px;">
        your original webcontent (original fontcolors)
    </DIV>

    <DIV id="ghost0" style="position:absolute;top:50px;left:0px;">
        your original webcontent (changed fontcolors)
    </DIV>

    <DIV id="ghost1" style="position:absolute;top:50px;left:0px;">
        your original webcontent (changed fontcolors)
    </DIV>

    <DIV id="ghost2" style="position:absolute;top:50px;left:0px;">
        your original webcontent (changed fontcolors)
    </DIV>


  • And now let's have some fun and haunt the cyberspace!
  • Configuration
  • Open the HTML-file.
  • Go to the <body>-section of the HTML-file and put the content of your webpage into a <div>-container.
  • Name this <div>-container id="mastercontent".
  • Attention: the <div>-container must be set to an absolute position!
  • Copy the whole <div>-container with the id="mastercontent" and paste it three times below the <div>-container with the id="mastercontent".
  • Give the three new <div>-containers a new id: 'gost0', 'ghost1', 'ghost2'.
  • Do not change anyhing at all inside the three new <div>-containers except for the colors of your fonts! The change of fontcolors will create the strange effect!
  • Sounds tooooooooo complicated? No, it's not. In fact it's very easy. After customizing the HTML-page it should look like this:

    <DIV id="mastercontent" style="position:absolute;top:50px;left:0px;">
        your original webcontent (original fontcolors)
    </DIV>

    <DIV id="ghost0" style="position:absolute;top:50px;left:0px;">
        your original webcontent (changed fontcolors)
    </DIV>

    <DIV id="ghost1" style="position:absolute;top:50px;left:0px;">
        your original webcontent (changed fontcolors)
    </DIV>

    <DIV id="ghost2" style="position:absolute;top:50px;left:0px;">
        your original webcontent (changed fontcolors)
    </DIV>


  • And now let's have some fun and haunt the cyberspace!
  • Configuration
  • Open the HTML-file.
  • Go to the <body>-section of the HTML-file and put the content of your webpage into a <div>-container.
  • Name this <div>-container id="mastercontent".
  • Attention: the <div>-container must be set to an absolute position!
  • Copy the whole <div>-container with the id="mastercontent" and paste it three times below the <div>-container with the id="mastercontent".
  • Give the three new <div>-containers a new id: 'gost0', 'ghost1', 'ghost2'.
  • Do not change anyhing at all inside the three new <div>-containers except for the colors of your fonts! The change of fontcolors will create the strange effect!
  • Sounds tooooooooo complicated? No, it's not. In fact it's very easy. After customizing the HTML-page it should look like this:

    <DIV id="mastercontent" style="position:absolute;top:50px;left:0px;">
        your original webcontent (original fontcolors)
    </DIV>

    <DIV id="ghost0" style="position:absolute;top:50px;left:0px;">
        your original webcontent (changed fontcolors)
    </DIV>

    <DIV id="ghost1" style="position:absolute;top:50px;left:0px;">
        your original webcontent (changed fontcolors)
    </DIV>

    <DIV id="ghost2" style="position:absolute;top:50px;left:0px;">
        your original webcontent (changed fontcolors)
    </DIV>


  • And now let's have some fun and haunt the cyberspace!