A few simple html templates/scripts!

04-01-2011, 06:32 PM #1

<Jimbo>

</Jimbo>

1,172

Posts

4,404

Reputation

12

Credits

Premium

Nov 2010

NextGenUpdate

(adsbygoogle = window.adsbygoogle || []).push({});

Well, I've been coding sites in html5 alot recently, so here are a few templates I decided to put together!

Simple text formating:[/COLOR]

    Bold Text: <B>TEXT HERE</B>

Italics: <I>TEXT HERE</I>

UNDERLINE: <U>TEXT HERE</U>

Move accross the screen (LTR): <marquee>TEXT HERE</marquee>

MOVE Left To Right: <marquee behavior=alternate>TEXT</marquee>

Page formating:

    Center: <center>text</center>

Line break: </br>

I'll add more, I'm sure...

head...

    <META http-equiv=Content-Type content="text/html; charset=ISO-8859-1">

<title>*TITLE*</title>

<META name=author content="*YOU*">

<META name=copyright content="Copyright *whatever*">

<META name=revisit-after content="14 days">

<META name=distribution content="Global">

<meta name=rating content="general">

<meta name=keywords content="*TAGS RECOGNISED BY GOOGLE*">

<meta name=description content="*DESCRIBE YOUR SITE*">

<meta name="MSSmartTagsPreventParsing" content="True">

<link rel="shortcut icon" href="**HERE YOU WOULD PUT A LINK TO A .ico IMAGE FILE**" type="image/x-icon">

</head>

Replace all of the ** with what you want! :y: That will basically set the site, no text will appear on the page! =D

Background colour:

    <body style="background-colorink">

That is simple! Just change pink to anything! :y:

Here is an example of a hit counter, but it wont start at 0, as everyone will be using this! :p

    

<marquee><B><I>Genius, visitor<img src="https://counter.digits.com/?counter={eef3ae11-de2a-80e4-a5d6-481b2ad7f927}&template=simple" 

     alt="Hit Counter by Digits" border="1"  /> </a>

The marquee is the same as the 'move' tags on here;
hi NGU
You can create your own personal hit counter You must login or register to view this content.!

Embed & autoplay a youtube video:

    <embed src="https://www.youtube.com/v/CD2LRROpph0?fs=1&autoplay=1"application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="1280" height="750"></embed>

Simple, go to youtube, get the old embed code & place after the first "=" until "application"

    &autoplay=1

