Website coding - where to start?

01-28-2013, 03:09 AM #1

Dingus98

[move]fuk up m8[/move]

1,223

Posts

2,397

Reputation

0

Credits

Premium

Aug 2008

NextGenUpdate

(adsbygoogle = window.adsbygoogle || []).push({}); So i want to start coding some pretty cool sites.. just something cool like this You must login or register to view this content.

i know close to nothing..

what should i learn first?/ thanks

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

01-28-2013, 03:16 AM #2

MLB

Guest

n/a

Posts

n/a

Reputation

n/a

Credits

Member

Once upon a time...

NextGenUpdate

Originally posted by Dingus98

So i want to start coding some pretty cool sites.. just something cool like this You must login or register to view this content.

i know close to nothing..

what should i learn first?/ thanks

I learned by editing templates, once I done that I threw together some templates and made this.

For the homepage edit this:

    <html>

<title>Home</title>



	

	<body background="https://mlbs.tk/images/background.jpg"/>





<script type='text/javascript'>

function lite(e, o)

{

    e.className = o;

}

</script>





	<div class='navbar' id='navbar'>

    <center>

        <table><tr>

            <td><div class='d' onmouseover="lite(this,'g';" onmouseout="lite(this, 'd';" onclick="document.location='https://mlbs.tk'">Home</div></td><td><div class='d' onmouseover="lite(this,'g';" onmouseout="lite(this, 'd';" onclick="document.location='https://mlbs.tk/i'">Snapr</div></td><td><div class='d' onmouseover="lite(this,'g';" onmouseout="lite(this, 'd';" onclick="document.location='https://mlbs.tk/downloads'">ownloads</div></td><td><div class='d' onmouseover="lite(this,'g';" onmouseout="lite(this, 'd';" onclick="document.location='https://mlbs.tk/gallery'">Gallery</div></td><td><div class='d' onmouseover="lite(this,'g';" onmouseout="lite(this, 'd';" onclick="document.location='https://youtube.com/hellixed'">YouTube</div></td><td><div class='d' onmouseover="lite(this,'g';" onmouseout="lite(this, 'd';" onclick="document.location='https://mlbs.tk/steam'">Steam</div></td><td><div class='d' onmouseover="lite(this,'g';" onmouseout="lite(this, 'd';" onclick="document.location='https://mlbs.tk/xbl' ">Xbox Live</div></td><td><div class='d' onmouseover="lite(this,'g';" onmouseout="lite(this, 'd';" onclick="document.location='https://mlbs.tk/sen'">SEN</div></td>

        </tr></table>

    </center>





<style type='text/css'>

    .navbar {border:2px solid black; height:   40px; border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;box-shadow:inset 0px 0px 7px;font-family:tahoma,ubuntu,arial;font-size:60px;font-weight:bold;background:rgba(255,255,255,.3)}

    .d {padding:3px;opacity:0.5;width: 90%;height:80%;border-right: 2px Solid grey;border-left: 2px solid grey;cursor:pointer;font-weight:bold;font-size:15px;}

    .g {padding:3px;opacity:1.0;width: 90%;height:80%;border-right: 2px solid grey;border-left: 2px solid grey;cursor:pointer;font-weight:bold;font-size:15px;text-shadow: 0.0 0.0 0.2em white;}

</style>

<b>

<br>

<br>

<br>





<br>

<br>

		<div id='front'>

<div class='bottom'>



<table width='100%' height='140px'  border='0'>



<tr height='120px' > <td width='10%' colspan='1'> </td> 

<td width='20%' colspan='2'>

  <ul>

<left><li><h4>Important Links</h4></li>

<li><a href='https://nextgenupdate.com/forums/'>NextGenUpate</a></li>

<li> <a href='https://gamephics.com'>GamePhics</a> </li>

<li> <a href='https://mlbs.tk/downloads/'>ownloads </a> </li>

<li><a href='https://mlbs.tk/i'>Snapr</a> </li>

<li> <a href='https://mlbs.tk/yt'>YouTube</a></li></left>











</ul> </td>

<center><td width='10%' colspan='1' > </td>

<td width='20%' colspan='2' >

<ul> 

<li><h4>Copyright MLB 2013</h4></li>







<td width='10%' colspan='1' > </td>

<td width='20%' colspan='2' >

<ul></center>

<right><li> <h4>Social Media</h4></li>



<li><a href='https://www.youtube.com/user/Hellixed'>Youtube </a>  </li>

<li> <a href='https://twitter.com/KTFW'>Twitter</a> </li>

<li>   </li>

<li>   </li>

</ul> </td>

<td width='10%' colspan='1' > </td> </tr>

<tr height='20px' align='center'> <td width='100px' colspan='10' align='center'> </td> </tr> </table></right>

 </div>

</div>



</div>

</body>

</html>







<!DOCTYPE HTML>



<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<meta name="description" content="MLB">

<meta name="keywords" content="MLB's Homepage">

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"><meta name="description" content="Copyright MLB 2013 ">

