How to make websites 3DS formatted/fitted

From 3dbrew
Revision as of 04:44, 20 November 2012 by Joshi (talk | contribs)
Jump to navigation Jump to search

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>
< 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.

Retrieved from "https://www.3dbrew.org/w/index.php?title=How_to_make_websites_3DS_formatted/fitted&oldid=4319"