We currently have 4069 registered users. Our newest member is rylandir.
Online members:
Username Password Remember me
Not a member? Join today! | Forgot your password?
Latest Updated Forum Topics  [more...]
Dungeons and Dragons - Shadows of the Empire (posted by Octavia)Shadows of the Empire
Posting Games - Last one to post wins - Part II (posted by Odyson)LOTPWII
Common Room - Is that an active game? (posted by t_catt11)Is that an active game?
Comings and Goings - What's going on? (posted by Eol Fefalas)What's Up?
Personal Creations - Audalis creations (posted by t_catt11)Audalis creations
Latest Blog Entries
Revenge of the Drunken Dice
Latest Webcomics
Loaded Dice #80: Priorities
RPG MB #15: Master of the Blade
Floyd Hobart #19: High School Reunion IV
There are currently 6 users logged into DragonChat.
You are here: Home --> Forum Home --> General Forum --> Comings and Goings --> Creating Links and Formatting Text: A Tutorial
Jump to:    1 2 [Next] [Last Page]
    Messages in Creating Links and Formatting Text: A Tutorial
Creating Links and Formatting Text: A Tutorial

In my quest to promote good formatting and organized layouts, I have decided to write a short guide to creating links and formatting text when posting on the Red Dragon Inn forums.

First, a small note: Formatting text—for example making it bold or italic—and creating links on these forums is done by using so-called HTML, the type of code that determines what a website looks like. While HTML can be complex, the aspects of it that I will describe in this tutorial are relatively easy to learn and memorize.

Italic Text Italic text is created by typing like this:
<i>An elegant font, for a more civilized age.</i>
Which will look like this:
An elegant font, for a more civilized age.
Bold Text Bold text is created by typing like this:
<b>Darth Vader! Only you could be so bold.</b>
Which will look like this:
Darth Vader! Only you could be so bold.
Links Links are created by typing like this:
Now she is my only <a href="http://www.secretbase.com/howtofindit.html">link</a> to finding their secret base.
Which will look like this:
Now she is my only link to finding their secret base.
Different Text Color Text with different color than the standard red hue is created by typing like this:
<font color="green">Green Group</font>, stick close to holding sector MV-7.
Which will look like this:
Green Group, stick close to holding sector MV-7.
Available colors include most common ones such as "red," "green," "blue," and "yellow," and more uncommon ones such as "cyan" and "magenta." If you are looking for a very specific color, you will have to write down a so-called "hex code." To find this code, do a web search for "HTML color picker" or something similar, and you should find an application for doing that.

A hex code looks something like this: #ff7f00. (This particular hex code is that of a type of orange.)

Different Font Fonts that are available on many computers include Times New Roman—the default font—Arial, Georgia, Trebuchet MS and Courier New. Text with a different font than Times New Roman is created by typing like this:
<font face="Courier New">Beep! Whirr! Whistle! My name is R2-D2!</font>
Which will look like this:
Beep! Whirr! Whistle! My name is R2-D2!
Block Quotes Block quotes are indents on both sides of the text. They are created by typing like this:
<blockquote>Prisoner transfer from
cellblock 1138.</blockquote>
Which will look like this:
Prisoner transfer from cellblock 1138.
Numbered Lists Numbered lists are created by typing like this:
<ol>
<li>The Phantom Menace</li>
<li>Attack of the Clones</li>
<li>Revenge of the Sith</li>
<li>A New Hope</li>
<li>The Empire Strikes Back</li>
<li>Return of the Jedi</li>
</ol>
Which will look like this:
  1. The Phantom Menace
  2. Attack of the Clones
  3. Revenge of the Sith
  4. A New Hope
  5. The Empire Strikes Back
  6. Return of the Jedi
Bulleted Lists Bulleted lists are created by typing like this:
<ul>
<li>Luke Skywalker</li>
<li>Obi-Wan Kenobi</li>
<li>Yoda</li>
</ul>
Which will look like this:
  • Luke Skywalker
  • Obi-Wan Kenobi
  • Yoda
