How to make websites 3DS formatted/fitted - Revision history

Joshi at 13:39, 30 November 2012

2012-11-30T12:39:49Z

← Older revision		Revision as of 15:39, 30 November 2012
Line 20:		Line 20:
	</body>		</body>
	</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 ウッドジョシュア (Facebook)] \| [http://twitter.com/joshinihon ジョシ™ (Twitter)]		[http://fb.com/joshi.nihon ウッドジョシュア (Facebook)] \| [http://twitter.com/joshinihon ジョシ™ (Twitter)]

Joshi at 13:38, 30 November 2012

2012-11-30T12:38:59Z

← Older revision		Revision as of 15:38, 30 November 2012
Line 5:		Line 5:
	<head>		<head>
	<style>		<style>
	body{margin:0;}		body{margin:0px;}
	#topscreen{~~width:400;~~height:~~220;overflow:hidden~~;}		#topscreen{height:220px;}
	#bottomscreen{~~width:320;~~height:~~212;overflow:hidden;margin:0 auto~~;}		#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);

Joshi at 13:37, 30 November 2012

2012-11-30T12:37:06Z

← Older revision		Revision as of 15:37, 30 November 2012
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. 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>
	<meta name="viewport" content="width=320">		<meta name="viewport" content="width=320">

Joshi at 05:02, 21 November 2012

2012-11-21T04:02:38Z

← Older revision		Revision as of 07:02, 21 November 2012
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. Here's a website "full" HTML code example:
	<html>		<html>
	<meta name="viewport" content="width=~~400~~">		<meta name="viewport" content="width=320">
	<title>YOUR TITLE</title>		<title>YOUR TITLE</title>
	<head>		<head>

Joshi at 03:09, 21 November 2012

2012-11-21T02:09:09Z

← Older revision		Revision as of 05:09, 21 November 2012
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: <html>		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">		<meta name="viewport" content="width=400">
	<title>YOUR TITLE</title>		<title>YOUR TITLE</title>

Joshi at 03:08, 21 November 2012

2012-11-21T02:08:34Z

← Older revision		Revision as of 05:08, 21 November 2012
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: <html>		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">		<meta name="viewport" content="width=400">
	<title>YOUR TITLE</title>		<title>YOUR TITLE</title>
Line 18:		Line 18:
	</script>		</script>
	</body>		</body>
	</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.		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.

Joshi at 03:07, 21 November 2012

2012-11-21T02:07:47Z

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

Joshi at 05:57, 20 November 2012

2012-11-20T04:57:28Z

← Older revision		Revision as of 07:57, 20 November 2012
Line 23:		Line 23:

	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.		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)]

Joshi at 05:54, 20 November 2012

2012-11-20T04:54:19Z

← Older revision		Revision as of 07:54, 20 November 2012
Line 1:		Line 1:
	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:		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 />		<html><br />
Line 7:		Line 7:
	<style><br />		<style><br />
	body{margin:0;}<br />		body{margin:0;}<br />
	#topscreen{width:400;height:220;overflow:hidden;}<br />		#topscreen{width:400;height:220;overflow:hidden;}<br />
	#bottomscreen{width:320;height:212;overflow:hidden;margin:0 auto;}<br />		#bottomscreen{width:320;height:212;overflow:hidden;margin:0 auto;}<br />
	</style><br />		</style><br />
	</head><br />		</head><br />

Joshi at 05:50, 20 November 2012

2012-11-20T04:50:02Z

← Older revision		Revision as of 07:50, 20 November 2012
Line 1:		Line 1:
	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:		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>		<html><br />
	<meta name="viewport" content="width=400">		<meta name="viewport" content="width=400"><br />
	<title>YOUR TITLE</title>		<title>YOUR TITLE</title><br />
	<head>		<head><br />
	<style>		<style><br />
	body{margin:0;}		body{margin:0;}<br />
	#topscreen{width:400;height:220;overflow:hidden;}		#topscreen{width:400;height:220;overflow:hidden;}<br />
	#bottomscreen{width:320;height:212;overflow:hidden;margin:0 auto;}		#bottomscreen{width:320;height:212;overflow:hidden;margin:0 auto;}<br />
	</style>		</style><br />
	</head>		</head><br />
	<body>		<body><br />
	<div id="topscreen">TOP SCREEN CONTENT</div>		<div id="topscreen">TOP SCREEN CONTENT</div><br />
	<div id="bottomscreen">BOTTOM SCREEN CONTENT</div>		<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.		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.