1
edit
Changes
Jump to navigation
Jump to search
mLine 85:
Line 85: − + − − THE ABOVE LINK IS DEAD. DON'T BOTHER. − − − + − { − if (navigator.userAgent.indexOf('Nintendo DSi') == -1) //If the UserAgent is not "Nintendo DSi" − { − location.replace('http://www.dsibrew.org'); //Redirect to an other page − } − } − </script> Line 139:
Line 128: − + Line 145:
Line 134: − + − + Line 152:
Line 141: − + − < link href="css/main.css" rel="stylesheet" type="text/css" / >+ − < meta name="viewport" content="width=240" >Top Screen</div> − − < link href="css/main.css" rel="stylesheet" type="text/css" / > − < meta name="viewport" content="width=240" >Bottom Screen</div> Line 165:
Line 150: + + − * [http://dsipaint.com DSiPaint] − * [http://dsinvent.ath.cx DSinvent]
Socialcu.be does not have https
Using device-width will adapt the page to the width of other mobile devices.
Using device-width will adapt the page to the width of other mobile devices.
You can test this mode with the following demo page: [http://www.cashman-productions.fr.nf/dsi/ here]
You can test this mode with the following demo page: [http://dsipaint.com DSiPaint].
=== Detect User Agent ===
=== Detect User Agent ===
To detect if the user agent is Nintendo DSi Browser :
To detect if the user agent is Nintendo DSi Browser :
<script type="text/javascript">
<script type="text/javascript">
window.onload=function()
window.onload=function
=== Key Codes ===
=== Key Codes ===
# Add the following JavaScript just before the </body> tag:
# Add the following JavaScript just before the </body> tag:
<script>document.body.scrollTop = 176;</script>
<script type="text/javascript">document.body.scrollTop = 176;</script>
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:
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:
<html>
<html>
<head>
<head>
<meta name="viewport" content="width=240">
<meta name="viewport" content="width=240" />
<style>
<style type="text/css">
body { margin: 0px; }
body { margin: 0px; }
#topscreen, #bottomscreen { width: 240px; height: 176px; overflow: hidden; }
#topscreen, #bottomscreen { width: 240px; height: 176px; overflow: hidden; }
</head>
</head>
<body>
<body>
<div id="topscreen"> < meta name="keywords" content="whats in your site" >
<div id="topscreen">Top Screen</div>
<div id="bottomscreen">Bottom Screen</div>
<div id="bottomscreen"> < meta name="keywords" content="whats in your site" >
</body>
</body>
</html>
</html>
== Example Sites ==
== Example Sites ==
<!-- If you have a website that demonstrates these techniques, place it here! -->
<!-- If you have a website that demonstrates these techniques, place it here! -->
* [http://dsipaint.com DSiPaint]
* [http://socialcu.be SocialCu.be]
* [http://www.dsicade.com DSiCade]
* [http://www.dsicade.com DSiCade]
* [http://hullbreachonline.com/ds HullBreach Online Lite]
* [http://hullbreachonline.com/ds HullBreach Online Lite]
== See also ==
== See also ==