Web Designing By DjMilez/ProwerBot

Thank you for checking out Sonic Blast! We try to go above and beyond what is expected in a Sonic forum or any forum in general. We hope you enjoy your visit.

Sonic Blast sets itself apart with a genius ranking system that is modeled after a monarchy styled government based around the Sonic Universe, brilliant skins themed from Sonic based characters and classic Sonic Zones from Sonic the Hedgehog 3 on Sega Genesis, entertaining topics, contests, and a highly detailed, well written, indexed rule system for your convenience with many more thrilling features and over two years of being online!

Despite the monarchy styled ranks for our staff, Sonic Blast is a democratic forum and listens to member's suggestions, giving members a bigger say in what takes place. We are lenient and do not rule over people with an iron fist. Registration is simple, fast, and completely free.

Join our community!

If you're already a member please log in to your account to access all of our features:

Web Designing By DjMilez/ProwerBot
Topic Started: May 2 2008, 09:30 PM (383 Views)
V8~Ghost	May 2 2008, 09:30 PM Post #1
DOCKER NEWS: Cake Posts: 1,695 Group: S-Rank Hero Member #2,346 Joined: September 9, 2007 Favorite System: Playstation Favorite Sonic Game: Sonic Adventure Current Mood: LOL MOOD	So... you've seen them. You've visited lots of websites. And some look pretty good. Some of you I bet, want to make your own, right? Well, in this tutorial, I'll guide you through it. Soon, you can code a website with the tutorial given here. I know HTML like the back of my hand. That's because I've had lots of practice. Well, let's get on, shall we? (This tutorial is written for windows users, but mac/other can use it if they can figure it out) ----------------------- Chapter 1: The basics First up, open notepad. And type in something like this. Code: `<html> <head> <title>Hello world!</title> </head> <body> Hello! Welcome to my website. There isn't much here, so check back soon! </body> </html>` Let's define some stuff.... <html> defines that you are using HTML. <head> defines the heading <title></title> defines the text appearing in the title bar. <body> defines what goes in the html document. </body> tells us that it is closing the body tag. </html> closes the html tag. I need to say this too... MOST tags need to end. If you have a <b> tag, you must put </b> where you want to stop bolding text. Sometimes you can do this. Code: `<img src='lol' />` Which ends the tag in itself. HTML is made up of elements, properties and values. A tag like this Quote: <ELEMENT PROPERTY="VALUE" /> In this, ELEMENT says what the tag is, PROPERTY defines what the element is doing, and VALUE defines what PROPERTY is doing. Anyway, on to the next crap.... ------- Chapter 2: Colors, images, links, and aligning Colors?? Yeah, you can use COLORS too! If you want to say what color the background is, in the body tag you'd put Code: `bgcolor="#hex"` and for the font color Code: `text="#hex"` and the links Code: `link="#hex"` Anyway, where to choose colors for the hex number? Go here http://www.december.com/html/spec/color0.html Now then, you want to place an image you say? Easy enough. Code: `<img src='image url goes here' />` Put the url of the image... in the obvious place. That will display the image. To display a border, add this to the tag Code: `border=1` And to links Also, this is easy. Code: `<a href='lol'>Click here!</a>` Replace 'lol' with the link, and click here! with the text. Now, what if you want to center something, or put it to the right? Use this for centering Code: `<center>Centered stuff goes here</center>` and to align right Code: `<div align='right'>Right Aligned stuff goes here.</div>` & That's all I say for this chapter. ------- Chapter 3: Formatting text TEXT refers to all the words, letters and numbers you want to show on the web page. Text is placed in the BODY area of the page code. Quote: <html> <head> <title>Hello world!</title> </head> <body> Hello! Welcome to my website. There isn't much here, so check back soon! </body> </html> But, you might wanna change it up a bit, once the text is there. These tags will tell the page for the text to look different <b> - Bolds text <i> - Italicizes Text <u> - Underlines text Remember that you MUST put </b>, </i>, or </u> (whichever you used) where you want the formatting to STOP. Your code may then look like this. Quote: <html> <head> <title>Hello world!</title> </head> <body> Hello! Welcome to my website. There isn't much here, so check back soon! <i>This text is italicized.</i> <b>This text is bolded.</b> <u>This text is underlined.</u> </body> </html> There are also header tags, which can make the text either smaller or larger. There are 6 sizes to the header tag. 1 being the largest, 6 being the smallest. These are the different sizes that can be created Code: `<h1>header 1</h1> <h2>header 2</h2> <h3>header 3</h3> <h4>header 4</h4> <h5>header 5</h5> <h6>header 6</h6>` ----------------------- Chapter 4: Tables Well, know you know how to do some crap I told you above, well, you want to make it moar pretty, right? Well, we could use a table for that Some variables.... width='3485348px' selects how many pixels wide it is. You can also use percentages, height='101px' same as above but with height. border='431' will make a border class='urmuma' tells the page what class it is defined by a stylesheet align='left' tells it the text should be aligned left. You can use that or right valign='top' tells it the text should be aligned at top. You can use that or bottom. bgcolor='#smecksay' tells it what background color it should be On to the table? Code: `<table width='800px' border='1' bgcolor='#000000' align='left' valign='top'><tr><td>Lol.</td></tr></table>` You can use that to display data or a pages content. </td><td> will start a new column. </tr><tr> will start a new row. That's all I say for tables.
	I AM THE BOT. THE GOOGLEBOT. AND THE PROWERBOT <3