<meta property="og:title" content="Homepage" >

<meta property="og:type" content="Snaps" >

<meta property="og:site_name" content="Gallery" >



	

<link rel="shortcut icon" href='https://mlbs.tk/favicon.ico' />

<script type='text/javascript' > window.onload = function () {

	var i, b = document.getElementsByClassName ? document.getElementById('links'.getElementsByClassName('box' : [];

	for (i = 0; i < b.length; i++) {

		b[i].onclick = function () {

			window.location.href = this.getElementsByTagName('a'[0].href;

			return false;

		}

	}

	var v = document.createElement('video' || false, p = navigator.plugins['Shockwave Flash'];

	if ((v && typeof v.canPlayType !== 'undefined' || (p && /\d+/.exec(p.description)[0] > 9)) {

		var l = document.getElementById('play';

		if (l) { l.style.display = 'block'; }

	}

};

</script> 



<script type="text/javascript">

  (function() {

    var po = document.createElement('script'; po.type = 'text/javascript'; po.async = true;

    po.src = 'https://apis.google.com/js/plusone.js';

    var s = document.getElementsByTagName('script'[0]; s.parentNode.insertBefore(po, s);

  })();

</script>







<script type='text/javascript' > 

(function(a,b){if(/android.+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|e\-|e\/|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(di|rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|1|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|9|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|xda(\-|2|g)|yas\-|your|zeto|zte\-/i.test(a.substr(0,4)))window.location=b})(navigator.userAgent||navigator.vendor||window.opera,'/forums/';

</script>

<meta property="og:description" content="MLB's site">

<title>MLB's Site</title>

<link href="https://mlbs.tk/style/stylehome1.css" rel="stylesheet" type="text/css" >

</head>

<body>

<div id="fb-root"></div>

<script>(function(d, s, id) {

  var js, fjs = d.getElementsByTagName(s)[0];

  if (d.getElementById(id)) return;

  js = d.createElement(s); js.id = id;

  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";

  fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk');</script>

<center>







<center><div id='navigation'>

<div class='main_width'><a href='https://mlbs.tk'  class='navbutton'>Home</a>

<a href='https://mlbs.tk/i' class='navbutton' title='Go to my snapr'>Snapr</a>

<a href='https://mlbs.tk/downloads' class='navbutton' title='ownload free content'>ownloads</a>

<a href='https://mlbs.tk/gallery' class='navbutton' title='View some images'>Gallery</a>

<a href='https://mlbs.tk/yt' class='navbutton' title='Check out my YouTube'>YouTube</a>

<a href='https://mlbs.tk/steam/' class='navbutton' title='Add me on Steam.'>Steam</a>

<a href='https://mlbs.tk/xbl/' class='navbutton' title='Add me on Xbox.'>Xbox LIVE</a>

<a href='https://mlbs.tk/sen/' class='navbutton' title='Add me on Xbox.'>SEN</a>	 </center>

		





 

							

 



				</div>

				</div>

									



				

 



				

				</center>

				<br>

<div id="header">

  <h1><img src="https://mlbs.tk/img/home.png" alt="Home" /></h1>

	<br>

  

  <br>

  

<div id="content">

  <table id="links">

    <tr >

     

<td><div class="box">

          <div class="portal" id="portal-convo"></div>

          <div class="descr"><a href="https://youtube.com/Hellixed">My YouTube!</a></div>

        </div></td>

        </div></td>

 <td><div class="box">

          <div class="portal" id="portal-code"></div>

          <div class="descr"><a href="https://mlbs.tk/i">Check out my snaps!



		  </a></div>

      <td><div class="box">

          <div class="portal" id="portal-cloudy"></div>

          <div class="descr"><a href="https://mlbs.tk/downloads">ownloads!</a></div>

        </div></td>



    </tr>

  </table>







  <div class="clear"></div>

</div> </div>  

<div class="inbetween">



</div> </div>

<br>

			



</body>

</html>

The following user thanked MLB for this useful post:

Dingus98

02-05-2013, 08:49 PM #3

<Jimbo>

</Jimbo>

1,172

Posts

4,404

Reputation

12

Credits

Premium

Nov 2010

NextGenUpdate

Once you have got your head around the HTML/CSS side of things a bit more, you might want to try some sort of online course for JavaScript... Which is a key part of making a dynamic and functional website.

I have found You must login or register to view this content. to be a great place for people to begin learning such languages.

Originally posted by Dingus98

So i want to start coding some pretty cool sites.. just something cool like this You must login or register to view this content.

i know close to nothing..

what should i learn first?/ thanks

02-05-2013, 09:29 PM #4

JP

Israeli/Palestinian Unity

3,882

Posts

41,931

Reputation

17

Credits

Premium

Oct 2010

NextGenUpdate

Try building simple things in HTML and CSS first, once you get your head around that start editing templates and figuring out what does what etc. You should be a pro in no time!