View Source: funny

HTML Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Funny Dress-up Games</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
<META HTTP-EQUIV="imagetoolbar" CONTENT="false">
<meta name="MSSmartTagsPreventParsing" content="true">
<script type="text/javascript" src="http://ariscool.com/3rd/dom-drag.js"></script>
<script type="text/javascript"><!--
// Dressup script by Yohanes Aristianto (ariscool.com@gmail.com)
// Licensed for use at http://ariscool.com
// Please do not modify/host at another website
// [v1.0] 25 July 2007

// ------------------------------------------------------
// USER GUIDE
// ------------------------------------------------------
// Insert/replace the image addresses with your own.
// Follow the format. (the z-order part is optional)
// [z-order !] imageURL
// Once you publish the page, DO NOT change the order of the image address, as it will create inconsistencies
// ------------------------------------------------------

var background_url = 'http://i185.photobucket.com/albums/x277/maschail/sea/sea.jpg';
var area_width = 375;
var area_height = 375;
var default_link_text = 'My funny sea creatures';

var img_list = new Array(
  '9! http://i185.photobucket.com/albums/x277/maschail/sea/bubbles.gif',
  '9! http://i185.photobucket.com/albums/x277/maschail/sea/bubbles.gif',
  '0! http://i185.photobucket.com/albums/x277/maschail/sea/seaweeds.gif',
  '1! http://i185.photobucket.com/albums/x277/maschail/sea/crab.gif',
  '2! http://i185.photobucket.com/albums/x277/maschail/sea/fish1.gif',
  '3! http://i185.photobucket.com/albums/x277/maschail/sea/fish1.gif',
  '2! http://i185.photobucket.com/albums/x277/maschail/sea/fish1a.gif',
  '3! http://i185.photobucket.com/albums/x277/maschail/sea/fish1a.gif',
  '4! http://i185.photobucket.com/albums/x277/maschail/sea/fish2.gif',
  '5! http://i185.photobucket.com/albums/x277/maschail/sea/fish2.gif',
  '4! http://i185.photobucket.com/albums/x277/maschail/sea/fish2a.gif',
  '5! http://i185.photobucket.com/albums/x277/maschail/sea/fish2a.gif',
  
  '6! http://i185.photobucket.com/albums/x277/maschail/sea/fish3.gif',
  '7! http://i185.photobucket.com/albums/x277/maschail/sea/fish3.gif',
  '7! http://i185.photobucket.com/albums/x277/maschail/sea/fish3.gif',
  '6! http://i185.photobucket.com/albums/x277/maschail/sea/fish3a.gif',
  '7! http://i185.photobucket.com/albums/x277/maschail/sea/fish3a.gif',
  '7! http://i185.photobucket.com/albums/x277/maschail/sea/fish3a.gif',
  
  '8! http://i185.photobucket.com/albums/x277/maschail/sea/fish4.gif',
  '9! http://i185.photobucket.com/albums/x277/maschail/sea/fish4.gif',
  '10! http://i185.photobucket.com/albums/x277/maschail/sea/fish4.gif',
  '10! http://i185.photobucket.com/albums/x277/maschail/sea/fish4.gif',
  '8! http://i185.photobucket.com/albums/x277/maschail/sea/fish4a.gif',
  '9! http://i185.photobucket.com/albums/x277/maschail/sea/fish4a.gif',
  '10! http://i185.photobucket.com/albums/x277/maschail/sea/fish4a.gif',
  '10! http://i185.photobucket.com/albums/x277/maschail/sea/fish4a.gif',
  
  '11! http://i185.photobucket.com/albums/x277/maschail/sea/fish5.gif',
  '12! http://i185.photobucket.com/albums/x277/maschail/sea/fish5.gif',
  '13! http://i185.photobucket.com/albums/x277/maschail/sea/fish5.gif',
  '13! http://i185.photobucket.com/albums/x277/maschail/sea/fish5.gif',
  '11! http://i185.photobucket.com/albums/x277/maschail/sea/fish5a.gif',
  '12! http://i185.photobucket.com/albums/x277/maschail/sea/fish5a.gif',
  '13! http://i185.photobucket.com/albums/x277/maschail/sea/fish5a.gif',
  '13! http://i185.photobucket.com/albums/x277/maschail/sea/fish5a.gif',
  
  '14! http://i185.photobucket.com/albums/x277/maschail/sea/glob.gif',
  '15! http://i185.photobucket.com/albums/x277/maschail/sea/glob.gif',
  '16! http://i185.photobucket.com/albums/x277/maschail/sea/glob.gif',
  '17! http://i185.photobucket.com/albums/x277/maschail/sea/glob.gif',

'18! http://i185.photobucket.com/albums/x277/maschail/snail.gif',
  '19! http://i185.photobucket.com/albums/x277/maschail/rock1.gif',
  '19! http://i185.photobucket.com/albums/x277/maschail/rock2.gif',
  
  'END'
);
//--></script>
<style type="text/css">

