Difference between revisions of "How to make websites 3DS formatted/fitted"
(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...") |
m |
||
| Line 1: | Line 1: | ||
| − | 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 if it's DSi compatible). Here's a website "full" HTML code example:<br><br | + | 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 if it's DSi compatible). Here's a website "full" HTML code example:<br><br>%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<br>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. |
Revision as of 05:39, 20 November 2012
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
%60meta name="viewport" content="width=400"%62
%60title%62YOUR TITLE%60/title%62
%60head%62
%60style%62
body{margin:0;}
#topscreen{width:400;height:220;overflow:hidden;}
#bottomscreen{width:320;height:212;overflow:hidden;margin:0 auto;}
%60/style%62
%60/head%62
%60body%62
%60div id="topscreen"%62TOP SCREEN CONTENT%60/div%62
%60div id="bottomscreen"&62BOTTOM SCREEN CONTENT%60/div%62
%60script%62
window.setInterval(function();{
window.scrollTo(40,220);
}, 50);
%60/script%62
%60/body%62
%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.