Line 1: |
Line 1: |
− | Hello. I am ジョシ (Joshi, aka Joshi 3DS and [http://joshi3dsforums.do.am Joshi 3DS Forums] admin gjdog), the creator of [http://joshi3ds.do.am Joshi 3DS], and I am here to teach you how to make your website 3DS compatible. Here's a website "full" HTML code example: | + | Hello. I am ジョシ (Joshi, aka [http://joshi3dsforums.do.am Joshi 3DS Forums] admin gjdog), the creator of [http://joshi3ds.do.am Joshi 3DS], and I am here to teach you how to make your website 3DS compatible. Here's a website "full" HTML code example: |
| <html> | | <html> |
| <meta name="viewport" content="width=320"> | | <meta name="viewport" content="width=320"> |
Line 5: |
Line 5: |
| <head> | | <head> |
| <style> | | <style> |
− | body{margin:0;} | + | body{margin:0px;} |
− | #topscreen{width:400;height:220;overflow:hidden;} | + | #topscreen{height:220px;} |
− | #bottomscreen{width:320;height:212;overflow:hidden;margin:0 auto;} | + | #bottomscreen{height:212px;} |
| </style> | | </style> |
| </head> | | </head> |
Line 14: |
Line 14: |
| <div id="bottomscreen">BOTTOM SCREEN CONTENT</div> | | <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 ウッド ジョシュア (Facebook)] | [http://twitter.com/joshinihon ジョシ™ (Twitter)] | | [http://fb.com/joshi.nihon ウッド ジョシュア (Facebook)] | [http://twitter.com/joshinihon ジョシ™ (Twitter)] |