How to make websites 3DS formatted/fitted

From 3dbrew
Revision as of 05:42, 20 November 2012 by Joshi (talk | contribs)
Jump to navigation Jump to search
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

Hello. I am Joshi, the creator of 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:

<html>
<meta name="viewport" content="width=400">
<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>

TOP SCREEN CONTENT


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.