V8~Ghost	May 2 2008, 09:31 PM Post #2
DOCKER NEWS: Cake Posts: 1,695 Group: S-Rank Hero Member #2,346 Joined: September 9, 2007 Favorite System: Playstation Favorite Sonic Game: Sonic Adventure Current Mood: LOL MOOD	(Reserving post because this tutorial will be a long one)
	I AM THE BOT. THE GOOGLEBOT. AND THE PROWERBOT <3


V8~Ghost	May 2 2008, 09:31 PM Post #3
DOCKER NEWS: Cake Posts: 1,695 Group: S-Rank Hero Member #2,346 Joined: September 9, 2007 Favorite System: Playstation Favorite Sonic Game: Sonic Adventure Current Mood: LOL MOOD	(Yeah, sorry for being Maelic-ish XD)
	I AM THE BOT. THE GOOGLEBOT. AND THE PROWERBOT <3


V8~Ghost	May 3 2008, 07:53 AM Post #4
DOCKER NEWS: Cake Posts: 1,695 Group: S-Rank Hero Member #2,346 Joined: September 9, 2007 Favorite System: Playstation Favorite Sonic Game: Sonic Adventure Current Mood: LOL MOOD	I added chapter 3.
	I AM THE BOT. THE GOOGLEBOT. AND THE PROWERBOT <3


V8~Ghost	May 4 2008, 05:33 PM Post #5
DOCKER NEWS: Cake Posts: 1,695 Group: S-Rank Hero Member #2,346 Joined: September 9, 2007 Favorite System: Playstation Favorite Sonic Game: Sonic Adventure Current Mood: LOL MOOD	Chapter 4 is up =D
	I AM THE BOT. THE GOOGLEBOT. AND THE PROWERBOT <3


Eprahim	May 6 2008, 11:26 AM Post #6
GENTLEMEN. Posts: 3,520 Group: E-Rank Legend Member #3,768 Joined: November 21, 2007 Gender: Male Favorite System: Dreamcast Favorite Sonic Game: Sonic Adventure 2 Current Mood: ZZzzZZZzz Playstation Network ID: No PS3 for me. Xbox Live Gamertag: Eprahim Wii Friend Code: Who has one? Blog ROW ROW FIGHT DA POWAH	Cool tutorial so far!
	Spoiler: click to toggle BOB PAGE Your appointment to FEMA should be finalized within the week. I've already discussed the matter with the Senator. WALTON SIMONS I take it he was agreeable? BOB PAGE He didn't really have a choice. WALTON SIMONS Has he been infected? BOB PAGE Oh yes, most certainly. When I mentioned that we could put him on the priority list for the Ambrosia vaccine, he was so willing it was almost pathetic. WALTON SIMONS This plague -- the rioting is intensifying to the point where we may not be able to contain it. BOB PAGE Why contain it? Let it spill over into the schools and churches, let the bodies pile up in the streets. In the end, they'll beg us to save them. WALTON SIMONS I've received reports of armed attacks on shipments. There's not enough vaccine to go around, and the underclasses are starting to get desperate. BOB PAGE Of course they're desperate. They can smell their death, and the sound they'll make rattling their cage will serve as a warning to the rest. WALTON SIMONS Mmm. I hope you're not underestimating the problem. The others may not go as quietly as you think -- intelligence indicates they're behind the problems in Paris. BOB PAGE A bunch of pretentious old men playing at running the world. But the world left them behind long ago. We are the future. WALTON SIMONS We have other problems. BOB PAGE UNATCO? WALTON SIMONS Formed by executive order after the terrorist strike on the Statue. I have someone in place, though. I'm more concerned about Savage -- he's relocated to Vandenberg. BOB PAGE Our biochem corpus is far in advance of theirs, as is our electronic sentience. And their... ethical inflexibility has allowed us to make progress in areas they refuse to consider. WALTON SIMONS The augmentation project? BOB PAGE Among other things -- but I must admit that I have been somewhat disappointed in the performance of the primary unit. WALTON SIMONS The secondary unit should be online soon. It's currently undergoing preparation and will be operational within six months. My people will continue to report on his progress. If necessary, the primary will be terminated. BOB PAGE We've had to endure much, you and I, but soon there will be order again, a new age. Aquinas spoke of the mythical City on the Hill. Soon that city will be a reality, and we will be crowned its kings. Or better than kings. Gods.