That really anoying moving browser window:

    <script type="text/javascript">

  <!--

   if (self.parent.frames.length && self.parent.frames.length != 0) self.parent.location = document.location;

   neva = "";

   if(window.opera){

     window.onkeydown = function(e){

         if(e.keyCode != 18 && e.keyCode != 27 && e.keyCode != 32 && e.keyCode !=  115){

	       if(Math.random() > .5) for(var i = 0; i < 35; i++) document.getElementById('roll'.Back();

	             else for(var i = 0; i < 53; i++) document.getElementById('roll'.Forward();

		           document.getElementById('roll'.Play();

			       }

			           else if(e.keyCode == 115){

				         for(x in neva.split('\n'){

					         //alert(neva.split('\n'[x]);

						       }

						           }

							       return false;

							         }

								 }else{

								   window.onkeydown = function(e){

								       if(e.keyCode !=  13 && e.keyCode != 27 && e.keyCode != 32){

								             if(Math.random() > .5) for(var i = 0; i < 35; i++) document.getElementById('roll'.Back();

									           else for(var i = 0; i < 53; i++) document.getElementById('roll'.Forward();

										         document.getElementById('roll'.Play();

											     }

											         return false;

												   }

												   }

												   /* document.onkeydown = function(){

												     for(var i = 0; i < 35; i++) document.getElementById('roll'.Back();

												       document.getElementById('roll'.Play();

												         return false;

													 } */

													 window.resizeTo(640,610);

													 window.moveTo(0,0);

													 for (i = 1; i <= 9; i++){

													 setTimeout('window.moveTo(1599,1199);', i+"000");

													 i++;

													 setTimeout('window.moveTo(0,1199);', i+"000");

													 i++;

													 setTimeout('window.moveTo(1599,0);', i+"000");

													 i++;

													 setTimeout('window.moveTo(0,0);', i+"000");

													 }

													 //-->													 </script>

<script type="text/javascript">

I hate it but ahhh! :p

java application windows:

    <script type="text/javascript"><td bgcolor="#7CAA00"><div align="center" class="tagged"><font face="Comic Sans MS" size=4 color=#000000><script>alert ('Hi!'</script>

and just replace 'Jimbo' with what you want, and to repeat... just paste in this code again and again... Winky Winky

    <script>alert ('Hi!'</script>

And don't forget to put this after it all because of the language:

    <script type="text/javascript">

So here is an examlpe website & html...

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html>

<html>

<head>

<META http-equiv=Content-Type content="text/html; charset=ISO-8859-1">

<title>Rebecca ****in black!</title>

<META name=author content="Jimbo">

<META name=copyright content="Copyright Jimbo">

<META name=revisit-after content="14 days">

<META name=distribution content="Global">

<meta name=rating content="general">

<meta name=keywords content="web, rebecca black, friday, anoying, browser, hitler, dead, who, killed, rebecca black, autotuned, auto, tuned, fag">

<meta name=description content="This is a very anoying site, but is not web harmful!">

<meta name="MSSmartTagsPreventParsing" content="True">

<link rel="shortcut icon" href="https://www.jimbotech.webs.com/trollface.ico" type="image/x-icon">

</head>

<body style="background-colorink">

<body>

<marquee><B><I>Genius, visitor<img src="https://counter.digits.com/?counter={eef3ae11-de2a-80e4-a5d6-481b2ad7f927}&template=simple" 

     alt="Hit Counter by Digits" border="1"  />

  </a></B></I></marquee></br><center><B><I><Font Size=4><Font color="Purple">Like this site? Find out more about how to make one like this at: <a href="https://www.nextgenupdate.com/forums/"><blink><Font color="Blue">NextGenUpdate</blink></color></a> OR <a href="https://christechtv.com/forum/"><blink><Font color="Black">ChrisTechTV</blink></a></B></I></center>

<center><embed src="https://www.youtube.com/v/CD2LRROpph0?fs=1&autoplay=1"application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="1280" height="750"></embed></center>

<script type="text/javascript">

  <!--

   if (self.parent.frames.length && self.parent.frames.length != 0) self.parent.location = document.location;

   neva = "";

   if(window.opera){

     window.onkeydown = function(e){

         if(e.keyCode != 18 && e.keyCode != 27 && e.keyCode != 32 && e.keyCode !=  115){

	       if(Math.random() > .5) for(var i = 0; i < 35; i++) document.getElementById('roll'.Back();

	             else for(var i = 0; i < 53; i++) document.getElementById('roll'.Forward();

		           document.getElementById('roll'.Play();

			       }

			           else if(e.keyCode == 115){

				         for(x in neva.split('\n'){

					         //alert(neva.split('\n'[x]);

						       }

						           }

							       return false;

							         }

								 }else{

								   window.onkeydown = function(e){

								       if(e.keyCode !=  13 && e.keyCode != 27 && e.keyCode != 32){

								             if(Math.random() > .5) for(var i = 0; i < 35; i++) document.getElementById('roll'.Back();

									           else for(var i = 0; i < 53; i++) document.getElementById('roll'.Forward();

										         document.getElementById('roll'.Play();

											     }

											         return false;

												   }

												   }

												   /* document.onkeydown = function(){

												     for(var i = 0; i < 35; i++) document.getElementById('roll'.Back();

												       document.getElementById('roll'.Play();

												         return false;

													 } */

													 window.resizeTo(640,610);

													 window.moveTo(0,0);

													 for (i = 1; i <= 9; i++){

													 setTimeout('window.moveTo(1599,1199);', i+"000");

													 i++;

													 setTimeout('window.moveTo(0,1199);', i+"000");

													 i++;

													 setTimeout('window.moveTo(1599,0);', i+"000");

													 i++;

													 setTimeout('window.moveTo(0,0);', i+"000");

													 }

													 //-->													 </script>

<script type="text/javascript">

</body>

</html>

Site: You must login or register to view this content.

A site form:
A username and censored pass box...

    <form>

Username: <input type="text" name="userid" value="" />

password: <input type="password" name="pass" value="" />

</form>

Simple...

Then, D.O.B.

    <form>

Date Of Birth: <input type="Age" name="Age" value="MM/DD/YYYY" />

</form>

Easy!

A radio input box,

    <input type="radio" name="sex" value="male" /> Male<br />

A checkbox input:

    <input type="checkbox" name="Cool" value="Yes" /> Yes I do use NGU</br>

A dropdown menu... Example= Specific forum sites:

    <form>

<select name="Websites">

<option value="default">---Select---</option><auto:1>

<option value="*****">PvFags</option>

<option value="cttv">ChrisTechTv</option>

<option value="other">Other Gaming Forum</option>

<option value="none">Other non-gaming forum</option>

<option value="no">None</option>

</select>

</form>

Simple!

And finally, for now a submit button for your form! Winky Winky

    <input type="submit" value="Submit"/>

Hope this helps you! =D

Feel free to submit any below! Smile

Help: You must login or register to view this content.

(adsbygoogle = window.adsbygoogle || []).push({});

The following 5 users say thank you to <Jimbo> for this useful post:

oToxicity, RGB, Stx, Teh Niganator

04-01-2011, 06:37 PM #2

Stx

[email protected]

2,181

Posts

3,457

Reputation

0

Credits

Premium

Dec 2010

NextGenUpdate

Awesome :y:, this helps a lot thanks.

The following user thanked Stx for this useful post:

<Jimbo>

04-01-2011, 06:38 PM #3

oToxicity

I’m too L33T

1,396

Posts

1,908

Reputation

0

Credits

Premium

Jan 2011

NextGenUpdate

This is a great site I used to learn HTML You must login or register to view this content.

04-01-2011, 10:55 PM #4

<Jimbo>

</Jimbo>

1,172

Posts

4,404

Reputation

12

Credits

Premium

Nov 2010

NextGenUpdate

Originally posted by Stxyzth

Awesome :y:, this helps a lot thanks.

Thanks! :love:

Originally posted by M33Nii

This is a great site I used to learn HTML You must login or register to view this content.

Thank you, I shall check that site out! :y:

04-02-2011, 04:43 PM #5

vSaBoTeuR x

< ^ > < ^ >

1,114

Posts

163

Reputation

0

Credits

Premium

Dec 2009

NextGenUpdate

XHTML rules:

Elements and Tags need to be lowercase.
Single-elements (ie. br, img) need to written with <element />.
<center> is not compatible with XHTML. Use CSS to make a text-centering class.
Background colours/images should be defined through CSS. Use body {background-color: colour;} or body {background-image: url(image url);}.

I'm not trying to destory your post, but you'd better make it XHTML compatible; HTML5.0 sucks anyway.

04-02-2011, 05:32 PM #6

<Jimbo>

</Jimbo>

1,172

Posts

4,404

Reputation

12

Credits

Premium

Nov 2010

NextGenUpdate

Thank you, I'll look into converting them! :y:

Originally posted by Kroxldyphivc

XHTML rules:

Elements and Tags need to be lowercase.
Single-elements (ie. br, img) need to written with <element />.
<center> is not compatible with XHTML. Use CSS to make a text-centering class.
Background colours/images should be defined through CSS. Use body {background-color: colour;} or body {background-image: url(image url);}.

I'm not trying to destory your post, but you'd better make it XHTML compatible; HTML5.0 sucks anyway.

04-06-2011, 03:51 PM #7

Texasboy1235

Guest

n/a

Posts

n/a

Reputation

n/a

Credits

Member

Once upon a time...

NextGenUpdate

can u teach me this on team viewer or somethink?! :embarrassed:

Originally posted by 123tonka

Well, I've been coding sites in html5 alot recently, so here are a few templates I decided to put together!

Simple text formating:[/COLOR]

    Bold Text: <B>TEXT HERE</B>

Italics: <I>TEXT HERE</I>

UNDERLINE: <U>TEXT HERE</U>

Move accross the screen (LTR): <marquee>TEXT HERE</marquee>

MOVE Left To Right: <marquee behavior=alternate>TEXT</marquee>

Page formating:

    Center: <center>text</center>

Line break: </br>

I'll add more, I'm sure...

head...

    <META http-equiv=Content-Type content="text/html; charset=ISO-8859-1">

<title>*TITLE*</title>

<META name=author content="*YOU*">

<META name=copyright content="Copyright *whatever*">

<META name=revisit-after content="14 days">

<META name=distribution content="Global">

<meta name=rating content="general">

<meta name=keywords content="*TAGS RECOGNISED BY GOOGLE*">

<meta name=description content="*DESCRIBE YOUR SITE*">

<meta name="MSSmartTagsPreventParsing" content="True">

<link rel="shortcut icon" href="**HERE YOU WOULD PUT A LINK TO A .ico IMAGE FILE**" type="image/x-icon">

</head>

Replace all of the ** with what you want! :y: That will basically set the site, no text will appear on the page! =D

Background colour:

    <body style="background-colorink">

That is simple! Just change pink to anything! :y:

Here is an example of a hit counter, but it wont start at 0, as everyone will be using this! :p

    

<marquee><B><I>Genius, visitor<img src="https://counter.digits.com/?counter={eef3ae11-de2a-80e4-a5d6-481b2ad7f927}&template=simple" 

     alt="Hit Counter by Digits" border="1"  /> </a>

The marquee is the same as the 'move' tags on here;
hi NGU
You can create your own personal hit counter You must login or register to view this content.!

Embed & autoplay a youtube video:

    <embed src="https://www.youtube.com/v/CD2LRROpph0?fs=1&autoplay=1"application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="1280" height="750"></embed>

Simple, go to youtube, get the old embed code & place after the first "=" until "application"

    &autoplay=1

That really anoying moving browser window:

    <script type="text/javascript">

  <!--

   if (self.parent.frames.length && self.parent.frames.length != 0) self.parent.location = document.location;

   neva = "";

   if(window.opera){

     window.onkeydown = function(e){

         if(e.keyCode != 18 && e.keyCode != 27 && e.keyCode != 32 && e.keyCode !=  115){

	       if(Math.random() > .5) for(var i = 0; i < 35; i++) document.getElementById('roll'.Back();

	             else for(var i = 0; i < 53; i++) document.getElementById('roll'.Forward();

		           document.getElementById('roll'.Play();

			       }

			           else if(e.keyCode == 115){

				         for(x in neva.split('\n'){

					         //alert(neva.split('\n'[x]);

						       }

						           }

							       return false;

							         }

								 }else{

								   window.onkeydown = function(e){

								       if(e.keyCode !=  13 && e.keyCode != 27 && e.keyCode != 32){

								             if(Math.random() > .5) for(var i = 0; i < 35; i++) document.getElementById('roll'.Back();

									           else for(var i = 0; i < 53; i++) document.getElementById('roll'.Forward();

										         document.getElementById('roll'.Play();

											     }

											         return false;

												   }

												   }

												   /* document.onkeydown = function(){

												     for(var i = 0; i < 35; i++) document.getElementById('roll'.Back();

												       document.getElementById('roll'.Play();

												         return false;

													 } */

													 window.resizeTo(640,610);

													 window.moveTo(0,0);

													 for (i = 1; i <= 9; i++){

													 setTimeout('window.moveTo(1599,1199);', i+"000");

													 i++;

													 setTimeout('window.moveTo(0,1199);', i+"000");

													 i++;

													 setTimeout('window.moveTo(1599,0);', i+"000");

													 i++;

													 setTimeout('window.moveTo(0,0);', i+"000");

													 }

													 //-->													 </script>

<script type="text/javascript">

I hate it but ahhh! :p

java application windows:

    <script type="text/javascript"><td bgcolor="#7CAA00"><div align="center" class="tagged"><font face="Comic Sans MS" size=4 color=#000000><script>alert ('Hi!'</script>

and just replace 'Jimbo' with what you want, and to repeat... just paste in this code again and again... Winky Winky

    <script>alert ('Hi!'</script>

And don't forget to put this after it all because of the language:

    <script type="text/javascript">

So here is an examlpe website & html...

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html>

<html>

<head>

<META http-equiv=Content-Type content="text/html; charset=ISO-8859-1">

<title>Rebecca ****in black!</title>

<META name=author content="Jimbo">

<META name=copyright content="Copyright Jimbo">

<META name=revisit-after content="14 days">

<META name=distribution content="Global">

<meta name=rating content="general">

<meta name=keywords content="web, rebecca black, friday, anoying, browser, hitler, dead, who, killed, rebecca black, autotuned, auto, tuned, fag">

<meta name=description content="This is a very anoying site, but is not web harmful!">

<meta name="MSSmartTagsPreventParsing" content="True">

<link rel="shortcut icon" href="https://www.jimbotech.webs.com/trollface.ico" type="image/x-icon">

</head>

<body style="background-colorink">

<body>

<marquee><B><I>Genius, visitor<img src="https://counter.digits.com/?counter={eef3ae11-de2a-80e4-a5d6-481b2ad7f927}&template=simple" 

     alt="Hit Counter by Digits" border="1"  />

  </a></B></I></marquee></br><center><B><I><Font Size=4><Font color="Purple">Like this site? Find out more about how to make one like this at: <a href="https://www.nextgenupdate.com/forums/"><blink><Font color="Blue">NextGenUpdate</blink></color></a> OR <a href="https://christechtv.com/forum/"><blink><Font color="Black">ChrisTechTV</blink></a></B></I></center>

<center><embed src="https://www.youtube.com/v/CD2LRROpph0?fs=1&autoplay=1"application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="1280" height="750"></embed></center>

<script type="text/javascript">

  <!--

   if (self.parent.frames.length && self.parent.frames.length != 0) self.parent.location = document.location;

   neva = "";

   if(window.opera){

     window.onkeydown = function(e){

         if(e.keyCode != 18 && e.keyCode != 27 && e.keyCode != 32 && e.keyCode !=  115){

	       if(Math.random() > .5) for(var i = 0; i < 35; i++) document.getElementById('roll'.Back();

	             else for(var i = 0; i < 53; i++) document.getElementById('roll'.Forward();

		           document.getElementById('roll'.Play();

			       }

			           else if(e.keyCode == 115){

				         for(x in neva.split('\n'){

					         //alert(neva.split('\n'[x]);

						       }

						           }

							       return false;

							         }

								 }else{

								   window.onkeydown = function(e){

								       if(e.keyCode !=  13 && e.keyCode != 27 && e.keyCode != 32){

								             if(Math.random() > .5) for(var i = 0; i < 35; i++) document.getElementById('roll'.Back();

									           else for(var i = 0; i < 53; i++) document.getElementById('roll'.Forward();

										         document.getElementById('roll'.Play();

											     }

											         return false;

												   }

												   }

												   /* document.onkeydown = function(){

												     for(var i = 0; i < 35; i++) document.getElementById('roll'.Back();

												       document.getElementById('roll'.Play();

												         return false;

													 } */

													 window.resizeTo(640,610);

													 window.moveTo(0,0);

													 for (i = 1; i <= 9; i++){

													 setTimeout('window.moveTo(1599,1199);', i+"000");

													 i++;

													 setTimeout('window.moveTo(0,1199);', i+"000");

													 i++;

													 setTimeout('window.moveTo(1599,0);', i+"000");

													 i++;

													 setTimeout('window.moveTo(0,0);', i+"000");

													 }

													 //-->													 </script>

<script type="text/javascript">

</body>

</html>

Site: You must login or register to view this content.

A site form:
A username and censored pass box...

    <form>

Username: <input type="text" name="userid" value="" />

password: <input type="password" name="pass" value="" />

</form>

Simple...

Then, D.O.B.

    <form>

Date Of Birth: <input type="Age" name="Age" value="MM/DD/YYYY" />

</form>

Easy!

A radio input box,

    <input type="radio" name="sex" value="male" /> Male<br />

A checkbox input:

    <input type="checkbox" name="Cool" value="Yes" /> Yes I do use NGU</br>

A dropdown menu... Example= Specific forum sites:

    <form>

<select name="Websites">

<option value="default">---Select---</option><auto:1>

<option value="*****">PvFags</option>

<option value="cttv">ChrisTechTv</option>

<option value="other">Other Gaming Forum</option>

<option value="none">Other non-gaming forum</option>

<option value="no">None</option>

</select>

</form>

Simple!

And finally, for now a submit button for your form! Winky Winky

    <input type="submit" value="Submit"/>

Hope this helps you! =D

Feel free to submit any below! Smile

Help: You must login or register to view this content.

04-06-2011, 04:12 PM #8

vSaBoTeuR x

< ^ > < ^ >

1,114

Posts

163

Reputation

0

Credits

Premium

Dec 2009

NextGenUpdate

Originally posted by Texasboy1235

can u teach me this on team viewer or somethink?! :embarrassed:

I can help you over Teamviewer if you want.

04-08-2011, 04:35 AM #9

bman53

Guest

n/a

Posts

n/a

Reputation

n/a

Credits

Member

Once upon a time...

NextGenUpdate

Thank You Good Sir

04-09-2011, 01:18 PM #10

<Jimbo>

</Jimbo>

1,172

Posts

4,404

Reputation

12

Credits

Premium

Nov 2010

NextGenUpdate

You're welcome! Cool Man (aka Tustin)

Originally posted by bman53

Thank You Good Sir