HTML Help

So, you want to add pictures, change colors, make bold, italic, or underlined text, make marquee text, change text size, etc, in your RPs but don't know how? Well this to-the-point cheat sheet of mine will help you learn to do just that! Click on a link to be taken to the area you'd like to look at.

Text Attributes
Adding Links
Adding Images

Adding Color

The code for adding or changing color is Colorful Text. Where the X's are is where you would put the six digit or 'hexadecimal' code for the color you desire. Don't know the codes? Check out Color Your Profyle's Color Chart with 228 colors! Sometimes, as is on Boards2Go, you can just put the color name like 'red' or 'blue' and get the desired results, but you don't have as much control. The tag for that would look like this Blue Text.

Changing Font Size

The code for changing size is Text. A number ranging from 1, the smallest to 7, the largest goes where the X is.

Changing the Font

Code for changing the font face is Different Font. Replace the X's with the name of the font you would like to use. Keep in mind that not all computers have specialty fonts that you may have downloaded.

Note: You can combine all of the above attributes in one HTML tag like this: Colored, sized, and faced text. The will cancel all of the text commands.

Marquee Text

<marquee>Marquee Text</marquee>. You can change the color, font, and size of this text just like regular text by using the tags from above and inserting them after the <marquee> tag. The background color and height are created by adding bgcolor="#00ff00" and height="50" inside the <marquee> tag. The height number is in pixels, so smaller numbers like 10 will not make a difference, as the height of the marquee must be at least one line height. As you can see from the example, though, larger text will be 'cut off.'

Marquee Text

For more things to do with marquees, check out this site

Adding Links

The HTML for adding a link is <a href="http://www.thesite.com">The Name of the Site</a>. Link color can be specified by putting a color tag in the link tag.

Adding Images

To add and image use the tag <img src="//www.thesite.com/directory/image.ext">, where "directory" is what directory of the site, if any, the image is in, "image" is the image name, and ".ext" is the type of image, such as .bmp, .jpg, or .gif. You can specify the height, border, and alignment with other objects of an image.

For other HTML codes and such, check out the Webmonkey HTML Cheatsheat