How to make websites 3DS formatted/fitted

From 3dbrew
Revision as of 05:38, 20 November 2012 by Joshi (talk | contribs) (Created page with "Hello. I am Joshi, 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 i...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
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:

%60html%62<br>%60meta name="viewport" content="width=400"%62<br>%60title%62YOUR TITLE%60/title%62<br>%60head%62<br>%60style%62<br>body{margin:0;}<br>#topscreen{width:400;height:220;overflow:hidden;}<br>#bottomscreen{width:320;height:212;overflow:hidden;margin:0 auto;}<br>%60/style%62<br>%60/head%62<br>%60body%62<br>%60div id="topscreen"%62TOP SCREEN CONTENT%60/div%62<br>%60div id="bottomscreen"&62BOTTOM SCREEN CONTENT%60/div%62<br>%60script%62<br>window.setInterval(function();{<br>window.scrollTo(40,220);<br>}, 50);<br>%60/script%62<br>%60/body%62<br>%60/html%62
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.