• When posting, please be aware that artistic nudity is still nudity and not allowed under RpNation rules. Please edit your pictures accordingly!

    Remember to credit artists when using work not your own.

Resource amerikia does bbcode

Amerikia1126

Occasionally Active
Notice:
This thread is now dead. If you want to see my new codes, see my new thread. If you want to see ChatMaster.exe, click here. This thread will remain up.


amerikia does bbcode

Heya folks, so I basically noped out of the IPS age, so here I am again with some bbcodes.

My goal is to make codes that look aesthetically pleasing, are easy to read, and look at least decent in every configuration.

In here are completed codes, incomplete projects, and various restorations and experiments. If you have questions on how anything was made, feel free to ask them. This is a place of learning, for both you and me.

Most codes in here have the source available. If you use it, be sure to turn the rich text editor off in your rpn preferences, and please don't remove the credit. If a code doesn't have the source available please do not use it, that is rude.

Have a nice day c:
my config

platform:pc
resolution:1080p
screen size:21"
theme:default
requests

I currently do not accept requests.
projects

a different state of being

code thread revamp

thread lingo key

free-for-all - the code is free to do whatever you want with, no tag or credit required.
released - the code is free to be used, but the credit must be left in.
intended - the code is intended to be released upon completion.
no mention - the code is not free to use, please do not use it.
 
Last edited:
return to main


