How to make websites 3DS formatted/fitted: Difference between revisions

Joshi (talk | contribs)
mNo edit summary
Joshi (talk | contribs)
mNo edit summary
 
(One intermediate revision by the same user not shown)
Line 5: Line 5:
   <head>
   <head>
   <style>
   <style>
   body{margin:0;}
   body{margin:0px;}
   &#35;topscreen{width:400;height:220;overflow:hidden;}
   &#35;topscreen{height:220px;}
   &#35;bottomscreen{width:320;height:212;overflow:hidden;margin:0 auto;}
   &#35;bottomscreen{height:212px;}
   </style>
   </style>
   </head>
   </head>
Line 14: Line 14:
   &lt;div id="bottomscreen">BOTTOM SCREEN CONTENT</div>
   &lt;div id="bottomscreen">BOTTOM SCREEN CONTENT</div>
   <script>
   <script>
   window.setInterval(function();{
   window.setInterval(function(){
   window.scrollTo(40,220);
   window.scrollTo(40,220);
   }, 50);
   }, 50);
Line 20: Line 20:
  </body>
  </body>
  </html>
  </html>
Note: "margin:0 auto;" means that the content in the area of the section that "margin:0 auto;" is in, will be automatically centered. BTW the script at the bottom auto-scrolls the page, even if you scroll elsewhere.


[http://fb.com/joshi.nihon &#12454;&#12483;&#12489; &#12472;&#12519;&#12471;&#12517;&#12450; (Facebook)] | [http://twitter.com/joshinihon &#12472;&#12519;&#12471;™ (Twitter)]
[http://fb.com/joshi.nihon &#12454;&#12483;&#12489; &#12472;&#12519;&#12471;&#12517;&#12450; (Facebook)] | [http://twitter.com/joshinihon &#12472;&#12519;&#12471;™ (Twitter)]