Author Topic: The Sploder HTML Guide (Come Here to Learn HTML)  (Read 1292 times)

Offline tobestertobes

  • Mortar
  • ***
  • Posts: 4,924
  • Karma: +87/-0
  • Oh Chucks...
    • View Profile
    • Splat Forums
The Sploder HTML Guide (Come Here to Learn HTML)
« on: May 23, 2012, 02:48 pm »
The Sploder HTML Guide

If you're looking here it is probably because you want to learn HTML or you want to just see the guide.
This guide will show those who don't know it, how to use HTML. This website is full of HTML yet quite a few members don't know it. Well, you found the right place to learn.

Although HTML can be fun to use, you need to know when enough is enough. You don't want to push it too far (e.g. using it everywhere) as this is called HTML abuse. A very easy way to get in to PoW Camp.

Contents
Picture HTML
Font HTML
Bold, Italic and Underline
Marquee (Moving Text)
Hyperlinks
Other HTML
« Last Edit: July 07, 2012, 05:19 pm by tobestertobes »
Nexus Inventory:

6 Silver
Axe Template
Lance Template
3 Bronze
Armor Template
Luna Stone
3 Shadow Stones
 

Offline tobestertobes

  • Mortar
  • ***
  • Posts: 4,924
  • Karma: +87/-0
  • Oh Chucks...
    • View Profile
    • Splat Forums
The Sploder HTML Guide (Come Here to Learn HTML)
« Reply #1 on: May 23, 2012, 03:00 pm »
Picture HTML

Picture coding is probably the most used code on this forums. Many people use it to post funny images in threads.
The code:
[img src="insert image URL here"/]
Replace the [ & ] signs with < & > signs.

Example:


Back to Contents
« Last Edit: May 24, 2012, 10:46 am by tobestertobes »
Nexus Inventory:

6 Silver
Axe Template
Lance Template
3 Bronze
Armor Template
Luna Stone
3 Shadow Stones
 

Offline tobestertobes

  • Mortar
  • ***
  • Posts: 4,924
  • Karma: +87/-0
  • Oh Chucks...
    • View Profile
    • Splat Forums
The Sploder HTML Guide (Come Here to Learn HTML)
« Reply #2 on: May 23, 2012, 03:04 pm »





« Last Edit: May 23, 2012, 03:19 pm by tobestertobes »
Nexus Inventory:

6 Silver
Axe Template
Lance Template
3 Bronze
Armor Template
Luna Stone
3 Shadow Stones
 

Offline tobestertobes

  • Mortar
  • ***
  • Posts: 4,924
  • Karma: +87/-0
  • Oh Chucks...
    • View Profile
    • Splat Forums
The Sploder HTML Guide (Come Here to Learn HTML)
« Reply #3 on: May 23, 2012, 03:11 pm »
Font Coding

There are many different types of font coding such as colour and size. Font coding can make your thread look a lot more appealing to read.

