How to make websites 3DS formatted/fitted

From 3dbrew
Revision as of 07:47, 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;}

  1. topscreen{width:400;height:220;overflow:hidden;}
  2. 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=4323"