BB Code/Character Creation

Reine · Jul 10, 2016

Hey! So I've been practicing on my BB Code, and this is kind of my way of showing off as well as creating a tutorial. It's 2:32 right now, so I wanted to do a walk-through on how I make CSs.

These examples are completed, based off of the green sheet, with changed coloring.

Requisite: Name:

Selene Ellaveeva Nazari

Nickname:

Sel'

Age:

20

Gender:

Female

Sexuality:

Heterosexual

Birthday:

December 31st

Body:

Average-Slim

Height:

5' 4"

Weight:

112

Hair:

Blonde

Eyes:

Blue

Specialty:

Hacking

Noticeable Features:

Small Facial Features

Analytical Gaze

Resting B*tch Face

Large Scar on Face

Half Asian

Personal: Personality:

Bright. "See? Now wasn't that smart of me?" This is something she'll admit, and say, shamelessly until she's certain you believe that she is the most intelligent person in the world. Even if some agree with her, or don't argue about it, Selene presses the issue relentlessly, wanting not only agreement, but the praise she's grown to love.

Righteous. "I can't believe you just did that! How terrible!" She's not perfect to any stretch of the imagination, but she'll still act like you're a million times worse. While she does have strong morals, and honestly abides by all laws, she isn't kind just because she follows the rules.

Backstabbing. "You seem like a really nice person. I mean, when you talk, you make me feel smarter." Half the things she says can be cruel, without any obvious way to counterattack. For instance, if she says you look prettier in person, she means for it to be implied that you look ugly in pictures. Not only this, but if she finds an option that means could be easier by hurting someone else or making them look bad, she'll take it. Selene has a way with words, and a vocabulary that surpass most of average intelligence. Because of this, she can say complicated things to mean one very simple insult.

Stubborn. "What can I say? I'm just determined, I guess." If she thinks of something as desirable, she'll have it. And if she doesn't she'll raise Hell.

Vindictive. "It's funny, because you don't know what I can do to you." She takes revenge in all forms but violently, and usually won't stop until she has gone beyond what she thought was necessary to do in order to punish the person that wronged her.

Flexible. "Oh! We were just talking about you!" She can change mood, attitude, and expressions in a heartbeat in order to please or anger someone. She's an incredible actor, which leads her to be able to deceive most.

Cheerful. "Thank you so much! I can't believe you did this for me!" Around those she finds beneficial, she appears cheerful, kind, and innocent, which is a very wrong assumption.

Calm. "Hmm?" For the most part, she's very calm, and keeps her cool as to not look like the bad guy.

Jealous. "What? No. Nonono. Tell me again, what did she do?" She gets jealous, or emotional easily, and does indeed show it when she trusts someone enough to reveal her real nature.

Her personality is too masked to pinpoint every detail. She's complex, but overall, not a very nice person. She can very easily be thrown into a meltdown by someone commenting on her scar(which, by the way, isn't cool).

Biography:

WIP

Likes:

Reading

Praise

Running

Berries

Winning

Playing the Victim

Proving her Intelligence

Smoking

Dislikes:

Pears

Illegal Activity

Unpredictable Behavior

Being Caught or Chastised

Feeling Stupid

Intense Heat

Quirks:

Left Handed

Often Checks Time Before Talking With Someone

Looks at Sun to Predict the Time

Observes Strangers Carefully

Keeps A Coin On Her All The Time

Habits:

Bouncing Her Leg

Smiling When Spoken To

Biting Lip When Thinking

no slide

Requisite: Name:

Rias Luna DeLane

Nickname:

Rhee

Age:

24

Gender:

Female

Sexuality:

Bisexual

Birthday:

November 30th

Body:

Tall

Height:

5' 7"

Weight:

119

Hair:

Blue

Eyes:

Blue

Style:

Punk-Casual

Noticeable Features:

Bold Eyes

Various Small Scars on Shoulder

Specialty:

Creating Codes/Plans

Personal: Personality:

-Cocky. She appears to have the most conceited mind in the world; This may be correct.

-Scary. She can come off as incredibly intimidating, especially strangers. She also has a soft, secretive voice that carries the most puzzling words, usually having double meanings.

+Flirty. She spares few with her words.

+Smart. This is a given. She is incredibly intelligent, and relies on logic for most things. She can twist the truth around, or answer questions indirectly, and does so far too often.

+Charming. To both genders, she can flirt almost flawlessly in a way that usually causes attraction, frustration, confusion, or a combination of those. That said, she doesn't have flirting super powers, and can in fact become uncomfortable or embarrassed around those she considers attractive, leading to the next trait.

-Awkward. This is reserved for only a few. She's usually smooth and endearing, but around a select few, she can become nervous, especially with those who are attractive by her definition, as well as flirty.

-Insecure. Yeah. Her of all people. She silently doubts herself, and lets out any stress she has in nightly crying sessions, which is, well, nightly.

-Possessive. Just that. She doesn't like others getting in dangerous or flirtatious situation; For explanation, refer to first fear.

-+Mysterious. She does this on purpose, by the way.

+Analytical. She knows exactly how to get under someone's skin, and can usually tell someone's true emotions, especially if they're bad at acting.

Biography:

WIP

Likes:

Jewelry

Flirting

Sweet Things

Soda

A Careful/Long Term Plan to Make Someone Fail

The Heat

Pointing Out Flaws

Making Others Scared or Uncomfortable

Alternative Music

Dislikes:

Being Wrong