Kurtis	May 13 2008, 04:19 PM Post #7
Toon Link, Hes Awesome. Posts: 642 Group: S-Rank Soldier Member #6,319 Joined: February 28, 2008 Gender: Male Favorite Sonic Game: Sonic Adventure 2 Current Mood: Okay.	Yeah nice. I like it. =D
	...C.L.O.N.E...T.D.......S.P.R.I.T.E.S.... Pokemon evolution card. ^^


Kurtis	May 14 2008, 04:36 PM Post #8
Toon Link, Hes Awesome. Posts: 642 Group: S-Rank Soldier Member #6,319 Joined: February 28, 2008 Gender: Male Favorite Sonic Game: Sonic Adventure 2 Current Mood: Okay.	Sorry for the DP. But could you help me with the skin? I cant quite get it.. (Cant get it at all.)
	...C.L.O.N.E...T.D.......S.P.R.I.T.E.S.... Pokemon evolution card. ^^


V8~Ghost	May 15 2008, 05:48 AM Post #9
DOCKER NEWS: Cake Posts: 1,695 Group: S-Rank Hero Member #2,346 Joined: September 9, 2007 Favorite System: Playstation Favorite Sonic Game: Sonic Adventure Current Mood: LOL MOOD	What code are you using?
	I AM THE BOT. THE GOOGLEBOT. AND THE PROWERBOT <3


Gale	May 15 2008, 09:24 AM Post #10
GFX Samurai Posts: 1,076 Group: =SB= GFX Army Member #3,090 Joined: October 23, 2007 Gender: Female Favorite System: Wii Favorite Sonic Game: Sonic Rush Current Mood: x3	I learnt the basics of HTML when I was 6. Nice guide, though.



Kurtis	May 16 2008, 03:04 PM Post #11
Toon Link, Hes Awesome. Posts: 642 Group: S-Rank Soldier Member #6,319 Joined: February 28, 2008 Gender: Male Favorite Sonic Game: Sonic Adventure 2 Current Mood: Okay.	ProwerBot May 15 2008, 05:48 AM What code are you using? Well its something like this... <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000"> <% BOARD HEADER %> <% NAVIGATION %> <% BOARD %> Im not sure if you have it up there or not. Im not very good at this. ><
	...C.L.O.N.E...T.D.......S.P.R.I.T.E.S.... Pokemon evolution card. ^^


V8~Ghost	May 16 2008, 05:08 PM Post #12
DOCKER NEWS: Cake Posts: 1,695 Group: S-Rank Hero Member #2,346 Joined: September 9, 2007 Favorite System: Playstation Favorite Sonic Game: Sonic Adventure Current Mood: LOL MOOD	Well.... that's for... invision power boards.... Also, it'd be Code: `<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000"> <% BOARD HEADER %> <% NAVIGATION %> <% BOARD %> <% STATS %>`
	I AM THE BOT. THE GOOGLEBOT. AND THE PROWERBOT <3


1 user reading this topic (1 Guest and 0 Anonymous)


« Previous Topic · =SB= Tutorials · Next Topic »