How to make websites 3DS formatted/fitted
Jump to navigation
Jump to search
Hello. I am ジョシ (Joshi, aka Joshi 3DS Forums admin gjdog), the creator of 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:0;} #topscreen{width:400;height:220;overflow:hidden;} #bottomscreen{width:320;height:212;overflow:hidden;margin:0 auto;} </style> </head> <body>
<div id="topscreen">TOP SCREEN CONTENT <div id="bottomscreen">BOTTOM SCREEN CONTENT
<script> window.setInterval(function();{ window.scrollTo(40,220); }, 50); </script> </body> </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.