Difference between revisions of "How to make websites 3DS formatted/fitted"

From 3dbrew
Jump to navigation Jump to search
m
m
 
(6 intermediate revisions by the same user not shown)
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 [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><br />
+
<meta name="viewport" content="width=320">
−
<meta name="viewport" content="width=400"><br />
+
  <title>YOUR TITLE</title>
−
<title>YOUR TITLE</title><br />
+
  <head>
−
<head><br />
+
  <style>
−
<style><br />
+
  body{margin:0px;}
−
body{margin:0;}<br />
+
  &#35;topscreen{height:220px;}
−
&#35;topscreen{width:400;height:220;overflow:hidden;}<br />
+
  &#35;bottomscreen{height:212px;}
−
&#35;bottomscreen{width:320;height:212;overflow:hidden;margin:0 auto;}<br />
+
  </style>
−
</style><br />
+
  </head>
−
</head><br />
+
  <body>
−
<body><br />
+
  &lt;div id="topscreen">TOP SCREEN CONTENT</div>
−
&lt;div id="topscreen">TOP SCREEN CONTENT</div><br />
+
  &lt;div id="bottomscreen">BOTTOM SCREEN CONTENT</div>
−
&lt;div id="bottomscreen">BOTTOM SCREEN CONTENT</div><br />
+
  <script>
−
<script><br />
+
  window.setInterval(function(){
−
window.setInterval(function();{<br />
+
  window.scrollTo(40,220);
−
window.scrollTo(40,220);<br />
+
  }, 50);
−
}, 50);<br />
+
  </script>
−
</script><br />
+
</body>
−
</body><br />
+
</html>
−
</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 &#12454;&#12483;&#12489; &#12472;&#12519;&#12471;&#12517;&#12450; (Facebook)] | [http://twitter.com/joshinihon &#12472;&#12519;&#12471;™ (Twitter)]
 
[http://fb.com/joshi.nihon &#12454;&#12483;&#12489; &#12472;&#12519;&#12471;&#12517;&#12450; (Facebook)] | [http://twitter.com/joshinihon &#12472;&#12519;&#12471;™ (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>

ウッド ジョシュア (Facebook) | ジョシ™ (Twitter)

Retrieved from "https://www.3dbrew.org/w/index.php?title=How_to_make_websites_3DS_formatted/fitted&oldid=4393"