test content
  • Games
  • Social
  • Arc News
  • Support
  • Zen
What is the Arc Client?
Install Arc
Forums > Home› Controls and Interface

An updated Guide to Bio Formatting

stjobestjobe Posts: 81 Arc User
edited February 2014 in Controls and Interface
Since the old guide was getting a bit long in the tooth and contained some inaccurate information, I've decide to put together a new guide; sadly it will be a bit shorter than the original, since some functionality has been lost over the years.

Character bio formatting with HTML
A relatively unknown feature of Champions Online seems to be that you can use (a few) HTML tags in your biographical description; there used to be a few more you could use, but this is the current list:

<br> - a single line break
<p> - paragraph
<b> - bold font
<i> - italic font
<font color="colorName"> - changes colour of the font to colorName (you can also use RGB values like #ffffff)

There are some HTML character entities that work, like

  - a non-breaking space, useful for indenting text
> - the greater than sign >
< - the lesser than sign <

Here's an example that uses most of these tags:
example begins

<font color="orange">Wrathchild</font> is not as many immediately think a manimal; neither is he a rat. Rather, he is a Tarmin - a race of aliens that are virtually unknown on Earth.</p>Tarmin are native to the planet <i>Tarmo</i>, which has a surface gravity of 1.2G, making Tarmin <font color="red">stronger</font>, <font color="yellow">faster</font>, and<font color="lime">shorter</font> than the average human, while their intelligence is on par with any human.</p>
Tarmin are generally civilized and honorable to a fault - as long as you don't offer any derogatory references involving rats.</p>
Since arriving on Earth, Wrathchild has begun to regret the translation he chose for his Tarmin name, as it is quite easy to mishear as "rat child" - at which point violence may ensue... Or at least harsh language!
example ends

This should render in the /targetinfo (or Info window) like this:

BioFormatting2014.jpg


Tips and tricks
The character limit of the bio is 2,000 characters, and that includes the HTML markup, so here's some tips and tricks to save characters:

* instead of <br><br> for a blank line, use </p>
* there's no need to use the opening <p> tag, just place a </p> at the end of a paragraph

Happy bio formatting!
________________________________
[SIGPIC][/SIGPIC]
Post edited by stjobe on

Comments

  • ashensnowashensnow Posts: 2,048 Arc User
    edited February 2014
    Thanks for the update, and good to see you still around.
    'Caine, miss you bud. Fly high.
  • itsbrou#5396 itsbrou
    itsbrou#5396
         Posts: 1,778 Arc User
    edited May 2021



    <font style=Game_Header_Large>Sample Text</font>
    <font style=Game_Header>Sample Text</font>
    <font style=Game_Highlight>Sample Text</font>

    <font color=Con_Extremely_Easy_Dark>Dark Gray</font>
    <font color=Con_Very_Easy_Dark>Gray</font>
    <font color=Con_Easy_Dark>Green</font>
    <font color=Con_Slightly_Easy_Dark>Blue</font>
    <font color=Con_Equal_Dark>White</font>
    <font color=Con_Slightly_Hard_Dark>Yellow</font>
    <font color=Con_Hard_Dark>Orange</font>
    <font color=Con_Very_Hard_Dark>Red</font>
    <font color=Con_Extremely_Hard_Dark>Purple</font>

    <font style=Description_Text_Link>Description Text</font>

    kcunHCN.png




    Some extra font styles:

    Description_Text_Warning
    Description_Text_Link
    LoadingScreen_Description_Header
    Description_Text_Highlight
    Entity_Text
    Game_GlobalResources
    Game_NationalResources
    Game_LocalResources
    Game_HUD_Disabled
    game_ItemPower
    Game_Header_Success
    Journal_Quote
    Game_Header_SuperStat
    link
    Post edited by itsbrou#5396 on
    Brou in Cryptic games.
  • flyingfinnflyingfinn Posts: 8,408 Arc User
    Nice.
    More font styles?​​
    CHAMPIONS ONLINE:Join Date: Apr 2008
    And playing by myself since Aug 2009
    Godtier: Lifetime Subscriber
    tumblr_n7qtltG3Dv1rv1ckao1_500.gif
    Get the Forums Enhancement Extension!
  • windupduckwindupduck Posts: 52 Arc User
    someguywhoplaysgames wrote: »
    Here are some things you can use in your bio to look like a super cool kid..

    I didn't know any of these texty things! I can't wait to try them! :#
  • codewar65codewar65 Posts: 134 Arc User
    Quick note: <span align=center>some text here</span> works in game bios as well.
  • unsungchampionunsungchampion Posts: 13 Arc User
    Thank you so much for this guys! I am a returning player and was trying to find this forever!
  • sapphiechusapphiechu Posts: 272 Arc User
    Sticky this thread! Aiko commands it!
    (pretty please?)
    3856039c53d222b47efa23bc56b3c976ccefd059.jpg
  • carrionbaggagecarrionbaggage Posts: 729 Community Moderator
    sapphiechu said:

    Sticky this thread! Aiko commands it!
    (pretty please?)

    When Aiko commands, we must obey.
  • raighnraighn Posts: 2,339 Arc User
    someguywhoplaysgames said:

    Here are some things you can use in your bio to look like a super cool kid.







    <font style=Game_Header_Large>Sample Text</font>

    <font style=Game_Header>Sample Text</font>

    <font style=Game_Highlight>Sample Text</font>



    <font color=Con_Extremely_Easy_Dark>Dark Gray</font>

    <font color=Con_Very_Easy_Dark>Gray</font>

    <font color=Con_Easy_Dark>Green</font>

    <font color=Con_Slightly_Easy_Dark>Blue</font>

    <font color=Con_Equal_Dark>White</font>

    <font color=Con_Slightly_Hard_Dark>Yellow</font>

    <font color=Con_Hard_Dark>Orange</font>

    <font color=Con_Very_Hard_Dark>Red</font>

    <font color=Con_Extremely_Hard_Dark>Purple</font>



    <font style=Description_Text_Link>Description Text</font>



    kcunHCN.png





    I will certainly use the font styles... however... the font colors listed are unnessiary due to the simple fact that the actual color names for most of those work already and both the color names and hex codes are shorter. With a limited number of characters it's better to use the shortest character options when multiple options are presented...

    Dark Grey: #090909 should get the same result...
    Grey: just type Grey or Gray (either spelling works last I checked)
    Green, Blue, Red, Yellow, Orange: just type the color names
    White: it's the default... don't even use tags for it.
    Purple: Use the Hex code... typing Purple will get you Magenta last I checked...

    When I get home I'll post a list of Color names that work (I've got a list of several of them at home, I'm not sure if it's all of them though...)

    Rule of Thumb: For colors if you type more than 7 letters use the Hex code, if you can type the name in under 7 letters use the name...
    ^-^ cute, cuddly, @Pandabutt ^-^
    jniKqKJ.png
  • sapphiechusapphiechu Posts: 272 Arc User
    raighn said:

    (snip) Rule of Thumb: For colors if you type more than 7 letters use the Hex code, if you can type the name in under 7 letters use the name...

    This. Totally this. When you only have a limit of 2,000 characters, every single one matters. I wish you could use the proper ellipses (…) in the bio text window, as this is a single character. Sadly, the CO windows do not allow for the use of alt-num special character entry, so we have to use three full-points instead (which is three characters ... to the ellipses one …). You can't even copy/paste it into the window, as it seems that the bio font doesn't have the ellipses character at all. Maybe it's possible with a HTML special character code?
    3856039c53d222b47efa23bc56b3c976ccefd059.jpg
  • raighnraighn Posts: 2,339 Arc User
    … "&# 8230;" or "& hellip;" - Not worth it... 3 dots vs 7~8 characters?​​
    ^-^ cute, cuddly, @Pandabutt ^-^
    jniKqKJ.png
  • itsbrou#5396 itsbrou
    itsbrou#5396
         Posts: 1,778 Arc User
    Yes, I am aware than hex values are better for the character limit. I posted these specific colors because they are what the game uses to display your normal everyday dialogs.
    Brou in Cryptic games.
  • deadman20deadman20 Posts: 1,529 Arc User
    Those text headers/fonts are definitely interesting. I wonder if I'll see others start using them.​​
    Steam Guide to Modifications and Equipment (Champions Online) - DZPlayer's Builds (Last updated: 3/26/2018)
    And I will always be @DZPlayer122.

    Get the Forums Enhancement Extension!
  • avianosavianos Posts: 6,163 Arc User
    someguywhoplaysgames wrote: »
    Here are some things you can use in your bio to look like a super cool kid.



    <font style=Game_Header_Large>Sample Text</font>
    <font style=Game_Header>Sample Text</font>
    <font style=Game_Highlight>Sample Text</font>

    <font color=Con_Extremely_Easy_Dark>Dark Gray</font>
    <font color=Con_Very_Easy_Dark>Gray</font>
    <font color=Con_Easy_Dark>Green</font>
    <font color=Con_Slightly_Easy_Dark>Blue</font>
    <font color=Con_Equal_Dark>White</font>
    <font color=Con_Slightly_Hard_Dark>Yellow</font>
    <font color=Con_Hard_Dark>Orange</font>
    <font color=Con_Very_Hard_Dark>Red</font>
    <font color=Con_Extremely_Hard_Dark>Purple</font>

    <font style=Description_Text_Link>Description Text</font>

    kcunHCN.png



    Thank you VERY MUCH for sharing the code with us! onion-5.gif​​
    POWERFRAME REVAMPS, NEW POWERS and BUG FIXES > Recycled Content and Events and even costumes at this point Introvert guy who use CO to make his characters playable and get experimental with Viable FF Theme builds! Running out of Unique FF builds due to the lack of updates and synergiesPlaying since 1 February 2011 98+ Characters (7 ATs, 91 FFs) ALTitis for Life!
  • codewar65codewar65 Posts: 134 Arc User
    ... or get artsy fartsy.


  • xrazamaxxrazamax Posts: 979 Arc User
    edited November 2016
    Using html for list also works, however due to character limit you may just want to use *Bullet 1 *Bullet 2

    If you do want to use a list, it is done like this: 
    
