Difference between revisions of "How to make websites 3DS formatted/fitted"
Jump to navigation
Jump to search
m |
m |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| − | Hello. I am ジョシ (Joshi, aka | + | 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> | <html> | ||
<meta name="viewport" content="width=320"> | <meta name="viewport" content="width=320"> | ||
| Line 5: | Line 5: | ||
<head> | <head> | ||
<style> | <style> | ||
| − | body{margin: | + | body{margin:0px;} |
| − | #topscreen{ | + | #topscreen{height:220px;} |
| − | #bottomscreen{ | + | #bottomscreen{height:212px;} |
</style> | </style> | ||
</head> | </head> | ||
| Line 14: | Line 14: | ||
<div id="bottomscreen">BOTTOM SCREEN CONTENT</div> | <div id="bottomscreen">BOTTOM SCREEN CONTENT</div> | ||
<script> | <script> | ||
| − | window.setInterval(function() | + | window.setInterval(function(){ |
window.scrollTo(40,220); | window.scrollTo(40,220); | ||
}, 50); | }, 50); | ||
| Line 20: | Line 20: | ||
</body> | </body> | ||
</html> | </html> | ||
| − | |||
| − | |||
| − | |||
[http://fb.com/joshi.nihon ウッド ジョシュア (Facebook)] | [http://twitter.com/joshinihon ジョシ™ (Twitter)] | [http://fb.com/joshi.nihon ウッド ジョシュア (Facebook)] | [http://twitter.com/joshinihon ジョシ™ (Twitter)] | ||
Latest revision as of 14:39, 30 November 2012
Hello. I am ジョシ (Joshi, aka Joshi 3DS Forums admin gjdog), the creator of 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 id="bottomscreen">BOTTOM SCREEN CONTENT
<script>
window.setInterval(function(){
window.scrollTo(40,220);
}, 50);
</script>
</body>
</html>