home *** CD-ROM | disk | FTP | other *** search
/ theapplecollection.com / www.theapplecollection.com.tar / www.theapplecollection.com / get_url.php?counter=citycreator&link=http:%2F%2Fwww.citycreator.com%2F.orig < prev    next >
Text File  |  2010-10-11  |  7KB  |  114 lines
  1. <html>
  2. <head>
  3. <title>City Creator</title>
  4. <style>
  5.  
  6. body        { background-color: #777777; }
  7. img        { border: 0px; }
  8. form        { border: 0px; margin: 0px; padding: 0px; }
  9.  
  10. #outer        { position: absolute; left:    50%; top:  20px; }
  11. #canvas        { position: absolute; left: -370px; top:   0px; width: 740px; height: 439px; z-index: 1; }
  12. #canvasinner    { position: absolute; left:    0px; top:   0px; width: 740px; height: 439px; z-index: 1; background-color: #444444; }
  13. #copyright    { position: absolute; left: -370px; top: 442px; width: 740px; height:  20px; z-index: 1; }
  14.  
  15. #bordertop    { position: absolute; left:    0px; top:   0px; width: 740px; height:   8px; }
  16. #borderbottom    { position: absolute; left:    0px; top: 430px; width: 740px; height:   9px; }
  17. #borderleft    { position: absolute; left:    0px; top:   8px; width:  10px; height: 422px; }
  18. #borderright    { position: absolute; left:  730px; top:   8px; width:  10px; height: 422px; }
  19. #pagebg        { position: absolute; left:   10px; top:   8px; width: 720px; height: 422px; }
  20.  
  21. #welcome    { position: absolute; left:   22px; top:  87px; width: 214px; height: 330px; z-index: 10; }
  22. #board        { position: absolute; left:  257px; top:  28px; width: 469px; height: 398px; z-index: 10; }
  23.  
  24. .text        { color: #ffffff; font-family: arial, helvetica, sans-serif; font-size: 11px; line-height: 13px; }
  25. .copyright    { color: #B9B9B9; font-family: arial, helvetica, sans-serif; font-size: 11px; line-height: 13px; }
  26.  
  27. </style>
  28. </head>
  29. <body>
  30.  
  31. <div id="outer">
  32. <div id="canvas">
  33. <div id="canvasinner">
  34.  
  35.     <div id="bordertop"    ><img src="images/frame/border_top.gif"    width="740" height="8"  ></div>
  36.     <div id="borderbottom" ><img src="images/frame/border_bottom.gif" width="740" height="9"  ></div>
  37.     <div id="borderleft"   ><img src="images/frame/border_left.gif"   width="10"  height="422"></div>
  38.     <div id="borderright"  ><img src="images/frame/border_right.gif"  width="10"  height="422"></div>
  39.  
  40.     <div id="pagebg"><img src="images/frame/main_home.gif" width="720" height="422" usemap="#topbarmap"></div>
  41.  
  42.     <div style="position: absolute; left: 259px; top: 8px; width: 29px; height: 17px;"><a href="./"          ><img src="images/frame/tab_home_on.gif"    width="29" height="17" border="0"></a></div>
  43.     <div style="position: absolute; left: 290px; top: 8px; width: 46px; height: 17px;"><a href="members.city"><img src="images/frame/tab_members_off.gif" width="46" height="17" border="0"></a></div>
  44.     <div style="position: absolute; left: 338px; top: 8px; width: 24px; height: 17px;"><a href="faq.city"    ><img src="images/frame/tab_faq_off.gif"     width="24" height="17" border="0"></a></div>
  45.     <div style="position: absolute; left: 673px; top: 8px; width: 50px; height: 17px;"><a href="build.city?city=3"><img src="images/frame/tab_city_3_off.gif" width="50" height="17" border="0"></a></div>
  46.     <div style="position: absolute; left: 631px; top: 8px; width: 39px; height: 17px;"><a href="build.city?city=2"><img src="images/frame/tab_city_2_off.gif" width="39" height="17" border="0"></a></div>
  47.     <div style="position: absolute; left: 585px; top: 8px; width: 43px; height: 17px;"><a href="build.city?city=1"><img src="images/frame/tab_city_1_off.gif" width="43" height="17" border="0"></a></div>
  48.     <div style="position: absolute; left: 547px; top: 8px; width: 35px; height: 16px;"><img src="images/frame/tab_label.gif" width="35" height="16"></div>
  49.  
  50.     <div id="welcome" class="text">
  51.         <span style="color: #ffff00; font-weight: bold;">Instructions</span><br>
  52.         Choose a city from the selection on the right, and click the corresponding 'build' button to begin.<br>
  53.         <br>
  54.         Drag and drop pieces from the palettes on the left onto the space on the right. Clicking on a piece brings it to the front.
  55.         <br>
  56.         Arrange them to make your city. (It might help to start by adding the roads)<br>
  57.         <br>
  58.         <table border="0" cellpadding="0" cellspacing="0">
  59.             <tr valign="top">
  60.                 <td><img src="images/truck.gif" width="66" height="48"></td>
  61.                 <td><img src="images/space.gif" width="4" height="48"></td>
  62.                 <td class="text">If you don't like a piece you can delete it by putting it in the dumper truck in the right corner.</td>
  63.             </tr>
  64.         </table>
  65.         <br>
  66.         You can delete your whole town by clicking the 'Delete all' button.<br>
  67.         <br>
  68.         Click 'Save & send' to send your unique city to your friends.<br>
  69.         <br>
  70.         <span style="color: #ffff00;">Have fun,<br>
  71.         <b>The Construction Crew</b></span><br>
  72.     </div>
  73.  
  74.     <div id="board">
  75.         <div style="position: absolute; left:  11px; top:   9px; width: 215px; height: 168px"><a href="build.city?city=3"><img src="images/pages/home_card_3.gif"    width="215" height="168" border="0"></a></div>
  76.         <div style="position: absolute; left: 244px; top:   9px; width: 215px; height: 168px"><a href="build.city?city=2"><img src="images/pages/home_card_2.gif"    width="215" height="168" border="0"></a></div>
  77.         <div style="position: absolute; left:  11px; top: 201px; width: 215px; height: 168px"><a href="build.city?city=1"><img src="images/pages/home_card_1.gif"    width="215" height="168" border="0"></a></div>
  78.         <div style="position: absolute; left: 244px; top: 201px; width: 215px; height: 168px"><a href="suggest.city"     ><img src="images/pages/home_card_next.gif" width="215" height="168" border="0"></a></div>
  79.  
  80.         <div style="position: absolute; left: 185px; top: 181px; width:  39px; height:  18px"><a href="build.city?city=3"><img src="images/pages/btn_build.gif" width="39" height="18" border="0"></a></div>
  81.         <div style="position: absolute; left: 417px; top: 181px; width:  39px; height:  18px"><a href="build.city?city=2"><img src="images/pages/btn_build.gif" width="39" height="18" border="0"></a></div>
  82.         <div style="position: absolute; left: 185px; top: 374px; width:  39px; height:  18px"><a href="build.city?city=1"><img src="images/pages/btn_build.gif" width="39" height="18" border="0"></a></div>
  83.         <div style="position: absolute; left: 381px; top: 374px; width:  73px; height:  18px"><a href="suggest.city"     ><img src="images/pages/btn_suggest.gif" width="73" height="18" border="0"></a></div>
  84.  
  85.         <div style="position: absolute; left: 140px; top: 181px; width:  45px; height:  18px"><img src="images/pages/home_label_3.gif" width="45" height="18"></div>
  86.         <div style="position: absolute; left: 372px; top: 181px; width:  45px; height:  18px"><img src="images/pages/home_label_2.gif" width="45" height="18"></div>
  87.         <div style="position: absolute; left: 140px; top: 374px; width:  45px; height:  18px"><img src="images/pages/home_label_1.gif" width="45" height="18"></div>
  88.     </div>
  89.  
  90.  
  91. </div>
  92. </div>
  93. <div id="copyright" class="copyright">
  94. ©2002-2010 Denise Wilton & Cal Henderson
  95. </div>
  96. </div>
  97.  
  98. <map name="topbarmap" id="topbarmap">
  99.     <area shape="rect" coords="43,9,194,39" href="./">
  100. </map>
  101.  
  102. <script type="text/javascript">
  103. var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
  104. document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
  105. </script>
  106. <script type="text/javascript">
  107. try {
  108. var pageTracker = _gat._getTracker("UA-106458-6");
  109. pageTracker._trackPageview();
  110. } catch(err) {}</script>
  111.  
  112. </body>
  113. </html>
  114.