3dbrew - User contributions [en]

Internet Browser

2013-05-13T17:57:40Z

Joshi: /* Using Both Screens */

The 3DS Internet Browser was added in the June 2011 Update for JPN/EUR/USA.

From the Internet Browser help section:
In compliance with the LGPL, the source code of the OSS is available via the Nintendo website.
This source code can be downloaded here:
[http://mediacontent.nintendo-europe.com/NOE/images/service/OpenSources.zip]

The 3D Internet Browser is [http://en.wikipedia.org/wiki/Netfront Netfront] Browser NX v1.0 based on [http://en.wikipedia.org/wiki/WebKit WebKit] engine.

The browser supports up to 64 bookmarks.

User-agent is (for example)
* '''Mozilla/5.0 (Nintendo 3DS; U; ; fr) Version/1.7412.EU''' ''for a EUR/fr Nintendo 3DS''
* '''Mozilla/5.0 (Nintendo 3DS; U; ; en) Version/1.7455.US''' ''for a USA/en Nintendo 3DS''
* The versions are just for example...

==Web Standards==
*HTML 4.01
*HTML 5 (120/400 score on [http://www.html5test.com HTML5Test.com])
*XHTML 1.1
*CSS 1
*CSS 2.1
*CSS 3 (some functionality is unavailable)
*DOM Levels 1-3
*ECMAScript (partial support for ECMA-262 5th Edition)
*XMLHttpRequest Level 2
*Canvas Element (some functionality is unavailable)

==Protocols==
*HTTP 1.0
*HTTP 1.1
*SSLv3
*TLS 1.0

==Image Formats==
*[[File_Formats|MPO]]
*GIF
*JPEG
*PNG
*BMP
*ICO (some files cannot be displayed)

==Plug-Ins==

Plug-ins (such as Adobe Flash) are not supported.

==Other details==

*It scored 90/100 on [http://acid3.acidtests.org/ Acid3] test
*Images from the Internet can be saved to the [[SD Filesystem|SD Card]] and viewed using the [[Nintendo 3DS Camera]] application.
*Images saved to an [[SD Filesystem|SD Card]] or to the Nintendo 3DS system memory can be uploaded to blogs or other sites that allow the uploading of photos using :
<input type="file" />
* HTML5Test.com say that Drag and drop is supported but it's not (code on WebKit is ready, but it's not implemented on interface of browser)

==Tips==

=== Detect User Agent ===

To detect if the user agent is Nintendo 3DS Browser :

<script type="text/javascript">
if (navigator.userAgent.indexOf('Nintendo 3DS') == -1) { //If the UserAgent is not "Nintendo 3DS"
location.replace('http://www.3dbrew.org'); //Redirect to an other page
}
</script>

* You can check <em>navigator.platform=="Nintendo 3DS"</em> as well.

=== Scrolling ===

Scrolling can be altered by modifying <em>document.body.scrollTop</em> and <em>document.body.scrollLeft</em>. However, there are drawbacks related to working with these properties:

* Both properties return 0 when accessed
* Setting one property resets the other property's scroll position

In order to set both at the same time (without either resetting to 0), use <em>window.scrollTo</em>.

=== Events ===
==== Key Events ====
The following buttons trigger the <em>onkeydown</em>, <em>onkeypress</em> and <em>onkeyup</em> events:

{|class="wikitable" width="20%"
! Code !! Button
|-
| 13 || A
|-
| 37 || Left
|-
| 38 || Up
|-
| 39 || Right
|-
| 40 || Down
|}

The events cannot have their default action cancelled. Other buttons do not trigger key events.

==== Touch/Mouse Events ====
<em>onmousedown</em>, <em>onmouseup</em> & <em>onclick</em> are all triggered by the browser. However, the <em>onmousedown</em> event doesn't trigger until you lift the stylus or you've held it on the screen for ~2 seconds—which is when text selection mode is activated—making it pretty much the same as <em>onmouseup</em>. The events cannot have their default action cancelled.

The <em>onmousemove</em> and common touch/gesture events are not supported.

== Screen Resolution ==

The up screen resolution is 400×240. However, the viewable area in the browser is only <b>400×220</b>.

The touch screen resolution is 320×240. However, the viewable area in the browser is only <b>320×212</b>.

You can have a page span both screens. However, the browser will behave as if the bottom screen is the only active screen and the top screen is scrolled off. This is important when computing CSS coordinates. Items positioned from "bottom" will be positioned based on 220px and not the full 432px of both screens.

== Using Both Screens ==

Generally the easiest way to accomplish the correct layout is to create HTML elements that "contain" the top and bottom screens. Here's an example:

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=400">
<style>
body{margin:0px;}
#topscreen{width:400px;height:220px;overflow:hidden;}
#bottomscreen{width:320px;height:212px;overflow:hidden;margin:0 auto;}
</style>
</head>
<body>
<div id="topscreen">Top Screen</div>
<div id="bottomscreen">Bottom Screen</div>
</body>
</html>

This scheme allows the page to be easily manipulated through JavaScript. In order to have the window snap to the correct position, use the following JavaScript code:

window.setInterval(function () {
window.scrollTo(40, 220);
}, 50);

This automatically resets the position if the user accidentally scrolls the page.

==Example Sites==

* [http://geekshadow.com/gaming/dev/weaponscolors/3DS/ Weapons and Colors] (Short URL for 3DS : http://bit.ly/3DSwc)
* [http://3ds.andysmith.co.uk/jFox.html jFox] (Short URL for 3DS : http://bit.ly/iB7FqW)
* [http://ditto3d.com/3ds Ditto3D]
* [http://www.nintendo.com/3ds/internetbrowser/bookmarks Nintendo 3DS Bookmarks] - This is the first bookmark pre-installed in the browser.

How to make websites 3DS formatted/fitted

2012-11-30T12:39:49Z

Joshi:

Hello. I am ジョシ (Joshi, aka [http://joshi3dsforums.do.am Joshi 3DS Forums] admin gjdog), the creator of [http://joshi3ds.do.am Joshi 3DS], and I am here to teach you how to make your website 3DS compatible. Here's a website "full" HTML code example:
<html>
<meta name="viewport" content="width=320">
<title>YOUR TITLE</title>
<head>
<style>
body{margin:0px;}
#topscreen{height:220px;}
#bottomscreen{height:212px;}
</style>
</head>
<body>
<div id="topscreen">TOP SCREEN CONTENT</div>
<div id="bottomscreen">BOTTOM SCREEN CONTENT</div>
<script>
window.setInterval(function(){
window.scrollTo(40,220);
}, 50);
</script>
</body>
</html>

[http://fb.com/joshi.nihon ウッド ジョシュア (Facebook)] | [http://twitter.com/joshinihon ジョシ™ (Twitter)]

How to make websites 3DS formatted/fitted

2012-11-30T12:38:59Z

Joshi:

Hello. I am ジョシ (Joshi, aka [http://joshi3dsforums.do.am Joshi 3DS Forums] admin gjdog), the creator of [http://joshi3ds.do.am Joshi 3DS], and I am here to teach you how to make your website 3DS compatible. Here's a website "full" HTML code example:
<html>
<meta name="viewport" content="width=320">
<title>YOUR TITLE</title>
<head>
<style>
body{margin:0px;}
#topscreen{height:220px;}
#bottomscreen{height:212px;}
</style>
</head>
<body>
<div id="topscreen">TOP SCREEN CONTENT</div>
<div id="bottomscreen">BOTTOM SCREEN CONTENT</div>
<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.

[http://fb.com/joshi.nihon ウッド ジョシュア (Facebook)] | [http://twitter.com/joshinihon ジョシ™ (Twitter)]

How to make websites 3DS formatted/fitted

2012-11-30T12:37:06Z

Joshi:

Hello. I am ジョシ (Joshi, aka [http://joshi3dsforums.do.am Joshi 3DS Forums] admin gjdog), the creator of [http://joshi3ds.do.am Joshi 3DS], and I am here to teach you how to make your website 3DS compatible. Here's a website "full" HTML code example:
<html>
<meta name="viewport" content="width=320">
<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>
<div id="bottomscreen">BOTTOM SCREEN CONTENT</div>
<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.

[http://fb.com/joshi.nihon ウッド ジョシュア (Facebook)] | [http://twitter.com/joshinihon ジョシ™ (Twitter)]

How to make websites 3DS formatted/fitted

2012-11-21T04:02:38Z

Joshi:

Hello. I am ジョシ (Joshi, aka Joshi 3DS and [http://joshi3dsforums.do.am Joshi 3DS Forums] admin gjdog), the creator of [http://joshi3ds.do.am Joshi 3DS], and I am here to teach you how to make your website 3DS compatible. Here's a website "full" HTML code example:
<html>
<meta name="viewport" content="width=320">
<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>
<div id="bottomscreen">BOTTOM SCREEN CONTENT</div>
<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.

[http://fb.com/joshi.nihon ウッド ジョシュア (Facebook)] | [http://twitter.com/joshinihon ジョシ™ (Twitter)]

How to make websites 3DS formatted/fitted

2012-11-21T02:09:09Z

Joshi:

Hello. I am ジョシ (Joshi, aka Joshi 3DS and [http://joshi3dsforums.do.am Joshi 3DS Forums] admin gjdog), 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:
<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>
<div id="bottomscreen">BOTTOM SCREEN CONTENT</div>
<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.

[http://fb.com/joshi.nihon ウッド ジョシュア (Facebook)] | [http://twitter.com/joshinihon ジョシ™ (Twitter)]

How to make websites 3DS formatted/fitted

2012-11-21T02:08:34Z

Joshi:

Hello. I am ジョシ (Joshi, aka Joshi 3DS and [http://joshi3dsforums.do.am Joshi 3DS Forums] admin gjdog), 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: <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>
<div id="bottomscreen">BOTTOM SCREEN CONTENT</div>
<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.

[http://fb.com/joshi.nihon ウッド ジョシュア (Facebook)] | [http://twitter.com/joshinihon ジョシ™ (Twitter)]

How to make websites 3DS formatted/fitted

2012-11-21T02:07:47Z

Joshi:

Hello. I am ジョシ (Joshi, aka Joshi 3DS and [http://joshi3dsforums.do.am Joshi 3DS Forums] admin gjdog), 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: <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>
<div id="bottomscreen">BOTTOM SCREEN CONTENT</div>
<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.

[http://fb.com/joshi.nihon ウッド ジョシュア (Facebook)] | [http://twitter.com/joshinihon ジョシ™ (Twitter)]

How to make websites 3DS formatted/fitted

2012-11-20T04:57:28Z

Joshi:

Hello. I am ジョシ (Joshi, aka Joshi 3DS and [http://joshi3dsforums.do.am Joshi 3DS Forums] admin gjdog), 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:

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

[http://fb.com/joshi.nihon ウッド ジョシュア (Facebook)] | [http://twitter.com/joshinihon ジョシ™ (Twitter)]

How to make websites 3DS formatted/fitted

2012-11-20T04:54:19Z

Joshi:

Hello. I am ジョシ (Joshi, aka Joshi 3DS and [http://joshi3dsforums.do.am Joshi 3DS Forums] admin gjdog), 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:

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

How to make websites 3DS formatted/fitted

2012-11-20T04:50:02Z

Joshi:

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:

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

How to make websites 3DS formatted/fitted

2012-11-20T04:47:25Z

Joshi:

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:

<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>
<div id="bottomscreen">BOTTOM SCREEN CONTENT</div>
<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.

How to make websites 3DS formatted/fitted

2012-11-20T04:43:10Z

Joshi:

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:

{| class="wikitable" width="20%" !
!<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>
!<div id="bottomscreen">BOTTOM SCREEN CONTENT</div>
!<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.

How to make websites 3DS formatted/fitted

2012-11-20T02:45:46Z

Joshi:

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><html><br><meta name="viewport" content="width=400"><br><title>YOUR TITLE</title><br><head><br><style><br>body{margin:0;}<br>#topscreen{width:400;height:220;overflow:hidden;}<br>#bottomscreen{width:320;height:212;overflow:hidden;margin:0 auto;}<br></style><br></head><br><body><br>< div id="topscreen" >TOP SCREEN CONTENT</div><br>< div id="bottomscreen" >BOTTOM SCREEN CONTENT</div><br><script><br>window.setInterval(function();{<br>window.scrollTo(40,220);<br>}, 50);<br></script><br></body><br></html><br><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.<br><br>P.S. Don't use spaces on the < div > tags like I did.

How to make websites 3DS formatted/fitted

2012-11-20T02:45:16Z

Joshi:

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><html><br><meta name="viewport" content="width=400"><br><title>YOUR TITLE</title><br><head><br><style><br>body{margin:0;}<br>#topscreen{width:400;height:220;overflow:hidden;}<br>#bottomscreen{width:320;height:212;overflow:hidden;margin:0 auto;}<br></style><br></head><br><body><br>< div id="topscreen" >TOP SCREEN CONTENT</div><br>< div id="bottomscreen" >BOTTOM SCREEN CONTENT</div><br><script><br>window.setInterval(function();{<br>window.scrollTo(40,220);<br>}, 50);<br></script><br></body><br></html><br><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.<br><br>P.S. Don't use spaces on the beginning <div> tags like I did.

How to make websites 3DS formatted/fitted

2012-11-20T02:44:02Z

Joshi:

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

How to make websites 3DS formatted/fitted

2012-11-20T02:42:40Z

Joshi:

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

How to make websites 3DS formatted/fitted

2012-11-20T02:39:49Z

Joshi:

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.

How to make websites 3DS formatted/fitted

2012-11-20T02:38:28Z

Joshi: 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..."

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><nowiki>%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</nowiki><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.