Super strength
Heightened Reflexes
Hacker
Incredibly cute and adorable.
    Which comes out looking like:
    • Super strength
    • Heightened Reflexes
    • Computer Programer/Hacker
    • Incredibly cute and adorable.
    -Mira, the Friendly Neighborhood Space Pirate - CO-Wiki Team Member
  • morigosamorigosa Posts: 710 Arc User
    Unfortunately, the above example with 'ul' tags looks fine in preview, but bugs out when other people look at your bio. Do not advise using it. Very disappointing.
  • xrazamaxxrazamax Posts: 979 Arc User
    Ah, interesting. Well, you shouldn't use it anyways because it takes up a lot of the character limit :p
    -Mira, the Friendly Neighborhood Space Pirate - CO-Wiki Team Member
  • avianosavianos Posts: 6,163 Arc User
    There has been a while now, players using the Qularr alphabet in their Bios, colourable i mind add, font color works with them but for some reason the majority of players use an ugly edgy purple colours

    Can someone share the Qullar/Qularr text format for everyone to see?
    I would like to use them in my bios since they make excellent magic Runes​​
    POWERFRAME REVAMPS, NEW POWERS and BUG FIXES > Recycled Content and Events and even costumes at this point Introvert guy who use CO to make his characters playable and get experimental with Viable FF Theme builds! Running out of Unique FF builds due to the lack of updates and synergiesPlaying since 1 February 2011 98+ Characters (7 ATs, 91 FFs) ALTitis for Life!
  • itsbrou#5396 itsbrou
    itsbrou#5396
         Posts: 1,778 Arc User
    Sample Text
    Brou in Cryptic games.
  • avianosavianos Posts: 6,163 Arc User
    edited January 2017
    someguywhoplaysgames wrote: »
    Sample Text
    Hey Thanks Brou, however you forgot to tell me that I need to incert the colour inside the command to change it
    so the text should be like this
    <font style=qulaar color=colour>Sample Text</font>

    OxrPIT7.png

    Man Im digging those Symbols​​
    POWERFRAME REVAMPS, NEW POWERS and BUG FIXES > Recycled Content and Events and even costumes at this point Introvert guy who use CO to make his characters playable and get experimental with Viable FF Theme builds! Running out of Unique FF builds due to the lack of updates and synergiesPlaying since 1 February 2011 98+ Characters (7 ATs, 91 FFs) ALTitis for Life!
  • itsbrou#5396 itsbrou
    itsbrou#5396
         Posts: 1,778 Arc User
    edited January 2017
    avianos said:

    avianos said:



    someguywhoplaysgames wrote: »

    Sample Text

    Hey Thanks Brou, however you forgot to tell me that I need to incert the colour inside the command to change it

    so the text should be like this
    <font style=qulaar color=colour>Sample Text</font>

    OxrPIT7.png



    Man Im digging those Symbols​​
    ​​

    Yeah. I forgot that font is a little different than the other one. This one is super special.
    Brou in Cryptic games.
  • avianosavianos Posts: 6,163 Arc User
    edited May 2021
    Hey it's been a while! And a new Font has been around the past year!

    Can somebody share the HTML Code for this Font?
    8hKVCjt.png

    It's like Diamond and I noticed that it can also be coloured

    There is also another font which is Black but readable and has Glitchy corrupted artifacts around it​​

    Edit: I really is Two colours
    tnilpiZ.png
    Post edited by avianos on
    POWERFRAME REVAMPS, NEW POWERS and BUG FIXES > Recycled Content and Events and even costumes at this point Introvert guy who use CO to make his characters playable and get experimental with Viable FF Theme builds! Running out of Unique FF builds due to the lack of updates and synergiesPlaying since 1 February 2011 98+ Characters (7 ATs, 91 FFs) ALTitis for Life!
  • ansemthedarkansemthedark Posts: 668 Arc User
    avianos wrote: »
    Hey it's been a while! And a new Font has been around the past year!

    Can somebody share the HTML Code for this Font?
    8hKVCjt.png

    It's like Diamond and I noticed that it can also be coloured

    There is also another font which is Black but readable and has Glitchy corrupted artifacts around it​​

    Unsure if this one helps in it and how much it is updated at the moment. https://aesica.net/co/bio-writer/
  • avianosavianos Posts: 6,163 Arc User
    ansemthedark wrote: »
    Unsure if this one helps in it and how much it is updated at the moment. https://aesica.net/co/bio-writer/
    Thank you but I am already aware of existance of thet editor and it doesn't provide me with the new HTML codes I'm looking​​
    POWERFRAME REVAMPS, NEW POWERS and BUG FIXES > Recycled Content and Events and even costumes at this point Introvert guy who use CO to make his characters playable and get experimental with Viable FF Theme builds! Running out of Unique FF builds due to the lack of updates and synergiesPlaying since 1 February 2011 98+ Characters (7 ATs, 91 FFs) ALTitis for Life!
Sign In or Register to comment.