practice
type: cs
status: complete
code: free-for-all
Code:
[centerblock=75][bg=#ffffff][font=Century Gothic]
[row][column=span4][color=#ffffff][centerblock=80][bg=#f4b7bb][center][img]https://t0.rbxcdn.com/d059cf2f7a30a71769b81bb406fda4e7[/img][/center][/bg]
[center][color=#ffffff]/hai\[/color][/center]
[bg=#ffffff][color=#f4b7bb][center]"They always told me I was special. So duh, I believed them."[/center][/color][/bg][/centerblock][/color][/column][column=span4][border= 0px][bg=#f4b7bb][accordion=100%]{slide=[bg=#f4b7bb][center][img]http://fontmeme.com/permalink/170304/3bc9d190fa657f3f67d020ed8c3bac9f.png[/img][/center][/bg]|open}
Age: 16

Gender: Cis Female

Sexuality: Straight

Height: 5'3"

Weight: 96

{/slide}
{slide=[bg=#f4b7bb][center][font=Crafty Girls][color=#ffffff]Appearance[/color][/font][/center][/bg]}text{/slide}
{slide=[bg=#f4b7bb][center][font=Crafty Girls][color=#ffffff]Personality[/color][/font][/center][/bg]}text{/slide}
{slide=[bg=#f4b7bb][center][font=Crafty Girls][color=#ffffff]History[/color][/font][/center][/bg]}text{/slide}
{slide=[bg=#f4b7bb][center][font=Crafty Girls][color=#ffffff]Relationships[/color][/font][/center][/bg]}text{/slide}
{slide=[bg=#f4b7bb][center][font=Crafty Girls][color=#ffffff]Powers[/color][/font][/center][/bg]}text{/slide}[/accordion][/bg][/border][/column][/row]

[/font][/bg][/centerblock]


d059cf2f7a30a71769b81bb406fda4e7
/hai\
"They always told me I was special. So duh, I believed them."​
3bc9d190fa657f3f67d020ed8c3bac9f.png

Age: 16

Gender: Cis Female

Sexuality: Straight

Height: 5'3"

Weight: 96

Appearance
text
Personality
text
History
text
Relationships
text
Powers
text

 
Last edited:
return to main


social media
type: experiment
status: abandoned
code: free-for-all
Code:
[centerblock=75][bg=#ffffff][row][column=span2][center]
[img]http://i.imgur.com/JKNrCMA.png[/img][/center][font=Carrois Gothic][border=1px solid #C2BFC1][table=none][tr][td][color=#707070]Last Activity:[/color][/td][td][color=#1f1f1f]>1 minute ago[/color][/td][/tr] [tr][td][color=#707070]Joined:[/color][/td][td][color=#1f1f1f]Apr 5, 2013[/color][/td][/tr] [tr][td][color=#707070]Posts:[/color][/td][td][color=#1f1f1f]1,146[/color][/td][/tr] [tr][td][color=#707070]Media:[/color][/td][td][color=#1f1f1f]21[/color][/td][/tr] [tr][td][color=#707070]Positive ratings received:[/color][/td][td][color=#ffffff]hullo[/color][/td][/tr] [tr][td][color=#ffffff]hullo[/color][/td][td][color=#65d16a]538[/color][/td][/tr] [tr][td=2][progress=100][/progress][/td][/tr][/table][/border][/font][/column][font= Didact Gothic][column=span4][row][column=span1][img]http://i.imgur.com/LEdBYLn.png?1[/img][/column][column=span7][color=#2d323b][b]The One And Only[/b][/color] [color=#c2bfc1]@WonderBoi50 - May 31[/color]
[color=#333333]It's so fucking annoying getting hurt twice in one day![/color][row][color=#a8b6c0][column=2][fa]fa-reply[/fa][color=#ffffff]hullo[/color][/column][column=2][fa]fa-retweet[/fa]16[color=#ffffff]hullo[/color][/column][column=2][fa]fa-heart[/fa]47[color=#ffffff]hullo[/color][/column][column=2][fa]fa-circle[/fa][fa]fa-circle[/fa][fa]fa-circle[/fa][color=#ffffff]hullo[/color][/column][/color][/row][/column][/row][/column][color=#a8b6c0][column=span2][border=0px solid black][accordion=100%]{slide=[bg=#55AAED][color=#ffffff][font=Corrois Gothic]Social[/font][/color][/bg]}[color=#333333][font=Didact Gothic][justify]Friendly With: @TomatoLord, @KittyBoo99 Just Met With: @PEN15, @BADA55 Disagree With: @Spontanious, @LoversTouch[/justify][/font][/color]{/slide}[/accordion][/border][/column][/color][/font][/row][/bg][/centerblock]
cleaned up most of the mess. lost some subscript and super script along the way by realizing too late what the tag was. will have to ctrl f it in the morning. layout not ideal, would need to compact social media bar. would need a smarter editor to not be more mind fucked than i already am. apparently past me made edits since the screenshot, makes sense. it's late, but nearly done restoring. then onto editing into usable form. sizing is off too, but overall.. fairly decent, past-me.


JKNrCMA.png
Last Activity:>1 minute ago
Joined:Apr 5, 2013
Posts:1,146
Media:21
Positive ratings received:hullo
hullo538
LEdBYLn.png
The One And Only @WonderBoi50 - May 31
It's so fucking annoying getting hurt twice in one day!
hullo
16hullo
47hullo
hullo
Social
Friendly With: @TomatoLord, @KittyBoo99 Just Met With: @PEN15, @BADA55 Disagree With: @Spontanious, @LoversTouch
 
Last edited:
return to main


modular cs
type: cs
status: abandoned
code: released
notes:
1. DO NOT USE RICH TEXT EDITOR. GO HERE TO DISABLE IT.
2. Header font: Comfortaa. Body font: Didact Gothic.
#7f7f7f for the light grey and #33333 for the dark grey.
There is a grand total of one square picture, one youtube embed, and a url for pms that currently leads to a rickroll. The youtube embed can easily be turned into a soundcloud embed by changing the media=youtube to a media=soundcloud instead.
I highly recommend you though this code in a text editor with find and replace first.
3. Made to be dissectable. Certain parts can stand alone. Just look for the centerblock tags.
4. You're free to use as is, edit to fit your needs, or dissect for learning. It's bbcode, you'll get your hands on it one way or the other.
5. Please do not take out the credit within the code, please don't claim as your own.
6. That's about it. Enjoy. c:
Code:
[centerblock=75][row][column=span5][bg=#7f7f7f][row][column=span4][heightrestrict=300][img]http://i.imgur.com/9EMWdgE.png[/img][/heightrestrict][/column][column=span4][font=Comfortaa][color=#ffffff]
[size=10]name[/size]

[size=5]age

gender

alignment

sum-up[/size][/color][/font][/column][/row][/bg][/column][column=span3][bg=#333333][font=Comfortaa][color=#ffffff][size=4][center]"Character quote."[/center][/size][/color][/font][/bg]
[border=0px][bg=#333333][accordion=100%]{slide=101|[bg=#333333][color=#ffffff][size=6][font=Comfortaa][center]artist - song[/center][/font][row][column=span3][center][fa]fa-step-backward[/fa][/center][/column][column=span2][center][fa]fa-play[/fa][/center][/column][column=span3][center][fa]fa-step-forward[/fa][/center][/column][/row][/size][/color][/bg]}[media=youtube]2HQaBWziYvY[/media]{/slide}[/accordion][/bg][/border][/column][/row][/centerblock]

[centerblock=75][row][column=span3][border= 0px][bg=#333333][accordion=100%]{slide=open|[bg=#333333][font=Comfortaa][color=#ffffff]BASIC INFO[/color][/font][/bg]}[font=Didact Gothic]Name:

Nickname(s):

Age:

Gender:

Sexuality:

Species:

Occupation:

Alignment:[/font]{/slide}{slide=275|[bg=#333333][font=Comfortaa][color=#ffffff]APPEARANCE[/color][/font][/bg]}[font=Didact Gothic][centerblock=95][row][column=span4][centerblock=85][bg=#333333][color=#ffffff][font=Comfortaa][center]height
weight[/center][/font][/color][/bg][/centerblock][/column][column=span4][centerblock=85][bg=#333333][color=#ffffff][font=Comfortaa][center]hair
eye[/center][/font][/color][/bg][/centerblock][/column][/row][/centerblock]
Paragraph. (don't worry, the scroll bar will show up when there's enough text.)[/font]{/slide}[/accordion][/bg][/border][/column][column=span5][border= 0px][bg=#7f7f7f][accordion=100%]{slide=500|open|[bg=#7f7f7f][font=Comfortaa][color=#ffffff]PERSONALITY[/color][/font][/bg]}[font=Didact Gothic][centerblock=95][imagefloat=right][bg=#7f7f7f][color=#ffffff][center][font=Comfortaa]LIKES[/font][/center]
[list]
[*]one
[*]two
[/list]
[color=#7f7f7f]-[/color]
[center][font=Comfortaa]DISLIKES[/font][/center]
[list]
[*]one
[*]two
[/list][/color][/bg][/imagefloat][/centerblock]Insert personality description here.
[


empty space here, delete when ready


]

[centerblock=95][bg=#7f7f7f][color=#ffffff][center][font=Comfortaa]FAVORITES[/font][/center]

[row][column=span4][list]
[*]food
[*]drink
[/list][/column][column=span4][list]
[*]color
[*]excuse
[/list][/column][/row][/color][/bg][/centerblock]

[/font]{/slide}[/accordion][/bg][/border][/column][/row][/centerblock]

[centerblock=75][row][column=span5][border= 0px][bg=#7f7f7f][accordion=100%]{slide=500|open|[bg=#7f7f7f][font=Comfortaa][color=#ffffff]HISTORY[/color][/font][/bg]}[font=Didact Gothic]History paragraphs go here.

[centerblock=95][row]
[column=span4][centerblock=85][bg=#7f7f7f][color=#ffffff][center][font=Comfortaa]FEARS[/font][/center]
[list]
[*]bbcode
[*]bbcode
[/list][/color][/bg][/centerblock][/column]
[column=span4][centerblock=85][bg=#7f7f7f][color=#ffffff][center][font=Comfortaa]ASPIRATIONS[/font][/center]
[list]
[*]buy all the things
[*]buy all the things
[/list][/color][/bg][/centerblock][/column][/row][/centerblock]

[/font]{/slide}[/accordion][/bg][/border][/column][column=span3][border= 0px][bg=#333333][accordion=100%]{slide=240|open|[bg=#333333][font=Comfortaa][color=#ffffff]RELATIONSHIPS[/color][/font][/bg]}[font=Didact Gothic]Familial Relationships
Parents? Siblings? Aunts? Uncles? Cousins? Grandparents? Ancestors? Close friends?

Platonic Relationships
Allies? Enemies? Friends? Rivals?

Romantic Relationships
Romantic Interests? Lovers? Spouses?

Official Relationships
Coworkers? Fellow students? Bosses? Teachers? Companions? Followers? Minions? Slaves? Masters?

Delete what you don't need.[/font]{/slide}[/accordion][/bg][/border]
[url=https://youtu.be/dQw4w9WgXcQ][bg=#333333][color=#ffffff][font=Comfortaa]Interested? Click here to shoot me a pm.
(edit url then delete this message)[/font][/color][/bg][/url][/column][/row][/centerblock]

[centerblock=75][bg=#7f7f7f][right][font=Didact Gothic][url=https://www.rpnation.com/members/21590/][color=#ffffff]Code made by Amerikia1126[/color][/url][/font][/right][/bg][/centerblock]
working on a cs layout here. my goal is to make a box for everything. e v e r y t h i n g.

refined some more, looks plain with one color, but coding and perfect line-up has been achieved on my screen. will work on actual design (ie colors). more boxes in development.

still don't like that music player, but it was either giant blue block or uneven columns.

gRcMxH7.jpg

mary sue

16

female

true neutral

critic
"They say great things come to those who wait. I say that's a load of bull and they should get to work."​
darude - sandstorm​


BASIC INFO
Name:

Age:

Gender:

Sexuality:

Species:

Occupation:

Alignment:
APPEARANCE
height
weight​
hair
eye​
Big ol' paragraph detailing the pic and what it doesn't show.You know, like details and stuff and I'm rambling here to trigger the scrollbar because dang some people know how to describe things. Like I don't, I'm still waiting for this accordion scroll to kick in. Like omg this is a lot of typing why didn't I just lorem ipsum this spot? Gaaaaalmost there! Almost there! I just want to trigger the scroll bar ples. 1 scrolly scroll plez. YAAAY

OH COME ON MY EDITS nuuuu. (Don't mind me, just mourning and recreating the scrollbar here) also these accordions here are even and that makes me happy c:
PERSONALITY
GREETINGS
  • hello
  • hello
-
GREETINGS
  • goodbye
  • goodbye
Now, now. Perfectly symmetrical violence never solved anything. Yeah. Give a little credit to our public schools. Now what? Oh, I think we should just stay friends.

Five hours? Aw, man! Couldn't you just get me the death penalty? Hello, little man. I will destroy you! No! Don't jump! Kids don't turn rotten just from watching TV. I never loved you.

Hey, tell me something. You've got all this money. How come you always dress like you're doing your laundry? We can't compete with Mom! Her company is big and evil! Ours is small and neutral! I decline the title of Iron Cook and accept the lesser title of Zinc Saucier, which I just made up. Uhh… also, comes with double prize money.

Aww, it's true. I've been hiding it for so long. Can I use the gun? Kids have names? Throw her in the brig. I didn't ask for a completely reasonable excuse! I asked you to get busy!

Well, then good news! It's a suppository. Oh Leela! You're the only person I could turn to; you're the only person who ever loved me. You're going back for the Countess, aren't you? The key to victory is discipline, and that means a well made bed. You will practice until you can make your bed in your sleep.

I could if you hadn't turned on the light and shut off my stereo. I just want to talk. It has nothing to do with mating. Fry, that doesn't make sense. There's no part of that sentence I didn't like! Well, let's just dump it in the sewer and say we delivered it.

We'll need to have a look inside you with this camera. You guys aren't Santa! You're not even robots. How dare you lie in front of Jesus? Ummm…to eBay? Meh. File not found.

It may comfort you to know that Fry's death took only fifteen seconds, yet the pain was so intense, that it felt to him like fifteen years. And it goes without saying, it caused him to empty his bowels. OK, this has gotta stop. I'm going to remind Fry of his humanity the way only a woman can.

Now that the, uh, garbage ball is in space, Doctor, perhaps you can help me with my sexual inhibitions? Oh, I don't have time for this. I have to go and buy a single piece of fruit with a coupon and then return it, making people wait behind me while I complain.

Who am I making this out to? Who are those horrible orange men? You, a bobsleder!? That I'd like to see! Ven ve voke up, ve had zese wodies. Bite my shiny metal ass. I didn't ask for a completely reasonable excuse! I asked you to get busy!

She also liked to shut up! And remember, don't do anything that affects anything, unless it turns out you were supposed to, in which case, for the love of God, don't not do it! Man, I'm sore all over. I feel like I just went ten rounds with mighty Thor.

Throw her in the brig. Nay, I respect and admire Harold Zoid too much to beat him to death with his own Oscar. One hundred dollars. And I'd do it again! And perhaps a third time! But that would be it. I'm sure those windmills will keep them cool.

Wow! A superpowers drug you can just rub onto your skin? You'd think it would be something you'd have to freebase. Son, as your lawyer, I declare y'all are in a 12-piece bucket o' trouble. But I done struck you a deal: Five hours of community service cleanin' up that ol' mess you caused.

No! Don't jump! Hi, I'm a naughty nurse, and I really need someone to talk to. $9.95 a minute. That's the ONLY thing about being a slave. Hey! I'm a porno-dealing monster, what do I care what you think?

We're rescuing ya. You lived before you met me?! Ummm…to eBay? Have you ever tried just turning off the TV, sitting down with your children, and hitting them? It doesn't look so shiny to me. Yes! In your face, Gandhi!

I don't 'need' to drink. I can quit anytime I want! Yes, if you make it look like an electrical fire. When you do things right, people won't be sure you've done anything at all. All I want is to be a monkey of moderate intelligence who wears a suit… that's why I'm transferring to business school!

I usually try to keep my sadness pent up inside where it can fester quietly as a mental illness. And so we say goodbye to our beloved pet, Nibbler, who's gone to a place where I, too, hope one day to go. The toilet.

You won't have time for sleeping, soldier, not with all the bed making you'll be doing. Leela, Bender, we're going grave robbing. Bender, hurry! This fuel's expensive! Also, we're dying! I suppose I could part with 'one' and still be feared…

Oh, how I wish I could believe or understand that! There's only one reasonable course of action now: kill Flexo! Is the Space Pope reptilian!? Pansy. Look, last night was a mistake. You guys aren't Santa! You're not even robots. How dare you lie in front of Jesus?

Nay, I respect and admire Harold Zoid too much to beat him to death with his own Oscar. This opera's as lousy as it is brilliant! Your lyrics lack subtlety. You can't just have your characters announce how they feel. That makes me feel angry!

FAVORITES

  • hello
  • hello
  • goodbye
  • goodbye


HISTORY
I am the last of my species, and I know how that weighs on the heart so don't lie to me! I hate yogurt. It's just stuff with bits in. Aw, you're all Mr. Grumpy Face today. The way I see it, every life is a pile of good things and bad things.…hey.…the good things don't always soften the bad things; but vice-versa the bad things don't necessarily spoil the good things and make them unimportant.

Did I mention we have comfy chairs? I'm the Doctor. Well, they call me the Doctor. I don't know why. I call me the Doctor too. I still don't know why. You know how I sometimes have really brilliant ideas?

You've swallowed a planet! Saving the world with meals on wheels. Father Christmas. Santa Claus. Or as I've always known him: Jeff. No… It's a thing; it's like a plan, but with more greatness. Father Christmas. Santa Claus. Or as I've always known him: Jeff.

I am the Doctor, and you are the Daleks! It's art! A statement on modern society, 'Oh Ain't Modern Society Awful?'! I'm the Doctor. Well, they call me the Doctor. I don't know why. I call me the Doctor too. I still don't know why.

Did I mention we have comfy chairs? Sorry, checking all the water in this area; there's an escaped fish. Did I mention we have comfy chairs? They're not aliens, they're Earth…liens!

The way I see it, every life is a pile of good things and bad things.…hey.…the good things don't always soften the bad things; but vice-versa the bad things don't necessarily spoil the good things and make them unimportant. Stop talking, brain thinking. Hush.

Did I mention we have comfy chairs? Did I mention we have comfy chairs? I'm the Doctor, I'm worse than everyone's aunt. *catches himself* And that is not how I'm introducing myself. All I've got to do is pass as an ordinary human being. Simple. What could possibly go wrong?

No… It's a thing; it's like a plan, but with more greatness. No… It's a thing; it's like a plan, but with more greatness. Stop talking, brain thinking. Hush. You've swallowed a planet! All I've got to do is pass as an ordinary human being. Simple. What could possibly go wrong?

I hate yogurt. It's just stuff with bits in. I hate yogurt. It's just stuff with bits in. You hit me with a cricket bat. No, I'll fix it. I'm good at fixing rot. Call me the Rotmeister. No, I'm the Doctor. Don't call me the Rotmeister.

They're not aliens, they're Earth…liens! Saving the world with meals on wheels. Heh-haa! Super squeaky bum time! It's art! A statement on modern society, 'Oh Ain't Modern Society Awful?'! The way I see it, every life is a pile of good things and bad things.…hey.…the good things don't always soften the bad things; but vice-versa the bad things don't necessarily spoil the good things and make them unimportant.

It's a fez. I wear a fez now. Fezes are cool. The way I see it, every life is a pile of good things and bad things.…hey.…the good things don't always soften the bad things; but vice-versa the bad things don't necessarily spoil the good things and make them unimportant.

You know how I sometimes have really brilliant ideas? You know how I sometimes have really brilliant ideas? I'm the Doctor, I'm worse than everyone's aunt. *catches himself* And that is not how I'm introducing myself.

Annihilate? No. No violence. I won't stand for it. Not now, not ever, do you understand me?! I'm the Doctor, the Oncoming Storm - and you basically meant beat them in a football match, didn't you? I hate yogurt. It's just stuff with bits in.

You hate me; you want to kill me! Well, go on! Kill me! KILL ME! Did I mention we have comfy chairs? I hate yogurt. It's just stuff with bits in. *Insistently* Bow ties are cool! Come on Amy, I'm a normal bloke, tell me what normal blokes do!

You hate me; you want to kill me! Well, go on! Kill me! KILL ME! Sorry, checking all the water in this area; there's an escaped fish. Stop talking, brain thinking. Hush. No, I'll fix it. I'm good at fixing rot. Call me the Rotmeister. No, I'm the Doctor. Don't call me the Rotmeister.

I'm the Doctor. Well, they call me the Doctor. I don't know why. I call me the Doctor too. I still don't know why. All I've got to do is pass as an ordinary human being. Simple. What could possibly go wrong?

You've swallowed a planet! All I've got to do is pass as an ordinary human being. Simple. What could possibly go wrong? You hate me; you want to kill me! Well, go on! Kill me! KILL ME! It's a fez. I wear a fez now. Fezes are cool.

Sorry, checking all the water in this area; there's an escaped fish. Heh-haa! Super squeaky bum time! Father Christmas. Santa Claus. Or as I've always known him: Jeff. Saving the world with meals on wheels.

You've swallowed a planet! *Insistently* Bow ties are cool! Come on Amy, I'm a normal bloke, tell me what normal blokes do! You hit me with a cricket bat. You know when grown-ups tell you 'everything's going to be fine' and you think they're probably lying to make you feel better?

I hate yogurt. It's just stuff with bits in. You know how I sometimes have really brilliant ideas? I'm the Doctor. Well, they call me the Doctor. I don't know why. I call me the Doctor too. I still don't know why.


FEARS
  • bbcode
  • bbcode
ASPIRATIONS
  • buy all the things
  • buy all the things

RELATIONSHIPS
Familial Relationships
Parents? Siblings? Aunts? Uncles? Cousins? Grandparents? Ancestors? Close friends?

Platonic Relationships
Allies? Enemies? Friends? Rivals?

Romantic Relationships
Romantic Interests? Lovers? Spouses?

Official Relationships
Coworkers? Fellow students? Bosses? Teachers? Companions? Followers? Minions? Slaves? Masters?

Interested? Click here to shoot me a pm.
 
Last edited:
return to main


link hub
type: misc
status: complete
code: free-for-all
Code:
[centerblock=50][font=Century Gothic][color=#ffffff][bg=#333333][border=4px double #ffffff][center][size=7]link hub[/size][/center][row][column=span4][centerblock=95][url=https://youtu.be/Mh5LY4Mz15o][color=#ffffff][bg=#333333][border=4px double #ffffff][center]history[/center][/border][/bg][/color][/url][url=https://youtu.be/0E00Zuayv9Q][color=#ffffff][bg=#333333][border=4px double #ffffff][center]pen[/center][/border][/bg][/color][/url][/centerblock][/column][column=span4][centerblock=95][url=https://youtu.be/ZUDkrkykvZs][color=#ffffff][bg=#333333][border=4px double #ffffff][center]first[/center][/border][/bg][/color][/url][url=https://youtu.be/_0dTG1_x-K8][color=#ffffff][bg=#333333][border=4px double #ffffff][center]american[/center][/border][/bg][/color][/url][/centerblock][/column][/row][center]----------
you are in
hell[/center]
[/border][/bg][/color][/font][/centerblock]

link hub
----------
you are in
hell​
 
Last edited:
return to main


edgy
type: cs
status: complete
code: free-for-all
Code:
[centerblock=70][font=Century Gothic][color=#333333][bg=#333333][border=4px dashed #ffffff][row][column=span3][border=0px][accordion=100%]{slide=open|[bg=#333333][color=#ffffff][font=Comfortaa][size=7][center]name[/center][/size][/font][/color][/bg]}[bg=#333333][img]https://placehold.it/500x500[/img][/bg]{/slide}[/accordion][/border][border=0px][accordion=100%]{slide=100|[bg=#333333][color=#ffffff][row][column=span8][size=6][row][column=span3][center][fa]fa-step-backward[/fa][/center][/column][column=span2][center][fa]fa-play[/fa][/center][/column][column=span3][center][fa]fa-step-forward[/fa][/center][/column][/row][/size][/column][/row][/color][/bg]}[bg=#333333][media=youtube]Gd9OhYroLN0[/media][/bg]{/slide}[/accordion][/border][/column][column=span5][border=0px][accordion=100%]{slide=open|[bg=#333333][color=#ffffff][font=Comfortaa][size=7][center]crawling[/center][/size][/font][/color][/bg]}[bg=#333333][color=#ffffff]Name:
Nickname(s):
Age:
Gender:
Sexuality:
Species:
Nationality:
Spoken Languages:
Occupation:
Alignment:[/color][/bg]{/slide}{slide=[bg=#333333][color=#ffffff][font=Comfortaa][size=7][center]in[/center][/size][/font][/color][/bg]}[bg=#333333][color=#ffffff]Height:
Weight:
Hair:
Eyes:
Style:
Paragraphs:[/color][/bg]{/slide}{slide=[bg=#333333][color=#ffffff][font=Comfortaa][size=7][center]my[/center][/size][/font][/color][/bg]}[bg=#333333][color=#ffffff][row][column=span2][center]trait[/center][/column][column=span2][center]trait[/center][/column][column=span2][center]trait[/center][/column][column=span2][center]trait[/center][/column][/row]

Likes:
Dislikes:
Quirks:
Habits:
Fears:
Aspirations:
Beliefs: 
Values:
Paragraphs:[/color][/bg]{/slide}{slide=[bg=#333333][color=#ffffff][font=Comfortaa][size=7][center]skin[/center][/size][/font][/color][/bg]}[bg=#333333][color=#ffffff]Favorite Memory:
Paragraphs:[/color][/bg]{/slide}[/accordion][/border][/column][/row]
[/border][/bg][/color][/font][/centerblock]

name​
500x500
crawling​
Name:
Nickname(s):
Age:
Gender:
Sexuality:
Species:
Nationality:
Spoken Languages:
Occupation:
Alignment:
in​
Height:
Weight:
Hair:
Eyes:
Style:
Paragraphs:
my​
trait​
trait​
trait​
trait​

Likes:
Dislikes:
Quirks:
Habits:
Fears:
Aspirations:
Beliefs:
Values:
Paragraphs:
skin​
Favorite Memory:
Paragraphs:

 
Last edited:
return to main


curved swords
type: experiment
status: abandoned
code: free-for-all
Code:
[border=2px solid #333333; border-left: 5px solid #e0162b; border-right: transparent; border-top: transparent; border-bottom: transparent; border-radius:25px;][bg=#eeeeee; padding: 25px; border-radius:25px;]welp. So apparently css tags like bbcode. Not sure if this is actually allowed, but it doesn't seem to be breaking the site?

this is a background inside a border, with 3 transparent sides, padding, and rounded corners[/bg][/border]

[bg=#eeeeee; border-top-left-radius:25px; border-bottom-right-radius:25px; width: 50%; height: 100px; align-content: center;][color=#000000]works on backgrounds too.

no columns, tables, or height restricts here. this is all bbcode. this is at a fixed height, which isn't the brightest idea.
[/color][/bg]

[border=2px solid #e0162b; display: inline;]these are borders next to borders. no rows, columns, or tables[/border] [border=2px solid #e0162b; display: inline;]watch out on mobile[/border] [border=2px solid #e0162b; display: inline;]there's clipping[/border]





[bg=#eeeeee; width: 250px;][centerblock=80][bg= #eeeeee; overflow: auto; height: 200px; width: 200px; background-image: url("https://www.htmlhive.com/wp-content/uploads/2012/02/bluestripes.png");][color=#ffffff]HOLY SHIT THIS WORKS!!!1111

LOOK ITS A BACKGROUND IMAGE WITH AN AUTOMATIC SCROLLBAR AND OASDJIOAHSDJKJASDASD

*has never done html or css before

*mindblown counter = somewhere around 7[/color][/bg][/centerblock][/bg]

fdbe8fabc0e73fdc7d6744b485aae8bd9326762f3b136ac628b458b84fb30bdd.jpg
so i got inspired by IctoraPost IctoraPost 's "slightly hacky solutions" and started to wonder if anything besides a square background could be made. turns out that answer is yes.

this may be like common knowledge or something, but this is mindblowing to me. you won't believe the look i got from the person next to me when i showed them what i was so excited about.

welp. So apparently css tags like bbcode. Not sure if this is actually allowed, but it doesn't seem to be breaking the site?

this is a background inside a border, with 3 transparent sides, padding, and rounded corners


works on backgrounds too.

no columns, tables, or height restricts here. this is all bbcode. this is at a fixed height, which isn't the brightest idea.


these are borders next to borders. no rows, columns, or tables
watch out on mobile
there's clipping






HOLY SHIT THIS WORKS!!!1111

LOOK ITS A BACKGROUND IMAGE WITH AN AUTOMATIC SCROLLBAR AND OASDJIOAHSDJKJASDASD

*has never done html or css before

*mindblown counter = somewhere around 7
 
Last edited:
curved swords
type: experiment
status: wip
code: released
Code:
[border=2px solid #333333; border-left: 5px solid #e0162b; border-right: transparent; border-top: transparent; border-bottom: transparent; border-radius:25px;][bg=#eeeeee; padding: 25px; border-radius:25px;]welp. So apparently css tags like bbcode. Not sure if this is actually allowed, but it doesn't seem to be breaking the site?

this is a background inside a border, with 3 transparent sides, padding, and rounded corners[/bg][/border]

[bg=#eeeeee; border-top-left-radius:25px; border-bottom-right-radius:25px; width: 50%; height: 100px; align-content: center;][color=#000000]works on backgrounds too.

no columns, tables, or height restricts here. this is all bbcode. this is at a fixed height, which isn't the brightest idea.
[/color][/bg]

[border=2px solid #e0162b; display: inline;]these are borders next to borders. no rows, columns, or tables[/border] [border=2px solid #e0162b; display: inline;]watch out on mobile[/border] [border=2px solid #e0162b; display: inline;]there's clipping[/border]

fdbe8fabc0e73fdc7d6744b485aae8bd9326762f3b136ac628b458b84fb30bdd.jpg
so i got inspired by IctoraPost IctoraPost 's "slightly hacky solutions" and started to wonder if anything besides a square background could be made. turns out that answer is yes.

this may be like common knowledge or something, but this is mindblowing to me. you won't believe the look i got from the person next to me when i showed them what i was so excited about.

welp. So apparently css tags like bbcode. Not sure if this is actually allowed, but it doesn't seem to be breaking the site?

this is a background inside a border, with 3 transparent sides, padding, and rounded corners


works on backgrounds too.

no columns, tables, or height restricts here. this is all bbcode. this is at a fixed height, which isn't the brightest idea.


these are borders next to borders. no rows, columns, or tables
watch out on mobile
there's clipping
ily and ictora. just tested and background images and overflow work tut.
 
return to main


character showcase
type: misc
status: complete

characters​

faction x​
sublevel​
250x250-circle.png

name
title​

short description
250x250-circle.png

name
title​

short description
250x250-circle.png

name
title​

short description

sublevel​
250x250-circle.png

name
title​

short description
250x250-circle.png

name
title​

short description
sublevel​
250x250-circle.png

name
title​

short description
250x250-circle.png

name
title​

short description
250x250-circle.png

name
title​

short description
250x250-circle.png

name
title​

short description
250x250-circle.png

name
title​

short description
 
Last edited:
Love your stuff~
I like your directory, mind if I take the basic idea of it for my own thread?
 
return to main


reminds me of tumblr
type: cs
status: complete

it's been a while since i've been on this site, and it's been a longer while since i've tried to do something ambitious with bbcode. this code is my second to ditch the concept of using backgrounds as divs, the first being my ChatMaster code, which can be found here, and by the way, is free-for-all. the code below is not released atm, though that may change in the future. what doesn't change is this code (for the most part), in testing it looked almost the same between mobile and desktop, which is more than i can say than.. literally every other code i've ever made. so it has that going for it.


Nora Heyes
boop1
boop2
boop3
boop4
boop5
26 Years Old
boop1
boop2
boop3
boop4
Female
boop1
boop2
boop3
boop4
Home
Nora lives in Ho De-ot, a newly sprung community of about 20 permanent residents that lives in and around the remains of what appears to have once been some sort of warehouse. Ho De-ot frequently receives many travelers due to being just an hour's walk off the main route. Because of this, it has become one of busier above-ground settlements for trade and short-term lodging.
boop1
boop2
boop3
boop4
boop5
boop6
boop7
boop8
boop9
boop10
boop11
boop12
boop13
Specialty
Nora has a knack for electronics, specializing in robotics. She is self taught, having initially opened up a repair shop for having a service to trade and has since advanced on to creating as well. She has made a multitude of things, the most notable of which being: a turret system for Ho De-ot, an exoskeleton to assist in handling heavyweight objects, and more than a few prosthetic limbs.
boop1
boop2
boop3
boop4
boop5
boop6
boop7
boop8
boop9
boop10
boop11
boop12
boop13
Personality
Nora tries her best to take life in stride, to not worry about deadlines or burdens. This isn't easy to do with a shop to run, but it's not like the customer can get better service elsewhere. She talks to herself a lot, rather loudly, spending most of her time alone in her shop with no one to bother and no one to be bothered by. She gets annoyed by others easily, especially if they have a lisp or stutter. She'll forget about it shortly after, though. She is quite forgetful and tries to scribble things down so she can remember them. Usually she forgets where she places these notes and will occasionally find them in odd places.
boop1
boop2
boop3
boop4
boop5
boop6
boop7
boop8
boop9
boop10
boop11
boop12
boop13
boop14
boop15
 
return to main


got very bored
type: experiment
status: complete
code: free-for-all
Code:
[div=margin:auto; max-width: 500px; max-height: 500px; min-height: 200px; background: url(http://i.imgur.com/GfKwEsy.gif) no-repeat; background-size: 600px auto; background-position: 50% 50%; border-radius: 40px; padding: 20px;][row][column=span2][div=background: url(http://i.imgur.com/IfSSiJ6.gif) no-repeat; background-size: 130px auto; background-position: 50% 50%; border-radius: 50%; border: 2px dotted rgba(224,244,252,.4); height: 100px; width: 100px;][/div]
[div=background: rgba(255,255,255,.4); height: 100px; width: 100px; border-radius: 50%; border: 2px dotted rgba(224,244,252,.4); overflow: hidden;][div=margin: 5px; border-radius: 50%; height: 90px; width: 105px; padding-right: 10px; padding-bottom: 5px; overflow: auto; text-align: center; color: #e0f4fc;][font=Reenie Beanie][b]name[/b]
feeling: cold
thinking: of home
interacting: [plain]@asdf @jkl;[/plain][/font]
[/div][/div]
[div=background: url(http://i.imgur.com/Lq0mz8q.gif) no-repeat; background-size: 190px auto; background-position: 60% 50%; border-radius: 50%; border: 2px dotted rgba(224,244,252,.4); height: 100px; width: 100px;][/div][/column][column=span6][div=background-color: rgba(255,255,255,.4); border-radius: 40px; margin: auto; padding: 15px; font-size: 10px; color: #e0f4fc; border: 2px dotted rgba(224,244,252,.4); width: 325px; max-height: 330px; overflow: hidden;][div=width: 330px; max-height: 320px; overflow: auto; padding-right: 27px;][font=Times New Roman]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quis magna ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer finibus pharetra mollis. Phasellus mattis imperdiet urna, vitae convallis est vulputate nec. Nunc sit amet mi turpis. Nam nunc arcu, posuere eget lorem et, suscipit commodo eros. Curabitur aliquam nulla et velit molestie malesuada. Nunc bibendum luctus ornare. Vestibulum fringilla tortor vitae risus congue consequat.

Morbi feugiat ornare est laoreet euismod. Etiam lacinia eros vel ex vestibulum elementum. Morbi at eros vulputate, elementum orci sit amet, rhoncus enim. Aenean nec accumsan augue. Etiam venenatis dictum orci vitae posuere. Vestibulum vulputate ac metus nec fringilla. Mauris at velit sit amet quam condimentum mollis.

Vivamus varius ut arcu et mollis. Cras et enim ullamcorper, porta purus eget, placerat mauris. Sed aliquet lobortis est a tristique. Pellentesque faucibus eleifend risus nec facilisis. Donec in est vestibulum erat iaculis ullamcorper eu non nibh. Cras porta sem suscipit odio porta, ac aliquam odio vehicula. Vestibulum interdum est ac massa auctor, id ultrices lorem ullamcorper. Vestibulum eget dolor sed quam interdum molestie vel vel lorem. Suspendisse tristique dui posuere rutrum interdum. Curabitur maximus, nulla ac semper blandit, mauris magna bibendum nulla, at dapibus ex ex vel orci. Donec commodo pharetra imperdiet. Suspendisse cursus elementum velit eu pretium. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas mattis laoreet aliquet. Phasellus eu varius nulla. Quisque ultrices eleifend consequat.[/font][/div][/div][/column][/row][/div]

as stated above, i got very bored and decided (instead of playing one of the many games i have yet to finish) that i should make a code outside of my comfort zone. it's not mobile-friendly, there's a lot of gifs, and it's hard to read. transparency, pictures in circles, hidden scrolls, and borders get very abused in this one. also i'm pretty sure i accidentally mixed up a couple a e s t h e t i c s into one thing that doesn't fully understand any of them. i probably won't do anything in this style again, but it was fun.


name
feeling: cold
thinking: of home
interacting: @asdf @jkl;


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quis magna ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer finibus pharetra mollis. Phasellus mattis imperdiet urna, vitae convallis est vulputate nec. Nunc sit amet mi turpis. Nam nunc arcu, posuere eget lorem et, suscipit commodo eros. Curabitur aliquam nulla et velit molestie malesuada. Nunc bibendum luctus ornare. Vestibulum fringilla tortor vitae risus congue consequat.

Morbi feugiat ornare est laoreet euismod. Etiam lacinia eros vel ex vestibulum elementum. Morbi at eros vulputate, elementum orci sit amet, rhoncus enim. Aenean nec accumsan augue. Etiam venenatis dictum orci vitae posuere. Vestibulum vulputate ac metus nec fringilla. Mauris at velit sit amet quam condimentum mollis.

Vivamus varius ut arcu et mollis. Cras et enim ullamcorper, porta purus eget, placerat mauris. Sed aliquet lobortis est a tristique. Pellentesque faucibus eleifend risus nec facilisis. Donec in est vestibulum erat iaculis ullamcorper eu non nibh. Cras porta sem suscipit odio porta, ac aliquam odio vehicula. Vestibulum interdum est ac massa auctor, id ultrices lorem ullamcorper. Vestibulum eget dolor sed quam interdum molestie vel vel lorem. Suspendisse tristique dui posuere rutrum interdum. Curabitur maximus, nulla ac semper blandit, mauris magna bibendum nulla, at dapibus ex ex vel orci. Donec commodo pharetra imperdiet. Suspendisse cursus elementum velit eu pretium. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas mattis laoreet aliquet. Phasellus eu varius nulla. Quisque ultrices eleifend consequat.
 
return to main


4 descending colors
type: post
status: complete
code: released
Code:
[div=max-width: 450px; margin: auto;][div=background:#8fdae8; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #fcfcfc; padding-top: 4px; padding-bottom: 4px;][div=font-weight: bold; text-align: center; letter-spacing: 1px;][font=Handlee][size=5]Le Name Here[/size][/font][/div][div=margin-top: -5px; margin-bottom: -5px; padding-left: 2%; padding-right: 2%; white-space: nowrap; overflow-x: auto; text-align: center;][font=Lato][size=3]Location: Mood: Etc: (horizontal autoscroll when things get long)[/size][/font][/div][/div][div=background: #7fc4db; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; overflow: hidden;][div=margin: 5px 0px 5px 0px; padding: 10px 9% 10px 10%; background:#fcfcfc; color: #585858;][div=min-height: 150px; max-height: 350px; overflow: auto; text-align: justify; padding-right: 1%;][font=Lato]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer molestie dui erat, ac lobortis ipsum consequat sit amet. Nulla facilisi. Quisque at ligula augue. Sed convallis mauris felis, maximus gravida quam porttitor ac. Nulla a nunc accumsan, iaculis justo quis, lobortis est. Integer non nisi a justo volutpat ultrices. Maecenas condimentum commodo dolor, eget finibus dolor posuere ut. Vivamus nulla libero, iaculis a efficitur eget, tincidunt non erat. (has autoscroll and min height)[/font][/div][/div][div=background: #6ca8cc; min-height: 5px;][div=background: #fcfcfc; white-space: nowrap; overflow-x: auto; text-align: right; color: #585858; padding-right: 2%; padding-left: 2%;][font=Lato][size=3]Tags: (remove this text if no tags are needed) (has horizontal autoscroll)[/size][/font][/div][/div][div=background: #5788ba; min-height: 5px;][div=text-align: right; color: #fcfcfc; padding-right: 2%; padding-left: 2%;][font=Lato][size=2][url=https://www.rpnation.com/members/amerikia1126.21590/][color=#fcfcfc]Code by Amerikia[/color][/url][/size][/font][/div][/div][/div][/div]

made this for an rp i'm in, liked it enough to share. as usual, it's mobile-friendly.

Le Name Here
Location: Mood: Etc: (horizontal autoscroll when things get long)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer molestie dui erat, ac lobortis ipsum consequat sit amet. Nulla facilisi. Quisque at ligula augue. Sed convallis mauris felis, maximus gravida quam porttitor ac. Nulla a nunc accumsan, iaculis justo quis, lobortis est. Integer non nisi a justo volutpat ultrices. Maecenas condimentum commodo dolor, eget finibus dolor posuere ut. Vivamus nulla libero, iaculis a efficitur eget, tincidunt non erat. (has autoscroll and min height)
Tags: (remove this text if no tags are needed) (has horizontal autoscroll)
 

Users who are viewing this thread

Back
Top