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 (although it may turn out to be sized as if it's DSi 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> |
| + | <meta name="viewport" content="width=320"> |
| + | <title>YOUR TITLE</title> |
| + | <head> |
| + | <style> |
| + | body{margin:0px;} |
| + | #topscreen{height:220px;} |
| + | #bottomscreen{height:212px;} |
| + | </style> |
| + | </head> |
| + | <body> |
| + | <div id="topscreen">TOP SCREEN CONTENT</div> |
| + | <div id="bottomscreen">BOTTOM SCREEN CONTENT</div> |
| + | <script> |
| + | window.setInterval(function(){ |
| + | window.scrollTo(40,220); |
| + | }, 50); |
| + | </script> |
| + | </body> |
| + | </html> |
| | | |
− | <html><br />
| + | [http://fb.com/joshi.nihon ウッド ジョシュア (Facebook)] | [http://twitter.com/joshinihon ジョシ™ (Twitter)] |
− | <meta name="viewport" content="width=400"><br />
| |
− | <title>YOUR TITLE</title><br />
| |
− | <head><br />
| |
− | <style><br />
| |
− | body{margin:0;}<br />
| |
− | #topscreen{width:400;height:220;overflow:hidden;}<br /> | |
− | #bottomscreen{width:320;height:212;overflow:hidden;margin:0 auto;}<br /> | |
− | </style><br />
| |
− | </head><br />
| |
− | <body><br />
| |
− | <div id="topscreen">TOP SCREEN CONTENT</div><br /> | |
− | <div id="bottomscreen">BOTTOM SCREEN CONTENT</div><br /> | |
− | <script><br />
| |
− | window.setInterval(function();{<br />
| |
− | window.scrollTo(40,220);<br />
| |
− | }, 50);<br />
| |
− | </script><br />
| |
− | </body><br />
| |
− | </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.
| |