What's new
  • 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 galactic freebies ☆ bbcode friendly

hello everyone! it's ya girl galactic but you can call me peyton. i am super duper new to bbcode but i thought it would be nice to share my progress, as well as give you guys some free codes to use/mess around with/ learn from/etc. all codes listed here will be free to use! you don't have to visibly credit me, but in all of my codes i have my username in a credit so i'd appreciate it if you didn't remove that! a tag would be especially nice but is by no means required. please comment if you have a request!! i'd love to try and make something for y'all. i'm definitely not good but the practice will be vvvv nice. anyway!!! here we go. thx babes, ily.
 
Last edited:
CHARACTER NAME HERE

Basics
text here.
Appearance
text here.
Persona
text here.
Miscellaneous
text here.



"short quote here maybe? does not overflow."
Code:
[/INDENT]
[centerblock=50][row][column=span2][img]https://www.nashuahabitat.org/wp-content/uploads/2017/03/placeholder-square.jpg[/img][/column][column=span2][img]https://www.nashuahabitat.org/wp-content/uploads/2017/03/placeholder-square.jpg[/img][/column][column=span2][img]https://www.nashuahabitat.org/wp-content/uploads/2017/03/placeholder-square.jpg[/img][/column][column=span2][img]https://www.nashuahabitat.org/wp-content/uploads/2017/03/placeholder-square.jpg[/img][/column][/row][bg=#7D7D7D;height:25px;][center][size=10][font=Raleway][color=white]CHARACTER NAME HERE[/color][/font][/size][/center][/bg]

[row][column=span4][b][font=Manrope][size=6]Basics[/size][/font][/b][scroll=150px][size=4][justify][font=Raleway]text here.[/font][/justify][/size][/scroll][/column][column=span4][b][font=Manrope][size=6]Appearance[/size][/font][/b][scroll=150px][size=4][justify][font=Raleway]text here.[/font][/justify][/size][/scroll][/column][/row][row][column=span4][b][font=Manrope][size=6]Persona[/size][/font][/b][scroll=150px][size=4][justify][font=Raleway]text here.[/font][/justify][/size][/scroll][/column][column=span4][b][font=Manrope][size=6]Miscellaneous[/size][/font][/b][scroll=150px][size=4][justify][font=Raleway]text here.[/font][/justify][/size][/scroll][/column][/row]