Font Size:
This make you text bigger or smaller. Here's how:
[font size=#]put text here[/font]
Replace [ & ] signs with < & > signs.

Example:

Size 1
Size 2
Size 3
Size 4
Size 5




Font Colour:
Font colour makes you text look different colours. Here's how:
[font color=font colour here]text here[/font]
Replace [ & ] signs with < & > signs.

Example:

I like the colour yellow




Different Font:
This can make your text look different to the normal font. Here's how:
[font face=name of font]text with new font[/font]
Replace [ & ] signs with < & > signs.

Example:

ALGERIAN

All fonts compatible with HTML (Courtesy of Brocky)

Back to Contents
« Last Edit: May 23, 2012, 03:23 pm by tobestertobes »
Nexus Inventory:

6 Silver
Axe Template
Lance Template
3 Bronze
Armor Template
Luna Stone
3 Shadow Stones
 

Offline tobestertobes

  • Mortar
  • ***
  • Posts: 4,924
  • Karma: +87/-0
  • Oh Chucks...
    • View Profile
    • Splat Forums
The Sploder HTML Guide (Come Here to Learn HTML)
« Reply #4 on: May 23, 2012, 03:14 pm »





« Last Edit: May 23, 2012, 03:19 pm by tobestertobes »
Nexus Inventory:

6 Silver
Axe Template
Lance Template
3 Bronze
Armor Template
Luna Stone
3 Shadow Stones
 

Offline tobestertobes

  • Mortar
  • ***
  • Posts: 4,924
  • Karma: +87/-0
  • Oh Chucks...
    • View Profile
    • Splat Forums
The Sploder HTML Guide (Come Here to Learn HTML)
« Reply #5 on: May 23, 2012, 03:15 pm »
Bold, Italic and Underline

You can also make you text either bold, italic, or underlined (like I have in the title.)

Bold: text here
Italic: text here
Underline: text here
Replace [ & ] signs with < & > signs.

Example:

Bold
Italic
Underline

Back to Contents
« Last Edit: May 23, 2012, 03:20 pm by tobestertobes »
Nexus Inventory:

6 Silver
Axe Template
Lance Template
3 Bronze
Armor Template
Luna Stone
3 Shadow Stones
 

Offline tobestertobes

  • Mortar
  • ***
  • Posts: 4,924
  • Karma: +87/-0
  • Oh Chucks...
    • View Profile
    • Splat Forums
The Sploder HTML Guide (Come Here to Learn HTML)
« Reply #6 on: May 23, 2012, 03:17 pm »





« Last Edit: May 23, 2012, 03:19 pm by tobestertobes »
Nexus Inventory:

6 Silver
Axe Template
Lance Template
3 Bronze
Armor Template
Luna Stone
3 Shadow Stones
 

Offline tobestertobes

  • Mortar
  • ***
  • Posts: 4,924
  • Karma: +87/-0
  • Oh Chucks...
    • View Profile
    • Splat Forums
The Sploder HTML Guide (Come Here to Learn HTML)
« Reply #7 on: May 23, 2012, 03:17 pm »
Moving Text or Marquee

Moving text/Marquee can make your text move across the page which can make banners or updates. Here's how:
[marquee]text here[/marquee]
Replace [ & ] signs with < & > signs.

Example:

Moving Text

You can even make your text go in different directions such as up, down, left and right. Here's how:
[marquee direction=direction here]text here[/marquee]
Replace [ & ] signs with < & > signs.

Example:

Moving Text Up

Back to Contents
« Last Edit: May 23, 2012, 03:27 pm by tobestertobes »
Nexus Inventory:

6 Silver
Axe Template
Lance Template
3 Bronze
Armor Template
Luna Stone
3 Shadow Stones
 

Offline tobestertobes

  • Mortar
  • ***
  • Posts: 4,924
  • Karma: +87/-0
  • Oh Chucks...
    • View Profile
    • Splat Forums
The Sploder HTML Guide (Come Here to Learn HTML)
« Reply #8 on: May 23, 2012, 03:23 pm »





Nexus Inventory:

6 Silver
Axe Template
Lance Template
3 Bronze
Armor Template
Luna Stone
3 Shadow Stones
 

Offline tobestertobes

  • Mortar
  • ***
  • Posts: 4,924
  • Karma: +87/-0
  • Oh Chucks...
    • View Profile
    • Splat Forums
The Sploder HTML Guide (Come Here to Learn HTML)
« Reply #9 on: May 23, 2012, 03:28 pm »
Hyperlinks

Hyperlinks are highlighted words that when you click on them, lead you to another place. They are commonly used on websites. Here's how:

[a href="url here"]what the link will say[/a]
Replace the [&] signs with ‹&› signs.

Example:
www.sploder.com">Sploder MS

Back to Contents
« Last Edit: May 24, 2012, 10:47 am by tobestertobes »
Nexus Inventory:

6 Silver
Axe Template
Lance Template
3 Bronze
Armor Template
Luna Stone
3 Shadow Stones
 

Offline tobestertobes

  • Mortar
  • ***
  • Posts: 4,924
  • Karma: +87/-0
  • Oh Chucks...
    • View Profile
    • Splat Forums
The Sploder HTML Guide (Come Here to Learn HTML)
« Reply #10 on: May 23, 2012, 03:28 pm »





« Last Edit: May 24, 2012, 10:50 am by tobestertobes »
Nexus Inventory:

6 Silver
Axe Template
Lance Template
3 Bronze
Armor Template
Luna Stone
3 Shadow Stones
 

Offline tobestertobes

  • Mortar
  • ***
  • Posts: 4,924
  • Karma: +87/-0
  • Oh Chucks...
    • View Profile
    • Splat Forums
The Sploder HTML Guide (Come Here to Learn HTML)
« Reply #11 on: May 23, 2012, 03:28 pm »
Other HTML

These are just bits of html that really don't actually need a category of their own as they are so small and hardly ever used.

Separation Lines
These aren't used too much as nobody really knows about them or they just aren't useful. Well, they can be for separating bits such as different things in your post. I've used the quite a lot in this guide to separate the different categories.It's pretty easy. Here's how:


Replace [ & ] signs with < & > signs.

Example:



Back to Contents




Videos
Many people embed videos on here that they think are funny/good/strange. It is a useful thing to know just as a sideline an is very easy, in fact - there isn't any code to remember. =P
Here is a step by step way to embed your youtube videos. THIS IS ONLY FOR VIDEOS ON SITES SUCH AS YOUTUBE.

1) Go to the video you want to embed.
2) Then, click on 'Share'.
3) Then click the 'Embed' button.
4) Finally, copy and paste the embed code into the comment box and post it. You have a video!




