Difference between revisions of "HB-TML"

From Hobowars Wiki
Jump to: navigation, search
(Formatting: shrunk "tiny text" example for more accurate reprenstation)
m (Tidied up, added some new information here and there.)
Line 149: Line 149:
 
| <hr /><hr /><hr />
 
| <hr /><hr /><hr />
 
| <font face="courier new">[hr][hr][hr]</font>
 
| <font face="courier new">[hr][hr][hr]</font>
 +
|-
 +
| <hr /><br /><hr />
 +
| <font face="courier new">[hr]<br />[hr]</font>
 
|}
 
|}
 
'''Notes:'''
 
'''Notes:'''
 
* Remember to always close any formatting so it does not bleed over into text you do not want affected.
 
* Remember to always close any formatting so it does not bleed over into text you do not want affected.
** The <font face="courier new">[hr]</font> tag is the only one that does not use this, as it is considered a one time use and does not continue to affect text.
+
** The <font face="courier new">[hr]</font> tag is the only one that does not need to be closed, since it is considered to be a one-time use.
  
  
 
===Colored Text===
 
===Colored Text===
The color values are Red, Green, and Blue represented by a hex value. The first 2 digits are the Red value. the middle two represent the Green value. the last 2 are the Blue value. By mixing these in varied amounts you can achieve 16,777,216 different colors.
+
In a hexadecimal color code, the colors red, green, and blue are represented by a hexadecimal value. The first two digits in a hexadecimal color code are the red values, the middle two digits are the green values, and the last two digits are the blue values. By mixing these values together in various amounts you can achieve up to 16,777,216 different colors!
* Pure Red is [hex=FF0000]
+
* The hexadecimal color code for <font color="red">pure red</font> is <font face="courier new">FF0000</font>.
* Pure Green is [hex=00FF00]
+
* The hexadecimal color code for <font color="lime">pure green (lime)</font> is <font face="courier new">00FF00</font>.
* Pure Blue is [hex=0000FF]
+
* The hexadecimal color code for <font color="blue">pure blue</font> is <font face="courier new">0000FF</font>.
* Pure white is all three colors at their highest value [hex=FFFFFF]
+
* The hexadecimal color code for <font style="background:black" color="white">pure white</font> is all three colors at their highest values, i.e. <font face="courier new">FFFFFF</font>.
* Black is all three at their lowest value [hex=000000]
+
* The hexadecimal color code for <font style="background:white" color="black">pure black</font> is all three colors at their lowest values, i.e. <font face="courier new">000000</font>.
* To make gray, keep all three color values equal in number and make it a value between 00 and FF ex. [hex=454545]
+
* Hexadecimal color codes for <font color="#454545">gray colors</font> are made by keeping all three color values equal in number and making it a value between <font face="courier new">00</font> and <font face="courier new">FF</font>, e.g. <font face="courier new">454545</font>.
* To make other colors mix red, green, and blue in appropriate amounts. E.g.: [hex=AAFF00] or [hex=21A54F] etc.
+
* Hexadecimal color codes for <font color="#FF6600">all</font> <font color="#029A2F">other</font> <font color="#B05F3C">colors</font> are made by mixing red, green, and blue values in appropriate amounts, e.g. <font face="courier new">FF6600</font>, <font face="courier new">029A2F</font>, <font face="courier new">B05F3C</font>, etc.
* [http://www.immigration-usa.com/html_colors.html More Color Codes].
+
* Hexadecimal color code resources: [http://en.wikipedia.org/wiki/HTML_color_names Specific] / [http://cloford.com/resources/colours/500col.htm Comprehensive] / [http://www.immigration-usa.com/html_colors.html Complete].
  
  
 
===Special Tricks===
 
===Special Tricks===
Lesser known methods of getting the effect you want.
+
Lesser-known methods of getting the effect you want.
 
{|  border="3" cellpadding="2"
 
{|  border="3" cellpadding="2"
 
! style="background: #FFFF99" colspan="3" align="center"| HB-TML Tips and Tricks
 
! style="background: #FFFF99" colspan="3" align="center"| HB-TML Tips and Tricks
Line 176: Line 179:
 
! style="background:orange" | Result
 
! style="background:orange" | Result
 
|-
 
|-
| Show HB-TML
+
| Show HB-TML (Simple)
 
| <font face="courier new">[h\r]</font>
 
| <font face="courier new">[h\r]</font>
| [hr]
+
| <font face="courier new">[hr]</font>
 +
|-
 +
| Show HB-TML (Complex)
 +
| <font face="courier new">&amp;#91;hr&amp;#93;</font>
 +
| <font face="courier new">[hr]</font>
 
|-
 
|-
 
| Hidden MB Text
 
| Hidden MB Text
 
| <font face="courier new">[hex=F8F8F8]Word[/hex]</font>
 
| <font face="courier new">[hex=F8F8F8]Word[/hex]</font>
| style="background:black" | <Font color=#F8F8F8>Word</font>
+
| style="background:#F8F8F8" | <Font color=#F8F8F8>Word</font>
 
|-
 
|-
| Hidden Sig Text
+
| Hidden Signature Text
 
| <font face="courier new">[hex=FFFFFF]Word[/hex]</font>
 
| <font face="courier new">[hex=FFFFFF]Word[/hex]</font>
| style="background:black" | <font color=#FFFFFF>Word</font>
+
| style="background:#FFFFFF" | <font color=#FFFFFF>Word</font>
 +
|-
 +
| Hidden Journal Text
 +
| <font face="courier new">[hex=D6E1E9]Word[/hex]</font>
 +
| style="background:#D6E1E9" | <font color=#D6E1E9>Word</font>
 +
|-
 +
| Hidden Journal Comment Text (In Yours)
 +
| <font face="courier new">[hex=EBF0F3]Word[/hex]</font>
 +
| style="background:#EBF0F3" | <font color=#EBF0F3>Word</font>
 +
|-
 +
| Hidden Journal Comment Text (In Others)
 +
| <font face="courier new">[hex=F3F3F3]Word[/hex]</font>
 +
| style="background:#F3F3F3" | <font color=#F3F3F3>Word</font>
 +
|-
 +
| Hidden Picture Comment Text (In Yours)
 +
| <font face="courier new">[hex=EBF0F3]Word[/hex]</font>
 +
| style="background:#EBF0F3" | <font color=#EBF0F3>Word</font>
 +
|-
 +
| Hidden Picture Comment Text (In Others)
 +
| <font face="courier new">[hex=EFEFEF]Word[/hex]</font>
 +
| style="background:#EFEFEF" | <font color=#EFEFEF>Word</font>
 +
|-
 +
| Hidden Profile Comment Text
 +
| <font face="courier new">[hex=EFEFEF]Word[/hex]</font>
 +
| style="background:#EFEFEF" | <font color=#EFEFEF>Word</font>
 +
|-
 +
| Hidden Chat Text
 +
| <font face="courier new">[hex=F0F0F0]Word[/hex]</font>
 +
| style="background:#F0F0F0" | <font color=#F0F0F0>Word</font>
 +
|-
 +
| Hidden Pac Chat Text
 +
| <font face="courier new">[hex=000000]Word[/hex]</font>
 +
| style="background:#000000" | <font color=#000000>Word</font>
 
|}
 
|}
To simulate a "tab space", use five periods that are colored to match the background color, i.e. <font face="courier new">[hex=FFFFFF].....[/hex]</font>
+
'''Notes:'''
 +
* To simulate a "tab space", use five periods that are colored to match the background color, i.e. <font face="courier new">[hex=FFFFFF].....[/hex]</font>
 +
* Also, please note that setting the color of your text in Chat to match the background color is against the rules.
 +
 
  
 
==Smilies==
 
==Smilies==
Line 402: Line 444:
 
|- align="center"
 
|- align="center"
 
! Sad
 
! Sad
| colspan="2" | <font face="courier new">:sad:</font>
+
| colspan="2" | <font face="courier new">:blue:</font>
 
| http://www.hobowars.com/images/mb_icons/sad.gif
 
| http://www.hobowars.com/images/mb_icons/sad.gif
 
|- align="center"
 
|- align="center"

Revision as of 23:22, 14 May 2010

HB-TML stands for Hobo-Text Markup Language. It allows you to format your text in numerous ways.

Formatting

Text Formatting
Effect Code
Boldfaced Text [b]Boldface Text[/b]
Italicized Text [i]Italicized Text[/i]
Underlined Text [u]Underlined Text[/u]
Strikethrough Text [s]Strikethrough Text[/s]
Shadow Text [shadow]Shadow Text[/shadow]
Colored Text
Colored Text
Colored Text
Colored Text
Colored Text
Colored Text
Colored Text
[hex=FF0000]Colored Text[/hex]
[hex=FF8000]Colored Text[/hex]
[hex=FFFF00]Colored Text[/hex]
[hex=008000]Colored Text[/hex]
[hex=0000FF]Colored Text[/hex]
[hex=800080]Colored Text[/hex]
[hex=029A2F]Colored Text[/hex]
Superscript Text  [sup]Superscript Text[/sup]
Subscript Text  [sub]Subscript Text[/sub]
Tiny Text 
Tiny Text 
[sub][sup]Tiny Text[/sup][/sub]
[sup][sub]Tiny Text[/sub][/sup]
Centered Text
[center]Centered Text[/center]
Left-Aligned Text
[left]Left-Aligned Text[/left]
Right-Aligned Text [right]Right-Aligned Text[/right]
Indented Text
[indent]Indented Text[/indent]

Preformatted Text

[pre]Preformatted Text[/pre]
Linking
Effect Code Result
Standard Hyperlink [url=http://www.hobowars.com]HoboWars![/url] HoboWars!
Hobo Link [hobo=1]Andy[/hobo] Andy
Smart Hobo Link [hoboname=1] Andy
Email Link [email=andrewh@hellbored.com]Andy's Email[/email] Andy's Email
Thread Link [thread=1]Non-Existent Thread[/thread] Non-Existent Thread
Thread Link (Specific Page) [thread=1-2]Non-Existent Thread (Page 2)[/thread] Non-Existent Thread (Page 2)
Gang Link [gang=1]The Syndicate.[/gang] The Syndiate.
Journal Link [journal=1]The First Journal Entry[/journal] The First Journal Entry
Lotto Link [lotto=1]Lotto Link[/lotto] Non-Existent Lotto
UFC Link [ufc=1-3] [UFC: Round 1, Bracket 3]
Media Rendering
Effect Code Result
Displayed Image [img]http://www.hobowars.com/images/donator.gif[/img] donator.gif
Embedded YouTube Video [youtube=http://www.youtube.com/watch?v=Y7dpJ0oseIA] (Embedded Video)
Embedded Hellbored Video [hellbored=c53ec8d4a7cef83d44a85c9c835a9e52] (Embedded Video)
Quoting
Effect Code Result
Quote [quote]Quoted Text[/quote]
Quote:
Quoted Text
Labeled Quote [quote=Andy]Quoted Text[/quote]
Originally Posted by Andy
Quoted Text
Smart Quote [quote=1]Quoted Text[/quote]
Originally Posted by Andy
Quoted Text
Horizontal Rule
Effect Code

[hr]


[hr][hr]



[hr][hr][hr]



[hr]
[hr]

Notes:

  • Remember to always close any formatting so it does not bleed over into text you do not want affected.
    • The [hr] tag is the only one that does not need to be closed, since it is considered to be a one-time use.


Colored Text

In a hexadecimal color code, the colors red, green, and blue are represented by a hexadecimal value. The first two digits in a hexadecimal color code are the red values, the middle two digits are the green values, and the last two digits are the blue values. By mixing these values together in various amounts you can achieve up to 16,777,216 different colors!

  • The hexadecimal color code for pure red is FF0000.
  • The hexadecimal color code for pure green (lime) is 00FF00.
  • The hexadecimal color code for pure blue is 0000FF.
  • The hexadecimal color code for pure white is all three colors at their highest values, i.e. FFFFFF.
  • The hexadecimal color code for pure black is all three colors at their lowest values, i.e. 000000.
  • Hexadecimal color codes for gray colors are made by keeping all three color values equal in number and making it a value between 00 and FF, e.g. 454545.
  • Hexadecimal color codes for all other colors are made by mixing red, green, and blue values in appropriate amounts, e.g. FF6600, 029A2F, B05F3C, etc.
  • Hexadecimal color code resources: Specific / Comprehensive / Complete.


Special Tricks

Lesser-known methods of getting the effect you want.

HB-TML Tips and Tricks
What you Want What to Type Out Result
Show HB-TML (Simple) [h\r] [hr]
Show HB-TML (Complex) &#91;hr&#93; [hr]
Hidden MB Text [hex=F8F8F8]Word[/hex] Word
Hidden Signature Text [hex=FFFFFF]Word[/hex] Word
Hidden Journal Text [hex=D6E1E9]Word[/hex] Word
Hidden Journal Comment Text (In Yours) [hex=EBF0F3]Word[/hex] Word
Hidden Journal Comment Text (In Others) [hex=F3F3F3]Word[/hex] Word
Hidden Picture Comment Text (In Yours) [hex=EBF0F3]Word[/hex] Word
Hidden Picture Comment Text (In Others) [hex=EFEFEF]Word[/hex] Word
Hidden Profile Comment Text [hex=EFEFEF]Word[/hex] Word
Hidden Chat Text [hex=F0F0F0]Word[/hex] Word
Hidden Pac Chat Text [hex=000000]Word[/hex] Word

Notes:

  • To simulate a "tab space", use five periods that are colored to match the background color, i.e. [hex=FFFFFF].....[/hex]
  • Also, please note that setting the color of your text in Chat to match the background color is against the rules.


Smilies

Smilies
Name Code Image
Big Grin :D 1.gif
Grin :-D 2.gif
Smile / Happy :) 3.gif
Tongue :P 4.gif
Surprised :O O.O 5.gif
Confused :S 6.gif
Sunglasses 8-) 7.gif
Winking ;) 8.gif
Angry :angry: 9.gif
Shocked O.o o.O 10.gif
Evil :evil: 11.gif
Rolling Eyes :| :eyes: 12.gif
Frown / Sad :( 13.gif
Blushing :@ 14.gif
Spinning ^.^ 15.gif
LOL :lol: lol.gif
Gay officedebo gay.gif
Heart <3 love.gif
Shades B-) shades.gif
Winking Tongue ;P wink.gif
Angered :anger: angered.gif
Blank Stare :blankstare: blankstare.gif
Bowing Down :bow: bow.gif
Brick Wall :brickwall: brickwall.gif
Bucktooth :bucktooth: bucktooth.gif
Bye-bye :bye: bye.gif
Crazy :crazy: crazy.gif
Crying :cry: cry.gif
Drunk :drunk: drunk.gif
Facepalm :facepalm: facepalm.gif
Shaking Fist :fist: fist.gif
Freaking Out :freakout: freakout.gif
Fro :fro: fro.gif
Machine Gun :gun: gun2.gif
David Hasselhoff :hasselhoff: hasselhoff.gif
Shaking Head :headshake: headshake.gif
Love / Hearts :heart: heart.gif
Shifty :hmm: hmm.gif
Hobo :hobo: hobo.gif
Shrugging :idk: idk.gif
Irish :irish: irish.gif
King :king: king.gif
Naughty :naughty: naughty.gif
No :no: no.gif
Off Topic :offtopic: offtopic.gif
OMG :omg: omg.gif
Oopsie :oopsie: oopsie.gif
Pirate :arr: pirate.gif
Eating Popcorn :popcorn: popcorn.gif
ROFL :rofl: rofl.gif
Sad :blue: sad.gif
Sleeping :zzz: sleeping.gif
Thumbs Up :thumbsup: thumbsup.gif
Ugh :ugh: ugh.gif
Playing Violin :violin: violin.gif
Waving :wave: wave.gif
Yawning :yawn: yawn.gif


Special Characters / Symbols

An assortment of special ASCII characters can be found through out the game (in peoples' names, gang tags, signatures, etc...). To find and access these characters on your computer:

  1. Click Start
  2. Select "Run..."
  3. Enter "charmap.exe"
  4. Click "Okay"

Alternately, on most computers, it can be found here:

Start → All Programs → Accessories → System Tools → Character Map

Keep in mind that some of the Arabic symbols are banned, because they change the direction the characters are read, and can cause problems with the coding. So please, avoid using them.