[bg=#7D7D7D;height:25px;][center][font=Raleway][color=white]"short quote here maybe? does not overflow."[/color][/font][/center][/bg]
[comment]coded by galactic[/comment]
 
Last edited:
basics​
text here.
appearance​
text here.
persona​
text here.
misc​
text here.



Code:
[centerblock=50][row][column=span2][img]https://cdn.discordapp.com/attachments/255934039628709888/709014788365090837/8X3MrVp60WO6oAAAAASUVORK5CYII.png[/img][border=0px solid white][accordion=100%]{slide=[bg=black][color=white][size=6][font=Raleway][center]basics[/center][/font][/size][/color][/bg]}[justify][bg=black;height:200px;overflow:auto;color:white;][font=Raleway]text here.[/font][/bg][/justify]{/slide}[/accordion][/column][column=span2][img]https://i.pinimg.com/564x/6b/b9/e3/6bb9e361f9462fc6004ebf85580f5997.jpg[/img][border=0px solid white][accordion=100%]{slide=[bg=black][color=white][size=6][font=Raleway][center]appearance[/center][/font][/size][/color][/bg]}[justify][bg=black;height:200px;overflow:auto;color:white;][font=Raleway]text here.[/font][/bg][/justify]{/slide}[/accordion][/column][column=span2][img]https://cdn.discordapp.com/attachments/255934039628709888/709028235924471818/unknown.png[/img][border=0px solid white][accordion=100%]{slide=[bg=black][color=white][size=6][font=Raleway][center]persona[/center][/font][/size][/color][/bg]}[justify][bg=black;height:200px;overflow:auto;color:white;][font=Raleway]text here.[/font][/bg][/justify]{/slide}[/accordion][/column][column=span2][img]https://i.pinimg.com/564x/57/3a/3d/573a3d7ef45e18868ad7850144bb6b38.jpg[/img][border=0px solid white][accordion=100%]{slide=[bg=black][color=white][size=6][font=Raleway][center]misc[/center][/font][/size][/color][/bg]}[justify][bg=black;height:200px;overflow:auto;color:white;][font=Raleway]text here.[/font][/bg][/justify]{/slide}[/accordion][/column][/centerblock]
[comment]coded by galactic[/comment]
 
Last edited:
hello! back again with an ic code this time. it's pretty simple and i'm not too happy with it. i struggled a lot with the accordion and even now i can't figure out how to get the ugly space off of it, so !! if you know why, please let me know. other than that, i like it! if you click the character name it opens up AND i figured out how to do hidden scrolls. this code seems to be pretty finicky so proceed with caution, i guess. anyway, here's the code !!
Code:
[centerblock=48][border=transparent; padding: unset;][accordion=620px|bcenter]{slide=[bg=#2D3014;height:40px;overflow:hidden;][center][size=8][color=#A6A392][font=Raleway]Character Name Here[/font][/color][/size][/center][/bg]}[bg=#6A6E4B;height:20px;width:606px;overflow:hidden;][bg=#6A6E4B;height:20px;width:620px;overflow:auto;line-height:10px;][center][color=#A6A392][size=3][font=Raleway]EXTRA TEXT HERE[/font][/size][/color][/center][/bg][/bg]{/slide}[/accordion][/border][bg=height:250px;width:200px;float:left;;background:url('https://i.pinimg.com/564x/0a/a5/6e/0aa56e11b2cc3473d1dd8bf587575ff1.jpg');height:250px;background-size:125%;][/bg][bg=#373520;float:left;width:385px;height:250px;overflow:hidden;][bg=#373520;width:390px;height:250px;overflow:auto;line-height:10px;border-right:10px solid #373520;][justify][color=#A6A392][size=3][font=Raleway]MAIN TEXT HERE
[/justify][/color][/size][/bg][/bg]
[comment]Coded by @Galactic [/comment]
Character Name Here
this box overflows & also has a (mostly) hidden scroll. add extra information such as location, mood, interactions, & etc. here. you could even add a short little quote or something! go wild!
this box overflows and should have a hidden scroll! or at least a mostly hidden scroll so you don't have the big, ugly gray chunky one.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed fringilla leo eu mi tristique, nec laoreet eros ultrices. Integer lobortis auctor tortor at pharetra. Quisque consectetur iaculis eros at finibus. In molestie nisl magna, non condimentum mauris rutrum quis. Integer interdum id nibh ac imperdiet. Duis cursus enim et lacus laoreet, elementum euismod sapien sodales. Aliquam vel porttitor sapien.

Nulla convallis aliquam condimentum. Morbi faucibus lacinia magna, aliquet mattis risus pellentesque pretium. Suspendisse nec accumsan urna, id iaculis ligula. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis ante nisi, molestie in accumsan vitae, placerat ac leo. Sed mattis turpis et posuere ullamcorper. Aenean lacus arcu, pharetra ac tempus lacinia, tempor vitae orci.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla pretium tempor ligula sed tincidunt. Maecenas aliquet pharetra hendrerit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce congue, mauris a pretium aliquam, enim lorem vestibulum tellus, nec finibus mi augue finibus dolor. Phasellus in fringilla massa, sed volutpat urna. Curabitur imperdiet dolor massa, ac faucibus lacus gravida nec. In tincidunt rutrum nibh ut semper.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed fringilla leo eu mi tristique, nec laoreet eros ultrices. Integer lobortis auctor tortor at pharetra. Quisque consectetur iaculis eros at finibus. In molestie nisl magna, non condimentum mauris rutrum quis. Integer interdum id nibh ac imperdiet. Duis cursus enim et lacus laoreet, elementum euismod sapien sodales. Aliquam vel porttitor sapien.

Nulla convallis aliquam condimentum. Morbi faucibus lacinia magna, aliquet mattis risus pellentesque pretium. Suspendisse nec accumsan urna, id iaculis ligula. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis ante nisi, molestie in accumsan vitae, placerat ac leo. Sed mattis turpis et posuere ullamcorper. Aenean lacus arcu, pharetra ac tempus lacinia, tempor vitae orci. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla pretium tempor ligula sed tincidunt. Maecenas aliquet pharetra hendrerit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce congue, mauris a pretium aliquam, enim lorem vestibulum tellus, nec finibus mi augue finibus dolor. Phasellus in fringilla massa, sed volutpat urna. Curabitur imperdiet dolor massa, ac faucibus lacus gravida nec. In tincidunt rutrum nibh ut semper.
 
CHARACTER NAME HERE

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vulputate sapien eu purus ultrices gravida. Nullam vitae consequat justo. Vestibulum ut massa eget tellus interdum tristique. Quisque a gravida mi. Morbi in neque sit amet dolor bibendum fermentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur purus turpis, pharetra sit amet dictum id, ultrices sed justo. Proin interdum metus arcu, nec molestie libero aliquet eget. Vestibulum id diam a eros posuere mollis. Integer pharetra commodo ipsum, gravida viverra purus tristique eget. Phasellus vitae scelerisque ante. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In faucibus lacinia volutpat. Sed iaculis porttitor faucibus. Nunc viverra neque eu ultricies volutpat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vulputate sapien eu purus ultrices gravida. Nullam vitae consequat justo. Vestibulum ut massa eget tellus interdum tristique. Quisque a gravida mi. Morbi in neque sit amet dolor bibendum fermentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur purus turpis, pharetra sit amet dictum id, ultrices sed justo. Proin interdum metus arcu, nec molestie libero aliquet eget. Vestibulum id diam a eros posuere mollis. Integer pharetra commodo ipsum, gravida viverra purus tristique eget. Phasellus vitae scelerisque ante. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In faucibus lacinia volutpat. Sed iaculis porttitor faucibus. Nunc viverra neque eu ultricies volutpat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vulputate sapien eu purus ultrices gravida. Nullam vitae consequat justo. Vestibulum ut massa eget tellus interdum tristique. Quisque a gravida mi. Morbi in neque sit amet dolor bibendum fermentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur purus turpis, pharetra sit amet dictum id, ultrices sed justo. Proin interdum metus arcu, nec molestie libero aliquet eget. Vestibulum id diam a eros posuere mollis. Integer pharetra commodo ipsum, gravida viverra purus tristique eget. Phasellus vitae scelerisque ante. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In faucibus lacinia volutpat. Sed iaculis porttitor faucibus. Nunc viverra neque eu ultricies volutpat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vulputate sapien eu purus ultrices gravida. Nullam vitae consequat justo. Vestibulum ut massa eget tellus interdum tristique. Quisque a gravida mi. Morbi in neque sit amet dolor bibendum fermentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur purus turpis, pharetra sit amet dictum id, ultrices sed justo. Proin interdum metus arcu, nec molestie libero aliquet eget. Vestibulum id diam a eros posuere mollis. Integer pharetra commodo ipsum, gravida viverra purus tristique eget. Phasellus vitae scelerisque ante. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In faucibus lacinia volutpat. Sed iaculis porttitor faucibus. Nunc viverra neque eu ultricies volutpat.


hello i'm in a coding mood, ok. i had to switch to dark mode for this code bc it's all white and WOW i hate dark mode. this one doesn't have any accordions but all the boxes have hidden scrolls!! to add headers you just gotta bold & use larger fonts at the beginning of your text. ALSO i've been obsessed with outer banks ever since it came out and FUCK madelyn crine is fuckin HOT .. if u have seen outer banks pls message me so i can SCREAM about it i am.. in love. anyway... here's code.

Code:
[centerblock=50][bg=#D5DADD;height:30px;][center][size=10][font=Abril Fatface][color=white]CHARACTER NAME HERE[/color][/font][/size][/center][/bg][bg=white;height:350px]
[row][column=span2][img]https://cdn.discordapp.com/attachments/255934039628709888/710038447150071888/unknown.png[/img][/column][column=span2][bg=white;width:120px;overflow:hidden;height:130px;][bg=white;width:130px;overflow:auto;height:130px;][justify][color=black][font=Raleway][size=4]text here.[/size][/font][/color][/justify] [/bg][/bg][/column][column=span2][img]https://cdn.discordapp.com/attachments/255934039628709888/710038578780176445/unknown.png[/img][/column][column=span2][bg=white;width:120px;overflow:hidden;height:130px;][bg=white;width:130px;overflow:auto;height:130px;][justify][color=black][font=Raleway][size=4]text here.[/size][/font][/color][/justify] [/bg][/bg][/column][/row][row][column=span2][bg=white;width:85%;overflow:hidden;height:130px;][bg=white;width:120px;overflow:hidden;height:130px;][bg=white;width:130px;overflow:auto;height:130px;][justify][color=black][font=Raleway][size=4]text here.[/size][/font][/color][/justify] [/bg][/bg][/bg][/column][column=span2][img]https://cdn.discordapp.com/attachments/255934039628709888/710038315293999114/unknown.png[/img][/column][column=span2][bg=white;width:120px;overflow:hidden;height:130px;][bg=white;width:130px;overflow:auto;height:130px;][justify][color=black][font=Raleway][size=4]text here.[/size][/font][/color][/justify] [/bg][/bg][/column][column=span2][img]https://cdn.discordapp.com/attachments/255934039628709888/710039187038142595/unknown.png[/img][/column][/row][/bg][/centerblock][comment]coded by galactic[/comment]
 








CHARACTER NAME HERE
this box overflows and has a hidden scroll just like the last two! this one does look best on light mode but i checked and i think it looks pretty decent on dark mode as well! i might come back later and include a dark mode version soon but! it's pretty simple to do yourself. just screenshot rpn on dark mode, go to coolors.com and select the background color, and then replace "white" with the hex code (making sure to include the #) and voila!

anyhow, i see this more as an ic code but i did think it would be pretty cool as a character sheet! i'm thinking about going through and adding some more accordions to the one accordoin so it has different pages for all the snazzy character sheet things.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque orci eros, varius quis euismod eu, tincidunt sagittis dui. Maecenas quis dolor consectetur turpis euismod facilisis in at diam. Cras scelerisque ipsum vel justo hendrerit pharetra. Nunc hendrerit neque odio, vel efficitur turpis maximus id. Proin tempus convallis ligula, nec hendrerit nibh. Suspendisse potenti. Cras ultricies ex lacus, quis varius sem lacinia rhoncus. Nunc bibendum fermentum odio, sed lacinia nunc ultricies in. Maecenas justo nibh, consectetur nec odio vel, lacinia fringilla quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vel arcu felis. Quisque quis gravida libero. Nullam eu turpis condimentum, placerat magna sit amet, rhoncus sem. Pellentesque dapibus consequat elit et ultrices. Aliquam imperdiet id diam at rutrum. Pellentesque semper pellentesque ullamcorper.


hello. i need to sleep but i cannot stop messing around with bbcode. this time i was attempted circle accordions! it sort of worked out but proved trickier than i imagined. i'm still pretty happy with the result though! i'm gonna mess around some more and see if i can find some way to get around the background needing to be colored. i'd love it if it were transparent. anyway!! you click the character's name and it opens up the accordion. here's the code!! i hope you enjoy.
Code:
[centerblock=50][border=transparent;padding:unset;margin:auto;][accordion=50%|bcenter]{slide=[bg=white;width:350px;][bg=transparent;margin:auto;background:url('https://i.pinimg.com/564x/78/57/d0/7857d076727da6241de5a34b90174cc1.jpg');height:300px;width:300px;background-size:cover;border-radius:50%;border:#FEBF2A solid 10px;][center]






[bg=black;opacity:0.8;width:93%;margin:auto;][color=white][size=5][font=Raleway]CHARACTER NAME HERE[/font][/size][/color][/bg][/center][/bg][/bg]}[bg=#191919;width:348px;overflow:hidden;height:200px;][bg=#191919;width:370px;overflow:auto;height:200px;line-height:14px;][justify][color=white][size=4][font=Raleway]text goes here.[/font][/size][/color][/justify][/bg][/bg]{/slide}[/accordion][comment]coded by galactic[/comment]
 
Last edited:






CHARACTER NAME HERE
BASICS
text here.
APPEARANCE
text here.
PERSONA
text here.
BACKGROUND
text here.






hello! so i added some accordions so you can use the circle tab as a character sheet. the box the accordions are in still overflows so you can add text before or after the tabs if you wanted. all the accordions overflow so go wild.
Code:
[centerblock=50][border=transparent;padding:unset;margin:auto;][accordion=50%|bcenter]{slide=[bg=white;width:350px;][bg=transparent;margin:auto;background:url('https://i.pinimg.com/564x/78/57/d0/7857d076727da6241de5a34b90174cc1.jpg');height:300px;width:300px;background-size:cover;border-radius:50%;border:#FEBF2A solid 10px;][center]






[bg=black;opacity:0.8;width:93%;margin:auto;][color=white][size=5][font=Raleway]CHARACTER NAME HERE[/font][/size][/color][/bg][/center][/bg][/bg]}[bg=#191919;width:348px;overflow:hidden;height:200px;][bg=#191919;width:370px;overflow:auto;height:200px;line-height:14px;][justify][color=white][size=4][font=Raleway][border=transparent;padding:unset;][accordion=blight|350]{slide=[bg=#191919;height:30px;text-align:center;color:#FEBF2A;][size=10]BASICS[/size][/bg]}[bg=#191919;height:130px;width:333px;overflow:hidden;][bg=#191919;height:130px;width:350px;overflow:auto;]text here.[/bg][/bg]{/slide}{slide=[bg=#191919;height:30px;text-align:center;color:#FEBF2A;][size=10]APPEARANCE[/size][/bg]}[bg=#191919;height:130px;width:333px;overflow:hidden;][bg=#191919;height:130px;width:350px;overflow:auto;]text here.[/bg][/bg]{/slide}{slide=[bg=#191919;height:30px;text-align:center;color:#FEBF2A;][size=10]PERSONA[/size][/bg]}[bg=#191919;height:130px;width:333px;overflow:hidden;][bg=#191919;height:130px;width:350px;overflow:auto;]text here.[/bg][/bg]{/slide}{slide=[bg=#191919;height:30px;text-align:center;color:#FEBF2A;][size=10]BACKGROUND[/size][/bg]}[bg=#191919;height:130px;width:333px;overflow:hidden;][bg=#191919;height:130px;width:350px;overflow:auto;]text here.[/bg][/bg]{/slide}[/accordion]




[/font][/size][/color][/justify][/bg][/bg]{/slide}[/accordion][comment]coded by galactic[/comment]
 
Last edited:
PERSONA
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed fringilla leo eu mi tristique, nec laoreet eros ultrices. Integer lobortis auctor tortor at pharetra. Quisque consectetur iaculis eros at finibus. In molestie nisl magna, non condimentum mauris rutrum quis. Integer interdum id nibh ac imperdiet. Duis cursus enim et lacus laoreet, elementum euismod sapien sodales. Aliquam vel porttitor sapien.

Nulla convallis aliquam condimentum. Morbi faucibus lacinia magna, aliquet mattis risus pellentesque pretium. Suspendisse nec accumsan urna, id iaculis ligula. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis ante nisi, molestie in accumsan vitae, placerat ac leo. Sed mattis turpis et posuere ullamcorper. Aenean lacus arcu, pharetra ac tempus lacinia, tempor vitae orci. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla pretium tempor ligula sed tincidunt. Maecenas aliquet pharetra hendrerit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce congue, mauris a pretium aliquam, enim lorem vestibulum tellus, nec finibus mi augue finibus dolor. Phasellus in fringilla massa, sed volutpat urna. Curabitur imperdiet dolor massa, ac faucibus lacus gravida nec. In tincidunt rutrum nibh ut semper.

Nulla convallis aliquam condimentum. Morbi faucibus lacinia magna, aliquet mattis risus pellentesque pretium. Suspendisse nec accumsan urna, id iaculis ligula. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis ante nisi, molestie in accumsan vitae, placerat ac leo. Sed mattis turpis et posuere ullamcorper. Aenean lacus arcu, pharetra ac tempus lacinia, tempor vitae orci. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla pretium tempor ligula sed tincidunt. Maecenas aliquet pharetra hendrerit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce congue, mauris a pretium aliquam, enim lorem vestibulum tellus, nec finibus mi augue finibus dolor. Phasellus in fringilla massa, sed volutpat urna. Curabitur imperdiet dolor massa, ac faucibus lacus gravida nec. In tincidunt rutrum nibh ut semper.
APPEARANCE
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed fringilla leo eu mi tristique, nec laoreet eros ultrices. Integer lobortis auctor tortor at pharetra. Quisque consectetur iaculis eros at finibus. In molestie nisl magna, non condimentum mauris rutrum quis. Integer interdum id nibh ac imperdiet. Duis cursus enim et lacus laoreet, elementum euismod sapien sodales. Aliquam vel porttitor sapien.

Nulla convallis aliquam condimentum. Morbi faucibus lacinia magna, aliquet mattis risus pellentesque pretium. Suspendisse nec accumsan urna, id iaculis ligula. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis ante nisi, molestie in accumsan vitae, placerat ac leo. Sed mattis turpis et posuere ullamcorper. Aenean lacus arcu, pharetra ac tempus lacinia, tempor vitae orci. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla pretium tempor ligula sed tincidunt. Maecenas aliquet pharetra hendrerit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce congue, mauris a pretium aliquam, enim lorem vestibulum tellus, nec finibus mi augue finibus dolor. Phasellus in fringilla massa, sed volutpat urna. Curabitur imperdiet dolor massa, ac faucibus lacus gravida nec. In tincidunt rutrum nibh ut semper.

Nulla convallis aliquam condimentum. Morbi faucibus lacinia magna, aliquet mattis risus pellentesque pretium. Suspendisse nec accumsan urna, id iaculis ligula. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis ante nisi, molestie in accumsan vitae, placerat ac leo. Sed mattis turpis et posuere ullamcorper. Aenean lacus arcu, pharetra ac tempus lacinia, tempor vitae orci. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla pretium tempor ligula sed tincidunt. Maecenas aliquet pharetra hendrerit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce congue, mauris a pretium aliquam, enim lorem vestibulum tellus, nec finibus mi augue finibus dolor. Phasellus in fringilla massa, sed volutpat urna. Curabitur imperdiet dolor massa, ac faucibus lacus gravida nec. In tincidunt rutrum nibh ut semper.
BACKGROUND
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed fringilla leo eu mi tristique, nec laoreet eros ultrices. Integer lobortis auctor tortor at pharetra. Quisque consectetur iaculis eros at finibus. In molestie nisl magna, non condimentum mauris rutrum quis. Integer interdum id nibh ac imperdiet. Duis cursus enim et lacus laoreet, elementum euismod sapien sodales. Aliquam vel porttitor sapien.

Nulla convallis aliquam condimentum. Morbi faucibus lacinia magna, aliquet mattis risus pellentesque pretium. Suspendisse nec accumsan urna, id iaculis ligula. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis ante nisi, molestie in accumsan vitae, placerat ac leo. Sed mattis turpis et posuere ullamcorper. Aenean lacus arcu, pharetra ac tempus lacinia, tempor vitae orci. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla pretium tempor ligula sed tincidunt. Maecenas aliquet pharetra hendrerit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce congue, mauris a pretium aliquam, enim lorem vestibulum tellus, nec finibus mi augue finibus dolor. Phasellus in fringilla massa, sed volutpat urna. Curabitur imperdiet dolor massa, ac faucibus lacus gravida nec. In tincidunt rutrum nibh ut semper.

Nulla convallis aliquam condimentum. Morbi faucibus lacinia magna, aliquet mattis risus pellentesque pretium. Suspendisse nec accumsan urna, id iaculis ligula. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis ante nisi, molestie in accumsan vitae, placerat ac leo. Sed mattis turpis et posuere ullamcorper. Aenean lacus arcu, pharetra ac tempus lacinia, tempor vitae orci. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla pretium tempor ligula sed tincidunt. Maecenas aliquet pharetra hendrerit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce congue, mauris a pretium aliquam, enim lorem vestibulum tellus, nec finibus mi augue finibus dolor. Phasellus in fringilla massa, sed volutpat urna. Curabitur imperdiet dolor massa, ac faucibus lacus gravida nec. In tincidunt rutrum nibh ut semper.
MISC
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed fringilla leo eu mi tristique, nec laoreet eros ultrices. Integer lobortis auctor tortor at pharetra. Quisque consectetur iaculis eros at finibus. In molestie nisl magna, non condimentum mauris rutrum quis. Integer interdum id nibh ac imperdiet. Duis cursus enim et lacus laoreet, elementum euismod sapien sodales. Aliquam vel porttitor sapien.

Nulla convallis aliquam condimentum. Morbi faucibus lacinia magna, aliquet mattis risus pellentesque pretium. Suspendisse nec accumsan urna, id iaculis ligula. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis ante nisi, molestie in accumsan vitae, placerat ac leo. Sed mattis turpis et posuere ullamcorper. Aenean lacus arcu, pharetra ac tempus lacinia, tempor vitae orci. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla pretium tempor ligula sed tincidunt. Maecenas aliquet pharetra hendrerit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce congue, mauris a pretium aliquam, enim lorem vestibulum tellus, nec finibus mi augue finibus dolor. Phasellus in fringilla massa, sed volutpat urna. Curabitur imperdiet dolor massa, ac faucibus lacus gravida nec. In tincidunt rutrum nibh ut semper.

Nulla convallis aliquam condimentum. Morbi faucibus lacinia magna, aliquet mattis risus pellentesque pretium. Suspendisse nec accumsan urna, id iaculis ligula. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis ante nisi, molestie in accumsan vitae, placerat ac leo. Sed mattis turpis et posuere ullamcorper. Aenean lacus arcu, pharetra ac tempus lacinia, tempor vitae orci. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla pretium tempor ligula sed tincidunt. Maecenas aliquet pharetra hendrerit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce congue, mauris a pretium aliquam, enim lorem vestibulum tellus, nec finibus mi augue finibus dolor. Phasellus in fringilla massa, sed volutpat urna. Curabitur imperdiet dolor massa, ac faucibus lacus gravida nec. In tincidunt rutrum nibh ut semper.


Name Judah Lynn Addison

Nickname(s) Jude

Age Seventeen

Zodiac Aries

Gender Cis Male

Sexuality Bisexual

Ethnicity White

Affiliation Dixie



hello!! i'm really happy with the way this code turned out. i wasn't expecting it to work out but it did so!! enjoy. this is heavily inspired by fated fated 's code here but all bbcode friendly!! fated, if you see this and want me to remove this code, totally let me know and i'll take it down asap. as usual, all boxes overflow! the one under the main image does as well. anyhow!! here's the code.

Code:
[centerblock=50][bg=#E8E8E8;height:400px;padding:20px;][row][column=span5][bg=#F6F6F6;height:380px;][bg=transparent;background-image:url('https://i.ytimg.com/vi/6YlaTXOb2bE/maxresdefault.jpg');height:100px;background-size:cover;][/bg][bg=#F6F6F6;width:323px;height:280px;overflow:hidden;][bg=#F6F6F6;width:340px;height:280px;overflow:auto;line-height:10px;text-align:justify;text-color:#555;][font=Times New Roman][size=4][border=transparent;padding:unset;][accordion=blight|340px]{slide=[bg=#E8E8E8;height:20px;text-align:center;][size=8][color=white]PERSONA[/bg][/size][/color]}[bg=white;height:170px;width:323px;overflow:hidden;][bg=white;height:170px;width:320px;overflow:auto;line-height:10px;][size=4][color=#555]text here.
[/bg][/bg]{/slide}{slide=[bg=#E8E8E8;height:20px;text-align:center;][size=8][color=white]APPEARANCE[/bg][/size][/color]}[bg=white;height:170px;width:323px;overflow:hidden;][bg=white;height:170px;width:320px;overflow:auto;line-height:10px;][size=4][color=#555]text here.
[/bg][/bg]{/slide}
{slide=[bg=#E8E8E8;height:20px;text-align:center;][size=8][color=white]BACKGROUND[/bg][/size][/color]}[bg=white;height:170px;width:323px;overflow:hidden;][bg=white;height:170px;width:320px;overflow:auto;line-height:10px;][size=4][color=#555]text here.
[/bg][/bg]{/slide}{slide=open|[bg=#E8E8E8;height:20px;text-align:center;][size=8][color=white]MISC[/bg][/size][/color]}[bg=white;height:80px;width:323px;overflow:hidden;][bg=white;height:80px;width:320px;overflow:auto;line-height:10px;][size=4][color=#555]text here.
[/bg][/bg]{/slide}
[/accordion]

[/bg][/bg][/bg][/column][column=span3][img]https://cdn.discordapp.com/attachments/255934039628709888/712358371952427149/unknown.png[/img][bg=#E8E8E8;height:100px;width:200px;overflow:hidden;][bg=#E8E8E8;height:100px;width:220px;overflow:auto;text-align:text-color:#555;justify;line-height:10px;][color=#555][font=Times New Roman][size=4][i][color=white][highlight]Name[/highlight][/color] Judah Lynn Addison

[color=white][highlight]Nickname(s)[/highlight][/color] Jude

[color=white][highlight]Age[/highlight][/color] Seventeen

[color=white][highlight]Zodiac[/highlight][/color] Aries

[color=white][highlight]Gender[/highlight][/color] Cis Male

[color=white][highlight]Sexuality[/highlight][/color] Bisexual

[color=white][highlight]Ethnicity[/highlight][/color] White

[color=white][highlight]Affiliation[/highlight][/color] Dixie

[/bg][/bg][/size][/i][/column][/row][/bg]
[comment]coded by @Galactic [/comment]
 
CHARACTER NAME HERE
L I V E
location:
here
mood:
here
mentions:
here
interactions:
here
W O R K
"all we have left is right now"
- pray tell, pose


P O S E
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed fringilla leo eu mi tristique, nec laoreet eros ultrices. Integer lobortis auctor tortor at pharetra. Quisque consectetur iaculis eros at finibus. In molestie nisl magna, non condimentum mauris rutrum quis. Integer interdum id nibh ac imperdiet. Duis cursus enim et lacus laoreet, elementum euismod sapien sodales. Aliquam vel porttitor sapien.

Nulla convallis aliquam condimentum. Morbi faucibus lacinia magna, aliquet mattis risus pellentesque pretium. Suspendisse nec accumsan urna, id iaculis ligula. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis ante nisi, molestie in accumsan vitae, placerat ac leo. Sed mattis turpis et posuere ullamcorper. Aenean lacus arcu, pharetra ac tempus lacinia, tempor vitae orci. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla pretium tempor ligula sed tincidunt. Maecenas aliquet pharetra hendrerit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce congue, mauris a pretium aliquam, enim lorem vestibulum tellus, nec finibus mi augue finibus dolor. Phasellus in fringilla massa, sed volutpat urna. Curabitur imperdiet dolor massa, ac faucibus lacus gravida nec. In tincidunt rutrum nibh ut semper.
coded by Galactic Galactic


uh hello so! i just started watching pose about three days ago and?? if you can't tell, i'm obsessed. this code took me a while and honestly i get the feeling that it's super wonky and finicky and ?? mobile friendly? who knows. not me i haven't checked. still, here's the code anyway. maybe it works, idk. maybe u can figure it out. i believe in u. the main text box overflows and has a hidden scroll and so do the lil boxes underneath "live" and "work." when u close those accordions, the whole code jacks up so... i suggest not doing that. thank u. here's the code bbs, i hope it works for u.

Code:
[centerblock=30][bg=transparent;background-image:url('https://36.media.tumblr.com/5b9786a4075c47654763bbe6242936ca/tumblr_nxhxhqklAc1ucohnho1_500.jpg');background-size:100%;width:max-width:100%;height:100px;position:relative;][bg=transparent;text-align: center;text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px pink, 0 0 20px #550097, 0 0 25px #550097, 0 0 30px #550097, 0 0 35px #550097;color:white;][font=Raleway][size=10]CHARACTER NAME HERE[/bg][/size][/font][bg=transparent;background-image:url('https://cdn.discordapp.com/attachments/255934039628709888/715433041845288990/unknown.png');border:#550097 5px solid;border-radius:50%;height:100px;width:100px;background-size:100%;margin:auto;][/bg][/bg][bg=#550097][/bg][bg=black;height:290px;][border=transparent;padding:unset;][accordion=30%|fleft]{slide=open|[bg=black;text-align:center;color:white;text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px pink, 0 0 20px #550097, 0 0 25px #550097, 0 0 30px #550097, 0 0 35px #550097;][size=6][font=Raleway]L I V E[/font][/size][/bg]}[bg=black;height:30px;overflow:hidden;text-align:justify;line-height:13px;color:white;width:100px;][bg=black;height:30px;width:120px;overflow:auto;][size=3][center]location:
[color=blue]here[/color]
mood:
[color=blue]here[/color]
mentions:
[color=blue]here[/color]
interactions:
[color=blue]here[/color][/center][/bg][/bg]{/slide}[/accordion][accordion=30%|fright]{slide=open|[bg=black;text-align:center;color:white;text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px pink, 0 0 20px #550097, 0 0 25px #550097, 0 0 30px #550097, 0 0 35px #550097;][size=6][font=Raleway]W O R K[/font][/size][/bg]}[bg=black;height:30px;overflow:hidden;text-align:justify;line-height:13px;color:white;width:100px;][bg=black;height:30px;width:120px;overflow:auto;][size=3][center]"all we have left is right now"
[color=blue]- pray tell, pose[/center][/bg][/bg]{/slide}[/accordion]

[center][size=10][bg=black;color:white;text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px pink, 0 0 20px #550097, 0 0 25px #550097, 0 0 30px #550097, 0 0 35px #550097;]P  O S E[/bg][/size][/center][bg=black;height:150px;line-height:13px;overflow:hidden;max-width:100%;][bg=black;height:150px;line-height:13px;overflow:auto;width:105%;padding-right:20px;][color=white][size=3][font=Comfortaa][justify]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed fringilla leo eu mi tristique, nec laoreet eros ultrices. Integer lobortis auctor tortor at pharetra. Quisque consectetur iaculis eros at finibus. In molestie nisl magna, non condimentum mauris rutrum quis. Integer interdum id nibh ac imperdiet. Duis cursus enim et lacus laoreet, elementum euismod sapien sodales. Aliquam vel porttitor sapien.

Nulla convallis aliquam condimentum. Morbi faucibus lacinia magna, aliquet mattis risus pellentesque pretium. Suspendisse nec accumsan urna, id iaculis ligula. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis ante nisi, molestie in accumsan vitae, placerat ac leo. Sed mattis turpis et posuere ullamcorper. Aenean lacus arcu, pharetra ac tempus lacinia, tempor vitae orci. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla pretium tempor ligula sed tincidunt. Maecenas aliquet pharetra hendrerit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce congue, mauris a pretium aliquam, enim lorem vestibulum tellus, nec finibus mi augue finibus dolor. Phasellus in fringilla massa, sed volutpat urna. Curabitur imperdiet dolor massa, ac faucibus lacus gravida nec. In tincidunt rutrum nibh ut semper.[/bg][/bg][/bg][color=blue][size=2][center]coded by @Galactic[/color][/size][/center]
 

Users Who Are Viewing This Thread (Users: 0, Guests: 1)

Top