Text Formatting

Formatting Guide

Want to learn HTML formatting?

That's great! This isn't a complete guide, but it will teach you the basics as they relate to Pixel Petz, as well as what you can do with formatting in our game!

Getting Started

In order to tell the game what you want it to do, you will need to use commands. All commands are typed within triangular brackets < >. These are called tags. When you type something between these tags, it means you want to start a command. When you want to end a command you need to end the tags. To end a tag you type </command> . That is, you add a / after the first <.

a word would make a word display in bold on your post. Since the tags are ended, everything after 'a word' would not be in bold.

Colors

For common colors, such as red, black, blue, green, white, etc. you can use the name of the color. If you want to color something purple, you need to type "purple." If you want to make a word red, you would type: <color=red> text here </color>.

For more specific colors, you may need to use a hex code. This is the unique code given to each shade of color. All colors have a combination of 6 numbers and letters that represents an exact shade.
Some common codes are:

Bright red = #FF0000

Purple = #CC00CC

Pink = #FF66FF

Light Blue = #CCCCFF

Lime Green = #99FF99

To use the hexadecimal code, you would type: <color=#FF66FF>text here</color>. This would make the text pink. Make sure you include the # before the hex code, otherwise it will not work!

Size, Bold, and Italic

Changing the size of your text is easy, but please be careful, as it can cause your text to be too big for some areas and be cut off! Your size can range from 1 to 100, however size 1 is nearly unreadable. The smallest readable size is 20, and the default text size is 40. 100 is very large and can be annoying, so use it sparingly. To change text size, you would use the command <size=40>text here</size>.
Bold and italic are equally simple, as you will only need to type bold text or italic text to use them.

Multiple Commands

If you want to use more than one command, you will need to start and end them in the opposite order. This means if you want your text to be bold and italic, you will need to type this to make it work.

You can also open one command, type several commands inside, and then close it if you would like all the text inside to use the first command. For example:
<size=60><color=red>This is big red text!</color></size>
This would give you the text seen in the top image example. For the bottom image, you would type this:
<size=60>This is big text!</size> <color=red>This text is red.</color> <size=60><color=#00CCFF>This text is big and blue!</color></size>

Page updated

Report abuse