Being Speechless

Getting Lost

The Dark

Pain

Quirks:

Bites Nails

Reads Everything In A Room

Has A Nightly "Goodbye" Ritual

Habits:

Nail Biting

Swearing

Other: Theme Song:

[media]

[/media]

Requisite: Name:

Sage Eraveeva Nazari

Nickname:

Sen

Age:

20

Gender:

Male

Sexuality:

Heterosexual

Birthday:

December 31st

Body:

Average-Tall

Height:

5' 6"

Weight:

134

Hair:

Blonde

Eyes:

Blue

Specialty:

Social Skills

Noticeable Features:

Bionic Eye

Large Scar on Face

Half Japanese

Prosthetic Arm

Personal: Personality:

WIP

Biography:

WIP

Likes:

Flirting

Being Flirted With

Girls

Strawberries

Citrus Smell/Taste

Mindlessly Binge-Watching

Junk Food

Dislikes:

Pears

Summer

Monkeys

"Big Words"

Physical Activity

Quirks:

Has to Drink Soda At Least Once Every Six Hours

Doesn't Tie Or Untie His Shoelaces Often

Bounces Leg

Laughs When Extremely Stressed

Habits:

Looking Around A Room When Talking

Other: Theme Song:

[media]

[/media]

Alright. I actually don't know where I'm going with this, but it sounded good in my head.

2:34(Yes, its been two minutes since I typed it up)

I always start with a background. My favorite is black, since color shows up with great contrast, but I kind of wanted to step outside my boundaries. I just need a few slots for pictures, information, and maybe a name heading. Besides that, I can do whatever the Hell I want.

I usually go to HTML Color Picker. In the BB Code Guide, inside the background section, is a link to a color guide(HTML Color Names). On the left side is a ton of options, like Color Mixer and Color Groups, etc. Over there you can find options that might be more useful than the named colors. Again, basic knowledge.

For this sheet I chose to do pastels, so I clicked on a really light pink(#ff99ff) and chose a tint I thought would be visible, but not overwhelming. #ffe6ff.

TEXT

I almost always use centerblock, because it comes out cleaner. I have to use the preview option frequently to make sure I didn't mess up, even with this amount of coding.

TEXT

Next are columns and rows. I wanted to do two on each side, in a purple-ish color(#d580ff). For that, I used the code:

Code:

[bg=#ffe6ff][row][column=span2][bg=#d580ff]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas venenatis euismod mollis. Sed in luctus justo. Praesent gravida varius dapibus. Vivamus bibendum quam a urna euismod lacinia. Curabitur eu tortor a tortor molestie maximus efficitur vitae leo. Quisque vel pharetra neque, et gravida lacus. Etiam vulputate ullamcorper leo at lacinia. Nam ornare vestibulum ipsum id suscipit. [/bg]
[/column][column=span4][img=http://images.mysafetysign.com/img/lg/K/Quarantine-Area-Sign-K-9554.gif]
[/column][column=span2][bg=#d580ff]Curabitur ultricies malesuada erat. Vivamus pharetra non ipsum at rutrum. Nulla auctor molestie quam, sit amet vulputate tortor rutrum ac. Nulla facilisi. Morbi accumsan mollis risus ac egestas. Duis aliquam egestas cursus. Aenean condimentum turpis nunc, sed iaculis nisl maximus in. Etiam tempus, arcu ac ultricies sodales, risus sapien aliquet turpis, ac efficitur arcu. Extra text to make it perfect-er.
[/bg][/column][/row][/bg]

It looks like this:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas venenatis euismod mollis. Sed in luctus justo. Praesent gravida varius dapibus. Vivamus bibendum quam a urna euismod lacinia. Curabitur eu tortor a tortor molestie maximus efficitur vitae leo. Quisque vel pharetra neque, et gravida lacus. Etiam vulputate ullamcorper leo at lacinia. Nam ornare vestibulum ipsum id suscipit.

Curabitur ultricies malesuada erat. Vivamus pharetra non ipsum at rutrum. Nulla auctor molestie quam, sit amet vulputate tortor rutrum ac. Nulla facilisi. Morbi accumsan mollis risus ac egestas. Duis aliquam egestas cursus. Aenean condimentum turpis nunc, sed iaculis nisl maximus in. Etiam tempus, arcu ac ultricies sodales, risus sapien aliquet turpis, ac efficitur arcu. Extra text to make it perfect-er.

It's now 2:50. I'm going to experiment with slides, and try to put them in the middle of the center column.

...This was as close as I could get:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas venenatis euismod mollis. Sed in luctus justo. Praesent gravida varius dapibus. Vivamus bibendum quam a urna euismod lacinia. Curabitur eu tortor a tortor molestie maximus efficitur vitae leo. Quisque vel pharetra neque, et gravida lacus. Etiam vulputate ullamcorper leo at lacinia. Nam ornare vestibulum ipsum id suscipit.

: Thingies

Curabitur ultricies malesuada erat. Vivamus pharetra non ipsum at rutrum. Nulla auctor molestie quam, sit amet vulputate tortor rutrum ac. Nulla facilisi. Morbi accumsan mollis risus ac egestas. Duis aliquam egestas cursus. Aenean condimentum turpis nunc, sed iaculis nisl maximus in. Etiam tempus, arcu ac ultricies sodales, risus sapien aliquet turpis, ac efficitur arcu. Extra text to make it perfect-er.

I can delete some of the text and- never mind. I'll just show you.