Those are the most commonly used formatting options for message boards, but there are of course many more. If you want to learn more, check out W3Schools or do a web search for HTML tutorials.

With that, my tutorial is finished. Or, as a famous man in a black suit and with a well-known voice once put it: "The circle is now complete!" I hope you have enjoyed the tutorial and the many Star Wars references in it!

Have fun posting on the Red Dragon Inn forums!

Vote Grugg
Karma: 42/10
117 Posts

Posted on 2006-08-31 at 12:23:55.
Edited on 2006-09-02 at 04:14:49 by Scarab


Sorry

Sorry Scarab, but that didn't say anything. All we see is the result repeated twice, but no instructions. Or at least that is all I see.

Occasional Visitor
Karma: 3/0
36 Posts

Posted on 2006-08-31 at 14:51:34.


.............................I'm a blonde, so shut up......^*^

*Writes notes down and then raises hand, when called aupon takes a deep breath like getting ready to say some thing long and says* HUN?!

Newbie
Karma: 1/1
5 Posts

Posted on 2006-08-31 at 16:23:29.


Oh...

Oh, that's right... I know what the problem is, though, so I'll get to work on fixing it right away!

Vote Grugg
Karma: 42/10
117 Posts

Posted on 2006-09-02 at 03:53:21.


There!

That should do it! Let me know if anything is still incorrect or strange in any way and I'll fix it.

Vote Grugg
Karma: 42/10
117 Posts

Posted on 2006-09-02 at 04:06:35.


a note

oh yes, some people were wondering about placing images up. Maybe you could add that html as well. Could be helpful for many people.


Sharlisaurus
Karma: 31/10
529 Posts

Posted on 2006-09-14 at 04:06:39.
Edited on 2008-05-17 at 15:53:20 by Ayrn


Images

We don't want people putting images on the site without checking with Olan, myself or a senior Mod. We asked Scarab not to put instructions for image placement because images take a lot of space and bandwidth - which slows down the site immensely.

The Tired
RDI Staff
Karma: 291/33
6348 Posts

Posted on 2006-09-14 at 04:55:55.


veggies

ohhh, of course. I should have thought of that. Well then. shall i remove my cauliflower?

Sharlisaurus
Karma: 31/10
529 Posts

Posted on 2006-09-14 at 07:21:49.


Never!

You will keep it! It's pretty

\m/(-_-)\m/
Karma: 57/15
900 Posts

Posted on 2006-09-16 at 16:00:11.


Well...

I was just going to reply, but then Alacrity put it so well himself! Nice cauliflower, by the way.

Vote Grugg
Karma: 42/10
117 Posts

Posted on 2006-09-27 at 17:32:59.


affiliates

Do you have a links section. or maybe even affiliates?

Newbie
Karma: 1/0
4 Posts

Posted on 2006-11-14 at 11:49:13.


Links...

We do have a links section, Niemz... ya just can't see it yet.

Once the migration/merger of the new site and the old is completed and the front-end pages are up and running, I'm sure that the links section won't be too hard to find. Anything in particular that you're looking for?

Lord of the Possums
RDI Staff
Karma: 475/29
8917 Posts

Posted on 2006-11-16 at 13:45:49.


Olan made me a liar! ;)

Okay, so now you can see the links section... El Jefe has apparently just hit us with some extra functionallity and we've got a groovy little menu bar at the top of the page!

Very cool!

Lord of the Possums
RDI Staff
Karma: 475/29
8917 Posts

Posted on 2006-11-16 at 14:35:01.


not quite...

there is a link label there, but no working page yet.

Fun is Mandatory
RDI Staff
Karma: 379/54
7263 Posts

Posted on 2006-11-16 at 14:36:57.


Links

I run an AD&D Chat message board, and would like to exchange banners. http://niemz242.proboards25.com/

Newbie
Karma: 1/0
4 Posts

Posted on 2006-11-21 at 20:24:02.


   
Jump to:    1 2 [Next] [Last Page]




Page loaded in 0.175977 seconds