Difference between revisions of "How to make websites 3DS formatted/fitted"
Jump to navigation
Jump to search
m |
m |
||
| Line 1: | Line 1: | ||
| − | 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: | + | 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"> | |
| − | <html | + | <title>YOUR TITLE</title> |
| − | <meta name="viewport" content="width=400" | + | <head> |
| − | <title>YOUR TITLE</title | + | <style> |
| − | <head | + | body{margin:0;} |
| − | <style | + | #topscreen{width:400;height:220;overflow:hidden;} |
| − | body{margin:0;} | + | #bottomscreen{width:320;height:212;overflow:hidden;margin:0 auto;} |
| − | #topscreen{width:400;height:220;overflow:hidden;} | + | </style> |
| − | #bottomscreen{width:320;height:212;overflow:hidden;margin:0 auto;} | + | </head> |
| − | </style | + | <body> |
| − | </head | + | <div id="topscreen">TOP SCREEN CONTENT</div> |
| − | <body | + | <div id="bottomscreen">BOTTOM SCREEN CONTENT</div> |
| − | <div id="topscreen">TOP SCREEN CONTENT</div | + | <script> |
| − | <div id="bottomscreen">BOTTOM SCREEN CONTENT</div | + | window.setInterval(function();{ |
| − | <script | + | window.scrollTo(40,220); |
| − | window.setInterval(function();{ | + | }, 50); |
| − | window.scrollTo(40,220); | + | </script> |
| − | }, 50); | + | </body> |
| − | </script | ||
| − | </body | ||
</html> | </html> | ||
Revision as of 04:07, 21 November 2012
Hello. I am ジョシ (Joshi, aka Joshi 3DS and Joshi 3DS Forums admin gjdog), 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;}
#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 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.