I will update this every once in a while so keep checking.


Back to Contents
« Last Edit: May 24, 2012, 11:09 am by tobestertobes »
Nexus Inventory:

6 Silver
Axe Template
Lance Template
3 Bronze
Armor Template
Luna Stone
3 Shadow Stones
 

Offline tobestertobes

  • Mortar
  • ***
  • Posts: 4,924
  • Karma: +87/-0
  • Oh Chucks...
    • View Profile
    • Splat Forums
The Sploder HTML Guide (Come Here to Learn HTML)
« Reply #12 on: May 23, 2012, 03:28 pm »
If you have any questions you want to ask me, post me them in this thread: HTML Question Thread
« Last Edit: May 24, 2012, 11:15 am by tobestertobes »
Nexus Inventory:

6 Silver
Axe Template
Lance Template
3 Bronze
Armor Template
Luna Stone
3 Shadow Stones
 

Offline tobestertobes

  • Mortar
  • ***
  • Posts: 4,924
  • Karma: +87/-0
  • Oh Chucks...
    • View Profile
    • Splat Forums
The Sploder HTML Guide (Come Here to Learn HTML)
« Reply #13 on: May 23, 2012, 03:29 pm »
Reserved
« Last Edit: May 23, 2012, 03:29 pm by tobestertobes »
Nexus Inventory:

6 Silver
Axe Template
Lance Template
3 Bronze
Armor Template
Luna Stone
3 Shadow Stones
 

Offline Superluigi77

  • The Young Wolf
  • Bugmeister
  • ******
  • Posts: 26,241
  • Karma: +753/-0
  • Be Heroic
    • View Profile
    • Best of Youtube
The Sploder HTML Guide (Come Here to Learn HTML)
« Reply #14 on: May 23, 2012, 09:51 pm »
Seeing as the other guide isn't currently visible by most users I'd be willing to fuse this if you can do a satisfactory job on it.
The Boogeyman is Coming.
 

Offline tobestertobes

  • Mortar
  • ***
  • Posts: 4,924
  • Karma: +87/-0
  • Oh Chucks...
    • View Profile
    • Splat Forums
The Sploder HTML Guide (Come Here to Learn HTML)
« Reply #15 on: May 24, 2012, 02:56 am »
Posted By: superluigi77Seeing as the other guide isn't currently visible by most users I'd be willing to fuse this if you can do a satisfactory job on it.

Sure. I'll get it finished today!
Nexus Inventory:

6 Silver
Axe Template
Lance Template
3 Bronze
Armor Template
Luna Stone
3 Shadow Stones
 

Offline Superluigi77

  • The Young Wolf
  • Bugmeister
  • ******
  • Posts: 26,241
  • Karma: +753/-0
  • Be Heroic
    • View Profile
    • Best of Youtube
The Sploder HTML Guide (Come Here to Learn HTML)
« Reply #16 on: May 24, 2012, 02:28 pm »
Temporarily fused until brocky finishes refurbishing his guide which, by the looks of it, won't be finished for some time.
The Boogeyman is Coming.
 

Offline Superluigi77

  • The Young Wolf
  • Bugmeister
  • ******
  • Posts: 26,241
  • Karma: +753/-0
  • Be Heroic
    • View Profile
    • Best of Youtube
The Sploder HTML Guide (Come Here to Learn HTML)
« Reply #17 on: May 24, 2012, 05:03 pm »
Closed by request.
The Boogeyman is Coming.