Screen Dissolving Virus: scare your visitors

Your visitors knees will turn to jelly if they see your webpage dissolving itself. No panic! It's just a harmless, silly joke written by the fools from Peter Gehrig.




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 1: the <div>-container must be set to an absolute position!
  • Attention 2: the <div>-container must be set to a background-color. In this sample it is white.!
  • Copy the whole <div>-container with the id="mastercontent" and paste it 6 times below the <div>-container with the id="mastercontent".
  • Give the 6 new <div>-containers a new id: 'gost0', 'ghost1', 'ghost2', 'gost3', 'ghost4', 'ghost5',
  • 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;background-color:white">
        your webcontent
    </DIV>

    <DIV id="ghost0" style="position:absolute;top:50px;left:0px;background-color:white">
        your webcontent
    </DIV>

    <DIV id="ghost1" style="position:absolute;top:50px;left:0px;background-color:white">
        your webcontent
    </DIV>

    <DIV id="ghost2" style="position:absolute;top:50px;left:0px;background-color:white">
        your webcontent
    </DIV>

    <DIV id="ghost3" style="position:absolute;top:50px;left:0px;background-color:white">
        your webcontent
    </DIV>

    <DIV id="ghost4" style="position:absolute;top:50px;left:0px;background-color:white">
        your webcontent
    </DIV>

    <DIV id="ghost5" style="position:absolute;top:50px;left:0px;background-color:white">
        your webcontent
    </DIV>

  • 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 1: the <div>-container must be set to an absolute position!
  • Attention 2: the <div>-container must be set to a background-color. In this sample it is white.!
  • Copy the whole <div>-container with the id="mastercontent" and paste it 6 times below the <div>-container with the id="mastercontent".
  • Give the 6 new <div>-containers a new id: 'gost0', 'ghost1', 'ghost2', 'gost3', 'ghost4', 'ghost5',
  • 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;background-color:white">
        your webcontent
    </DIV>

    <DIV id="ghost0" style="position:absolute;top:50px;left:0px;background-color:white">
        your webcontent
    </DIV>

    <DIV id="ghost1" style="position:absolute;top:50px;left:0px;background-color:white">
        your webcontent
    </DIV>

    <DIV id="ghost2" style="position:absolute;top:50px;left:0px;background-color:white">
        your webcontent
    </DIV>

    <DIV id="ghost3" style="position:absolute;top:50px;left:0px;background-color:white">
        your webcontent
    </DIV>

    <DIV id="ghost4" style="position:absolute;top:50px;left:0px;background-color:white">
        your webcontent
    </DIV>

    <DIV id="ghost5" style="position:absolute;top:50px;left:0px;background-color:white">
        your webcontent
    </DIV>

  • Configuration
  • 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 1: the <div>-container must be set to an absolute position!
  • Attention 2: the <div>-container must be set to a background-color. In this sample it is white.!
  • Copy the whole <div>-container with the id="mastercontent" and paste it 6 times below the <div>-container with the id="mastercontent".
  • Give the 6 new <div>-containers a new id: 'gost0', 'ghost1', 'ghost2', 'gost3', 'ghost4', 'ghost5',
  • 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;background-color:white">
        your webcontent
    </DIV>

    <DIV id="ghost0" style="position:absolute;top:50px;left:0px;background-color:white">
        your webcontent
    </DIV>

    <DIV id="ghost1" style="position:absolute;top:50px;left:0px;background-color:white">
        your webcontent
    </DIV>

    <DIV id="ghost2" style="position:absolute;top:50px;left:0px;background-color:white">
        your webcontent
    </DIV>

    <DIV id="ghost3" style="position:absolute;top:50px;left:0px;background-color:white">
        your webcontent
    </DIV>

    <DIV id="ghost4" style="position:absolute;top:50px;left:0px;background-color:white">
        your webcontent
    </DIV>

    <DIV id="ghost5" style="position:absolute;top:50px;left:0px;background-color:white">
        your webcontent
    </DIV>

  • 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 1: the <div>-container must be set to an absolute position!
  • Attention 2: the <div>-container must be set to a background-color. In this sample it is white.!
  • Copy the whole <div>-container with the id="mastercontent" and paste it 6 times below the <div>-container with the id="mastercontent".
  • Give the 6 new <div>-containers a new id: 'gost0', 'ghost1', 'ghost2', 'gost3', 'ghost4', 'ghost5',
  • 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;background-color:white">
        your webcontent
    </DIV>

    <DIV id="ghost0" style="position:absolute;top:50px;left:0px;background-color:white">
        your webcontent
    </DIV>

    <DIV id="ghost1" style="position:absolute;top:50px;left:0px;background-color:white">
        your webcontent
    </DIV>

    <DIV id="ghost2" style="position:absolute;top:50px;left:0px;background-color:white">
        your webcontent
    </DIV>

    <DIV id="ghost3" style="position:absolute;top:50px;left:0px;background-color:white">
        your webcontent
    </DIV>

    <DIV id="ghost4" style="position:absolute;top:50px;left:0px;background-color:white">
        your webcontent
    </DIV>

    <DIV id="ghost5" style="position:absolute;top:50px;left:0px;background-color:white">
        your webcontent
    </DIV>

  • 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 1: the <div>-container must be set to an absolute position!
  • Attention 2: the <div>-container must be set to a background-color. In this sample it is white.!
  • Copy the whole <div>-container with the id="mastercontent" and paste it 6 times below the <div>-container with the id="mastercontent".
  • Give the 6 new <div>-containers a new id: 'gost0', 'ghost1', 'ghost2', 'gost3', 'ghost4', 'ghost5',
  • 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;background-color:white">
        your webcontent
    </DIV>

    <DIV id="ghost0" style="position:absolute;top:50px;left:0px;background-color:white">
        your webcontent
    </DIV>

    <DIV id="ghost1" style="position:absolute;top:50px;left:0px;background-color:white">
        your webcontent
    </DIV>

    <DIV id="ghost2" style="position:absolute;top:50px;left:0px;background-color:white">
        your webcontent
    </DIV>

    <DIV id="ghost3" style="position:absolute;top:50px;left:0px;background-color:white">
        your webcontent
    </DIV>

    <DIV id="ghost4" style="position:absolute;top:50px;left:0px;background-color:white">
        your webcontent
    </DIV>

    <DIV id="ghost5" style="position:absolute;top:50px;left:0px;background-color:white">
        your webcontent
    </DIV>

  • 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 1: the <div>-container must be set to an absolute position!
  • Attention 2: the <div>-container must be set to a background-color. In this sample it is white.!
  • Copy the whole <div>-container with the id="mastercontent" and paste it 6 times below the <div>-container with the id="mastercontent".
  • Give the 6 new <div>-containers a new id: 'gost0', 'ghost1', 'ghost2', 'gost3', 'ghost4', 'ghost5',
  • 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;background-color:white">
        your webcontent
    </DIV>

    <DIV id="ghost0" style="position:absolute;top:50px;left:0px;background-color:white">
        your webcontent
    </DIV>

    <DIV id="ghost1" style="position:absolute;top:50px;left:0px;background-color:white">
        your webcontent
    </DIV>

    <DIV id="ghost2" style="position:absolute;top:50px;left:0px;background-color:white">
        your webcontent
    </DIV>

    <DIV id="ghost3" style="position:absolute;top:50px;left:0px;background-color:white">
        your webcontent
    </DIV>

    <DIV id="ghost4" style="position:absolute;top:50px;left:0px;background-color:white">
        your webcontent
    </DIV>

    <DIV id="ghost5" style="position:absolute;top:50px;left:0px;background-color:white">
        your webcontent
    </DIV>

  •           Configuration