</style>
</head>
<body style="margin:0;padding:8px;" onload="initImages();">

<div id="doloadimages" style="position:absolute;top:85px;left:12px;width:97%;height:400px;padding:8px;font-size:120%;color:#12C;font-weight:bold;background-color:#FFD;border:1px solid #000;z-index:998;">
  Welcome! Click here to <input type="button" value="load images" onclick="initImages();">
</div>

<div id="mycontent" style="position:absolute;top:85px;left:12px;width:97%;">
  <div id="hellobox" style="position:absolute;top:0;left:0;width:100%;">Hello visitor, please customize your scene!</div>
  <div id="loadingbox" style="position:absolute;top:0;left:0;width:100%;z-index:999;">&nbsp;</div>
  <div id="myarea" style="position:absolute;z-index:0;top:40px;left:0;background-repeat:repeat;background-color:#FFFFFA;border:2px solid #F9F9F3;">&nbsp;</div>
  <div id="dragnote" style="position:absolute;top:40px;">Drag-drop these elements to the box at the left:</div>
</div>

<div id="sharelink" style="position:absolute;left:12px;width:97%;">
  <div id="scenetips" style="font-size:smaller;color:#999;margin-bottom:8px;display:none;">
    Press the PrintScreen button (Prt Scr) on your keyboard, then open <b>Paint</b> and paste the picture. Save.
  </div>
  
  <div style="background-color:#FFD;padding:4px;border:1px solid #FCC;padding-left:8px;"><span style="font-weight:bold;">Share this scene</span> &nbsp;<span style="font-size:smaller;color:#666;">simply put a HTML code on your MySpace, Kupika, etc.</span></div>
  <div style="background-color:#FFE;padding:4px;border:1px solid #FDD;padding-left:8px;padding-top:8px;padding-bottom:8px;">
    <form name="gf" style="margin:0;padding:0;">
    <table cellpadding="0" cellspacing="0" border="0">
      <tr>
        <td>Your name: &nbsp;</td>
        <td><input type="text" name="li_name" id="li_name" size="60" maxlength="50" style="width: 250px;"></td>
      </tr>
      <tr>
        <td style="padding-bottom: 8px; padding-top: 8px;">Link text: &nbsp;</td>
        <td style="padding-bottom: 8px; padding-top: 8px;"><input type="text" name="li_text" id="li_text" size="60" maxlength="75" style="width: 250px;"></td>
      </tr>
    </table>
    
    <div>
      <input type="button" value="Generate HTML code" onclick="generateCode();">&nbsp;
      <input type="text" id="linkcode1" size="60" style="display:none; width: 450px; background-color:#FFC; border:3px solid #C33;" onclick="this.focus(); this.select();" readonly><br>
    </div>
    
    <div id="linknote" style="margin-top:8px; color:#36F; display:none;">
      Copy-paste the above code to your profile on MySpace, Kupika, etc.<br>
      The link will look like this: <span id="linkpreview">&nbsp;</span>
    </div>
    
    </form>
  </div>

<br><div align="center">
  <script type="text/javascript" src="http://ariscool.com/3rd/du-ad.js"></script>
  </div><br>
  
  <div style="text-align:center; margin-top:20px;margin-bottom:10px;">
    <div style="margin-bottom:10px;">
      <a href="http://ariscool.com/dressup">How To Create Your Own Dress-up Games</a>
    </div>
    <div style="font-size:smaller;">
      this page &copy 2007 <a href="mailto:ariscool.com@gmail.com">Yohanes Aristianto</a> -
      the creator of <a href="http://kupika.com">Kupika, cute anonymous friends</a> . i love your emails!
    </div>
  </div>
</div>

</body>
</html>

Any comments or suggestions? ariscool.com@gmail.com