Role Play University
HTML Help
Home | HTML Help | Hex Codes with Colors | Staff | RPU Forums

So here we are... I take it if you have made it to this site, then you must need a little help with rping, which is ok, because we all need a little help at times. On this page I will try to explain, in very simple English, the basics of HTML. Though it is not required that you learn HTML, it does make your rp stand out and look a hell of a lot cooler. So onto the explaining.....
 
So you're crusing through the internet and you come upon an efedding site, that you like and you stop in for a look. You start reading the role plays of its members and the first thing you notice is that most of them have color in them. Want to know how to do it? Well here you go....
 
<font color="Name of Color">Text</font>
 
Now of course you would put the name of the color that you want inside the quotation marks, and where it says "text" that would be where you put your rp, post, etc. There you go, you now have color.
 
So you're continuing your journey of reading the rps, and you come across some text that seems to move across your screen. To anyone that is new to this, you would be like, "What the hell was that? I thought that only happened in sports arenas and such?" Well, although it does happen outside and inside sports arenas, banks, etc, you can also have it in your rp. Want to know how? Here you go....
 
<marquee>Text goes here...</marquee>
 
So by now you have read a couple of rps, but you keep reading. You open up the next rp and BOOM, a damn picture is staring you back in the face. You're like, "Holy Hell!" Well do you want to make pictures stare at other people? Here you go....
 
<img src="URL of Pic Here....">
 
Just right click on the pic that you want to use, go to properties, and copy the URL of the Pic. Paste it inside the quotation marks, and Voila, you have a pic that looks at people.
 
*Word of advice.....Free web hosting sites like Tripod, Angelfire, Geocities, etc. do not recognize the jpg format, so if your uploading your pic there, your pic will not show up. My advice to you would be this... Go to photobucket.com and sign up for a free account there. Upload your pics there, so that way, you know that they will always load. Cause if you are like me, you hate thost damn little white boxes with the red X's in them!*
 
So far you have learned three very important HTML tips, that will make your rp look nicer.
 
If you decide that you want to continue your journey of learning, you read on. You open up your next rp, and you start to hear music play. Well don't sweat! Casper is not in your computer. Most likely the handler who wrote the rp embedded music into his/her rp. You want to learn how to do this you say? Well here you go.....
 
<embed src="URL of Music File/Sound Here....">
 
Well now that you have all of that....You should be about ready to post your rp, promo, etc....Well you are going to need to link it. So here you go....
 
<a href="URL of Page Here...">Name, Text, Etc....</a>
 
*Make sure you dont for get to put</a>, because if you don't the browser will think that the whole page is linked.*
 
Now you know the basics of HTML...Use them however you want. There a few simple commands that you can do, and I will list them now...
 
<b>Text</b>
 
This makes the text become bold.
 
<i>Text</i>
 
This makes the text italisized.
 
<u>Text</u>
 
This makes text underlined.
 
Drop Shadow, Glowing, or Shadow text....
 
<TABLE
STYLE="filter:___(color=____,
strength=___)">
<TR><TD><center>
TEXT GOES HERE</TABLE>
 
Now fill in the blanks (in order) to get cool text effects.
1. Drop Shadow, Glow, or Shadow
2. Any Color
3. A Number....1-10
 
To align your text left, center, or right simply type in this code....
 
<p align=Direction>Text</p>
 
Then simply put left, center, or right where Direction is....
 
The simple code for centering is....
 
<center>
 
To change your font size.....
 
<font size=Number>Text....
 
You add a number (1-7) where Number is at.. 1 being the smallest, 7 being the largest.
 
To change what type of font you use simple type.....
 
<font face="Fontname">Text</face>
 
Now simply type the name of the font within the quotation marks.
 
There you have it...some simple, yet useful, HTML codes....Hope you have fun using it!
 
Peace Out,
 
Kasheryn