Advertiser Content

Ice

Seen 1 Week Ago
Posted February 25th, 2019
3,451 posts
5.2 Years

HINTS & GUIDES
& TEMPLATES
Do you feel like this RP business is too intimidating and complicated for you? Or perhaps you have been doing it for so long now that you've forgotten the basics? Fear not! In this thread, you shall get all the helpful hints and tricks you need in order to be able to become a splendid top notch RPer!

Below, you will find useful information in the form of links to nice threads in the forums, basic things and terms to know and remember when RPing, as well as quick or in-depth guides to various aspects of this phenomena we call our hobby <3 If you still have any questions after reading here, feel free to ask in a reply to this very thread. If you have a topic you would like to discuss or analyze more in detail with the community, you should definitely create a new thread in the Theatre instead, though!

If you feel lost among the various abbreviations thrown around here, please visit the rules thread, where they are explained.

BASIC HINTS
Here are some things that are good to know about and keep in mind when you're venturing the RP forums and participating in RPs, whether you are a GM or a player.

Creating a character: As you might have realized, you create a character by finding a RP you are interested in and which has open spots, and filling out the SU sheet presented there. Your finished SU might be the first impression the GM gets of you - make it a good one! It's a good idea to never rush a SU. Develop their characteristics and history well, give them both negative and positive traits. Balanced, realistic but quirky characters are much more enjoyable than plain, "Mary Sue" ones. Especially if you are in the RP for the long haul!

Creating a plot: The plot is the story of the RP. It is never something you can fully develop in a matter of minutes. While some can carve out decent plots in hours, many GMs prefer to carefully think their ideas and setting through over several days before they post the OOC. Ask yourself these questions: What? When? Where? Who? Why? How? It's also always good to strive to do something that has never been done before. Make your RP unique and memorable! If you like a franchise, perhaps a series of games or books, why not make a RP from that but putting your own spin on it?

If you need help with developing ideas, you can post a thread in the Theatre with the "Help Request" category. If you're simply unsure of how many would be interested in the idea, but feel fairly certain of what you'd want to do, you may instead post a Theatre thread under the "Interest Check" category.

Controlling a character: When writing as your character and interacting with others, you have to make sure you think about everything around you. Will your interactions affect the other characters? And in what way? Controlling other's characters however, is not tolerated. Even when it comes to attacking in battle situations, it's common courtesy to post about how you attacked, ending just before you hit, leaving the other player to react. Always ask permission if you need to "bunny" another character, however briefly.

Controlling a roleplay: As a GM, it's your job to keep the RP running smoothly. It's usually a lot of fun! You are the one to create the world you play in, and provide guidance and direction enough for players to know what they should do. Remember that you are not meant to completely dictate what happens though - the players should be allowed to properly influence events. GMs need to be active, even if other's aren't. If somebody's not posting, you might want to chase then down and ask why! And if there are disputes, it's your job to clear them up. You will want to be as fair and unbiased as possible, but if things for some reason do start to go out of hand, don't hesitate to ask the moderators for aid (:

Waiting for a roleplay: If you've joined and the roleplay hasn't started yet, please don't pester the GM. Be patient and wait for the GM to be ready to start. If you must ask, make sure you do so politely.

Waiting for a player: If a player you have been interacting with suddenly goes inactive, don't freak out yet. Send them a VM/PM or try and get in contact with them. If that fails, contact the GM. Never resort to taking control of another's character unless you have the proper permission!

USEFUL TERMS
These might not come up in every RP, but they are still useful to know the meaning behind.

  • Godmodding means to 'play god' and either take control of events or characters that only the GM should, or to make your character unreasonably lucky or strong. It's usually quite boring :p

  • Powerplaying means to control other characters that are not your own. This is unacceptable unless you have got permission beforehand.

  • Bunnying is basically the same as powerplaying, only that it's usually milder such as pulling a person along. Again, permission is always needed before you bunny a character.

  • Mary Sue/Gary Stu is a term used to describe the perfect character; they get everything, know everyone, win everything and are basically no fun to play with at all. There are variations to this, including an Anti-Sue, which all bad things happen to that character. Mary-Sues are universally unliked and demonstrates poor character development. Don't know if your character is a Sue? Take this test!

  • Metagaming means using OOC knowledge for IC behaviour. For example if Person A writes their character is lying or hiding something from Person B, and then Person B in his post suddenly knows somehow and calls Person A out on it.

  • Retconning is acting as if a previous IC event never occurred. Like when Person A's character got wounded badly, and the next day he's completely healed. Or when Person A and B were in an ugly fight, but then the next day they're all buddy-buddy again. Retconning can also be implemented on purpose by the GM, for example when a player leaves the RP and it is best if the remaining players pretend that the suddenly missing character was never there at all.

  • RP Samples are a detail that can be asked for when signing up for a roleplay. It's to show you understand how roleplaying on PC works. If you've been in an RP before, you are often allowed to link to an old post from there. If this is your first time RPing, you can either write a short piece for the character you are signing up as, or show another piece of writing you've done.

GUIDES
Are you interested in getting some deeper knowledge? Feel free to browse our user-made RP guides below!

If you have an idea for a Guide yourself, you may post it in the Theatre under the "Guide" prefix! If the moderators think it seems useful for the future community here, we will put it on this list and reward you with an emblem for your work~!

HELPFUL THREADS
Apart from the RP-specific hints above, there are several threads around the RP forums that can help you organize and enjoy your experience here.

First and foremost, you should certainly read the Roleplay Rules unless you haven't already! That thread also contains information on the structure of the RP forums here and what to post where.

This thread you are currently in, of course, is the Hints & Guides & Templates thread. In a the post below this one, you will find a list of css templates you may freely use for your own RPs or characters, be it as SU or IC posts.

If you feel like you need a bit of a push or motivation to post IC more often and participate in discussions (or if you just really love collecting pokémon) you should check out the Meta Journey! It is a permanent event in the RPT where you can exchange links to posts you've made, for pokémon. And sometimes battle it out in events ;)

We have a Hall of Fame for RPs that actually manage to reach the end of their run and wrap things up and properly finish! Have a good read one day, or just gaze in awe at the listed titles and names and dream about one day ending up there yourself...

It's also a good idea to subscribe to the Check to see if your roleplay has been accepted v2 to keep up to date with on new roleplays coming out. A short list of the most recently accepted roleplays will also be in the Roleplay Theater's header!


Astronaut

space adventure

Non-binary
Online now
Posted 36 Minutes Ago
33,092 posts
11.9 Years

Roleplay Templates


Welcome! In this thread, you can browse and submit templates that can be useful for your RP needs, to make stuff look good. The types of templates we deal with are:

Sign Up Templates (SU)
In Character (Post) Templates (IC)
Roleplay Opening Post Templates (OP)

This is not the place to go to get help with how the "css" really works, or get answers for your questions! Use this thread over in Computers & Technology for that.


How to use this thread


Anyone can post a template in this thread. If there is nothing wrong with your code, and if your colors etc aren't devastatingly obnoxious, a moderator will add it to the list in this OP as soon as possible.

You can either put it up with the original text and content, or with example/nonsense text just to show off the style since the person adopting your template will likely add their own text anyways!

Put your template up within [spoiler] tags (this picture: ). The readers who click the spoiler will see the code as it's supposed to look. To make it easy for people to fetch your code, ALSO put it in [html] tags beneath!

It helps if you also give each one of your templates a name! Call it something simple. The css used in this post, for example, I call "Pink clouds".

If you want to use or edit a template you found here, go ahead and go wild! There is definitely no need to give credit to the creator. This is basically a place where you donate your templates to others, giving up your right to say "hey, they copied my style!" because by posting it here, you give the rest of us permission to use it as we please. Alright? :)

If you have questions about a particular template, please message its creator instead of asking in this thread.

Questions pertaining to how this thread works or should work? Please message gimmepie or Foxrally.

A Roleplay post regarding CSS can be found here if you're interested in making your own.


The template list


Remember that you may, of course, mix and match the code and purposes to your needs!

Reddish /IamSmart~SMRT
Dark cute /Rose Quartz
Brown flowers /The Last Sentinel
Blue lines /gimmepie
Blue n' White /SylveonStar
Snowflakes /STARDU5T
Aiden is a Show-Off /Aiden
Johnny's Darkness /JohnnyMustang
Rural Home /Disclosed
Red Argyle /Vendily

Railways Burk /Ice
Blue lines /gimmepie
Shade /Infinite
Secret JP /Infinite
Gold green /gio7sm
Blue n' White /SylveonStar
Blue Border /Ice
Very Black /STARDU5T
Snowflakes /STARDU5T
Wings and Rose /STARDU5T
Rural Home /Disclosed
Red Argyle /Vendily

Pink clouds /engineer
The forest /gimmepie
Masks /Ice
Very Black /STARDU5T

Ice

Seen 1 Week Ago
Posted February 25th, 2019
3,451 posts
5.2 Years
Is this where we are going to post new templates? Or are we going to have a separate thread for that and then have them added here by one of you mods?
This is the new template thread, it just also serves as a place to link to/post guides and all content off that kind. Everything that people can provide that helps other people, basically.

Vendily

Female
Seen 1 Hour Ago
Posted 20 Hours Ago
958 posts
4.2 Years
So, we can post CSS templates here? Nice.
Here's one. Let's call it Red Argyle, because that's what the background pattern is called, Argyle.
Spoiler:

Title



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam neque felis, convallis at odio ut, viverra lacinia ligula. Etiam mattis turpis non pretium faucibus. Ut viverra, felis ac convallis consequat, purus felis tincidunt tortor, hendrerit faucibus nulla nulla et erat. Donec gravida arcu nisi, sed rhoncus tortor varius in. Phasellus molestie ipsum quis auctor pellentesque. Nam sapien mauris, tincidunt ut nunc et, faucibus viverra nibh. Nullam sit amet libero a nunc feugiat dapibus. Integer venenatis bibendum sem, sit amet auctor erat tempus vitae. Aliquam erat volutpat.

Nulla sit amet dolor bibendum quam luctus tempor et at elit. Sed venenatis suscipit fermentum. Aenean auctor luctus rhoncus. Sed lobortis mattis condimentum. Nulla ultricies, ipsum malesuada molestie maximus, lacus dui feugiat justo, pulvinar rhoncus dui velit in nulla. Aliquam venenatis dolor mollis, eleifend urna sit amet, convallis velit. Vivamus porttitor dui eu mauris maximus, vel feugiat libero sodales. Nam imperdiet finibus nibh, nec finibus magna consequat eu. Integer placerat eget nunc consequat iaculis. Aliquam sit amet nulla non ante venenatis ultrices. Maecenas lorem turpis, tempor vitae mauris vel, varius congue erat. In faucibus malesuada ullamcorper.


Newlines outside of the text sections make the layout off, having too much bordering blank space.

Spoiler:
[center]
[cd="background-image: url('http://i.imgur.com/rLLo2is.png'); background-color: #C5283D; border-style: solid; border-color: #481D24; border-radius: 25px; width: 800px; padding:10px;"]
[cd="background-color: #ffffff; border: 1px solid black; opacity: 0.8; padding: 10px 15px; width: 300px; border-radius: 15px;"][h3]Title[/h3][/cd]
[cd="background-color: #ffffff; border: 1px solid black; opacity: 0.8; border-radius: 15px; padding: 10px; margin: 10px; min-height:100px"][cd="background-color: #ffffff; opacity: 0.8; border-style: double; border-color: #481D24; border-radius: 15px; padding:7px; float: left; margin: 7px;"][img]image here[/img][/cd][left]Text Here.[/left][/cd][/cd][/center]


EDIT: What should we call this... Yellow Stars. Sure. I can't think of names.
Spoiler:

Title

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam neque felis, convallis at odio ut, viverra lacinia ligula. Etiam mattis turpis non pretium faucibus. Ut viverra, felis ac convallis consequat, purus felis tincidunt tortor, hendrerit faucibus nulla nulla et erat. Donec gravida arcu nisi, sed rhoncus tortor varius in. Phasellus molestie ipsum quis auctor pellentesque. Nam sapien mauris, tincidunt ut nunc et, faucibus viverra nibh. Nullam sit amet libero a nunc feugiat dapibus. Integer venenatis bibendum sem, sit amet auctor erat tempus vitae. Aliquam erat volutpat.
Aenean auctor luctus rhoncus. Sed lobortis mattis condimentum. Nulla ultricies, ipsum malesuada molestie maximus, lacus dui feugiat justo, pulvinar rhoncus dui velit in nulla. Aliquam venenatis dolor mollis, eleifend urna sit amet, convallis velit. Vivamus porttitor dui eu mauris maximus, vel feugiat libero sodales. Nam imperdiet finibus nibh, nec finibus magna consequat eu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam neque felis, convallis at odio ut, viverra lacinia ligula. Etiam mattis turpis non pretium faucibus. Ut viverra, felis ac convallis consequat, purus felis tincidunt tortor, hendrerit faucibus nulla nulla et erat. Donec gravida arcu nisi, sed rhoncus tortor varius in. Phasellus molestie ipsum quis auctor pellentesque. Nam sapien mauris, tincidunt ut nunc et, faucibus viverra nibh. Nullam sit amet libero a nunc feugiat dapibus.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam neque felis, convallis at odio ut, viverra lacinia ligula. Etiam mattis turpis non pretium faucibus. Ut viverra, felis ac convallis consequat, purus felis tincidunt tortor, hendrerit faucibus nulla nulla et erat. Donec gravida arcu nisi, sed rhoncus tortor varius in. Phasellus molestie ipsum quis auctor pellentesque. Nam sapien mauris, tincidunt ut nunc et, faucibus viverra nibh. Nullam sit amet libero a nunc feugiat dapibus. Integer venenatis bibendum sem, sit amet auctor erat tempus vitae. Aliquam erat volutpat.


I would suggest removing newlines after you finish, but that's not necessary.

Spoiler:
[center]
[cd="background-image: url('http://i.imgur.com/PTnNfnW.png'); background-color: #DAA520; border-style: solid; border-color: #161103; border-radius: 25px 25px 25px 0px; width: 800px; padding:10px;"]
[cd="background-color: #ffffff; border: 1px solid #161103; opacity: 0.8; padding: 10px 15px; width: 300px; border-radius: 25px 25px 25px 0px;"][h3]Title[/h3][/cd][cd="background-color: #ffffff; border: 1px solid #161103; opacity: 0.8; border-radius: 25px 25px 25px 0px; padding: 20px; margin: 10px;"][cd="overflow: auto; max-height: 250px;"][left]Scrolling box here[/left][/cd][/cd]
[cd="background-color: #ffffff; border: 1px solid #161103; opacity: 0.8; border-radius: 25px 25px 25px 0px; padding: 20px; margin: 10px; min-height: 150px;"]
[left]Fixed height here.[/left][/cd][/cd][/center]
You can add more scrolling boxes by copying this:
[cd="background-color: #ffffff; border: 1px solid #161103; opacity: 0.8; border-radius: 25px 25px 25px 0px; padding: 20px; margin: 10px;"][left][h4]Heading[/h4][/left]
[cd="overflow: auto; max-height: (250)px;"][left]Scrolling box here[/left][/cd][/cd]
Change the bracketed numbers for different cut-offs before the scroll box appears.
For more Fixed sections, copy this:
[cd="background-color: #ffffff; border: 1px solid #161103; opacity: 0.8; border-radius: 25px 25px 25px 0px; padding: 20px; margin: 10px; min-height: (150)px;"]
[left][h4]Heading[/h4] Fixed height here.[/left][/cd]
Change the minimum size of the box by changing the bracketed number.

Sayoko

small evening child

Age 25
Female
hiding
Seen July 20th, 2016
Posted July 20th, 2016
46 posts
3.7 Years
Just to make it a little more intuitive, maybe it could be added what kind of templates these are to the list of them? Because I think some of them are for character sheets, and some are for in-character posts, and stuff? I discovered now that there is already some division, but just adding which is which would be helpful...
小夜子

Shak

Male
UK
Seen 3 Hours Ago
Posted 3 Hours Ago
885 posts
4.7 Years
Just to make it a little more intuitive, maybe it could be added what kind of templates these are to the list of them? Because I think some of them are for character sheets, and some are for in-character posts, and stuff? I discovered now that there is already some division, but just adding which is which would be helpful...
It used to say that. Not sure why they changed it to be honest. My guess is that the more CSS adept peeps could change the templates to fit what they wanted to do with them. I dunno though....



Friends for Infinity
RPT | Pairs

"It's so calm."

art by the amazing Infinite

gimmepie

Age 24
Male
Australia
Seen 1 Hour Ago
Posted 2 Days Ago
20,345 posts
7.5 Years
Just to make it a little more intuitive, maybe it could be added what kind of templates these are to the list of them? Because I think some of them are for character sheets, and some are for in-character posts, and stuff? I discovered now that there is already some division, but just adding which is which would be helpful...
The headings were edited out because a lot of the templates appeared to be all-purpose rather than something specific. I'm going to go through the whole lot and double check them at some point soon though and if it turns out there's more specific templates than we originally though I'll edit the headings back in. Thanks for bringing this up.

Vendily

Female
Seen 1 Hour Ago
Posted 20 Hours Ago
958 posts
4.2 Years
Back again with another CSS Template.
This was adapted from a website I had to make for a project. A bakery. Let's call it Cupcakes.
Spoiler:

Title

Heading


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam neque felis, convallis at odio ut, viverra lacinia ligula. Etiam mattis turpis non pretium faucibus. Ut viverra, felis ac convallis consequat, purus felis tincidunt tortor, hendrerit faucibus nulla nulla et erat. Donec gravida arcu nisi, sed rhoncus tortor varius in. Phasellus molestie ipsum quis auctor pellentesque. Nam sapien mauris, tincidunt ut nunc et, faucibus viverra nibh. Nullam sit amet libero a nunc feugiat dapibus. Integer venenatis bibendum sem, sit amet auctor erat tempus vitae. Aliquam erat volutpat.
Nulla sit amet dolor bibendum quam luctus tempor et at elit. Sed venenatis suscipit fermentum. Aenean auctor luctus rhoncus. Sed lobortis mattis condimentum. Nulla ultricies, ipsum malesuada molestie maximus, lacus dui feugiat justo, pulvinar rhoncus dui velit in nulla. Aliquam venenatis dolor mollis, eleifend urna sit amet, convallis velit. Vivamus porttitor dui eu mauris maximus, vel feugiat libero sodales. Nam imperdiet finibus nibh, nec finibus magna consequat eu. Integer placerat eget nunc consequat iaculis. Aliquam sit amet nulla non ante venenatis ultrices. Maecenas lorem turpis, tempor vitae mauris vel, varius congue erat. In faucibus malesuada ullamcorper.


Spoiler:
[CENTER][cd="background-image: url('http://i.imgur.com/Jo5HwGi.png'); background-color: #FFFFFF; border-style: 1px solid black; border-color: #481D24; padding:10px; width: 800px;"]
[cd="margin: 2.5% 5%; padding: 3%; background-color: #ffffff; border: 1px solid black; opacity: 0.8;"][center][h1]Title[/h1][/center][/cd][cd="margin: 2.5% 5%; padding: 3%; background-color: #ffffff; border: 1px solid black; opacity: 0.8;"][LEFT][h2]Heading[/h2]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam neque felis, convallis at odio ut, viverra lacinia ligula. Etiam mattis turpis non pretium faucibus. Ut viverra, felis ac convallis consequat, purus felis tincidunt tortor, hendrerit faucibus nulla nulla et erat. Donec gravida arcu nisi, sed rhoncus tortor varius in. Phasellus molestie ipsum quis auctor pellentesque. Nam sapien mauris, tincidunt ut nunc et, faucibus viverra nibh. Nullam sit amet libero a nunc feugiat dapibus. Integer venenatis bibendum sem, sit amet auctor erat tempus vitae. Aliquam erat volutpat.
Nulla sit amet dolor bibendum quam luctus tempor et at elit. Sed venenatis suscipit fermentum. Aenean auctor luctus rhoncus. Sed lobortis mattis condimentum. Nulla ultricies, ipsum malesuada molestie maximus, lacus dui feugiat justo, pulvinar rhoncus dui velit in nulla. Aliquam venenatis dolor mollis, eleifend urna sit amet, convallis velit. Vivamus porttitor dui eu mauris maximus, vel feugiat libero sodales. Nam imperdiet finibus nibh, nec finibus magna consequat eu. Integer placerat eget nunc consequat iaculis. Aliquam sit amet nulla non ante venenatis ultrices. Maecenas lorem turpis, tempor vitae mauris vel, varius congue erat. In faucibus malesuada ullamcorper.[/LEFT][/cd][LEFT][/LEFT][/cd][/CENTER]

Junier

Fake Friends Forever (´・ω・`)

Female
Seen August 3rd, 2018
Posted August 3rd, 2018
984 posts
4.3 Years
Gotta share this with the world

Spoiler:

Textbox #1


Change the background color & adjust width of the overall div to match whichever banner you choose above.

Textbox #2


I think it's time for you to know the awful truth
The truth about me, and the truth about you
'Cause you're a brand new species
Big cat, space Nazis, Robert Stack
God damn it, gonna snap, Leonard Nimoy
Call me back (Call me back)

I try to call you every day
I'm rehearsing what to say when the truth comes out (Of my very own mouth)
I've been working on a unified theory
If I make it through tonight everybody's gonna hear me out
'Cause I'm the right one
On my touch-tone, touch-tone telephone
I'm the only one
On your A.M., A.M. radio

Oh, I'm crying now, authentic tears
They flow out of me when I think about you
'Cause you're the only person in the world who'd understand
'Cause you're the only person in the world who'd understand the meaning of this
Oh My God
I try and I try and I try to make you listen to me

I try to call you every day
I'm rehearsing what to say when the truth comes out (Of my very own mouth)
I've been working on a unified theory
If I make it through tonight everybody's gonna hear me out
'Cause I'm the right one
On my touch-tone, touch-tone telephone
I'm the only one, hey!
On your A.M., A.M. radio


Spoiler:
[CENTER][cd=width:900px; height: 175px; border-width: 5px 5px 0px 5px; border-style: solid][title=You can wrap the image in url tags to link to a full image.][img]http://i284.photobucket.com/albums/ll39/smokeweedleerryday/bc5fe3f6-3835-4bdc-9f25-07f97cd6723b_zpsabhfxnck.jpg[/img][/title][/cd][css-div="background: #848484; padding: 30px; padding-top: 0px; width: 900px; height: 450px; overflow: auto; text-align: left; border-style: solid; border-width: 0px 5px 5px 5px"]
[h2][RIGHT][FONT="Berkshire Swash"][color=#BDBDBD]Textbox #1[/color][/FONT][/RIGHT][/h2]
[CENTER][cd="background-color: white; width: 800px; padding: 20px; opacity:0.8; box-shadow: 2px 2px 1px black; font-size: 10px; text-align: left;"]Change the background color & adjust width of the overall div to match whichever banner you choose above.[/cd][/CENTER]

[h2][RIGHT][FONT="Berkshire Swash"][color=#BDBDBD]Textbox #2[/color][/FONT][/RIGHT][/h2]
[CENTER][cd="background-color: white; width: 800px; border-radius: 5px; padding: 20px; opacity:0.9; text-align: left; font-family:Itim"][cimg=float:left; margin: 10px; margin-left:13px]https://lh3.googleusercontent.com/rEUe8A2Dzw7Kbkhkv3Zzp7VOl8mi0NteVfbvWtppi04eiL3jKVrgUa2pUblfRGdYPkrW=w300[/cimg] I think it's time for you to know the awful truth 
The truth about me, and the truth about you 
'Cause you're a brand new species 
Big cat, space Nazis, Robert Stack 
God damn it, gonna snap, Leonard Nimoy 
Call me back (Call me back) 

I try to call you every day 
I'm rehearsing what to say when the truth comes out (Of my very own mouth) 
I've been working on a unified theory 
If I make it through tonight everybody's gonna hear me out 
'Cause I'm the right one 
On my touch-tone, touch-tone telephone 
I'm the only one 
On your A.M., A.M. radio 

Oh, I'm crying now, authentic tears 
They flow out of me when I think about you 
'Cause you're the only person in the world who'd understand 
'Cause you're the only person in the world who'd understand the meaning of this 
Oh My God 
I try and I try and I try to make you listen to me 

I try to call you every day 
I'm rehearsing what to say when the truth comes out (Of my very own mouth) 
I've been working on a unified theory 
If I make it through tonight everybody's gonna hear me out 
'Cause I'm the right one 
On my touch-tone, touch-tone telephone 
I'm the only one, hey! 
On your A.M., A.M. radio [/cd][/CENTER]

[/css-div][/CENTER]


I used it as a sign-up but it could probably work as an OP format as well.

Afterglow Ampharos

Ampharos are the ultimate kid's bed. They have a built in nightlight and everything.

Age 29
Male
trapped in Toby Fox's web of influence
Seen December 18th, 2018
Posted October 24th, 2018
672 posts
3.2 Years
I have a template you guys can use! I'll name it "Subtle Bold Grey."
Derivative of Johnny's Darkness, added elaboration
Change the headers for different sections you wanna write about, as you see fit.
The gradient from dark grey to light grey to dark grey again will become less sharp and more stretched out and gradual, the more text you fill up the box with.


SU:
Spoiler:



My character
The _______



Seclusion

⌠ Age and Experience. ⌡


Text, text, text.

⌠ Personality. ⌡


Text, text, text.





⌠ Abilities. ⌡


Power - Description.

Power - Description.

Power - Description.

⌠ Combat Ability. ⌡


Pokemon Move - Description.

Pokemon Move - Description.

Pokemon Move - Description.




⌠ Background. ⌡


Text, text, text.

⌠ Childhood. ⌡


Text, text, text.






⌠ Goals. ⌡


Text, text, text.

⌠ Religion and Spirituality. ⌡


Text, text, text.

⌠ Hobbies and Handicaps. ⌡


Hobbies: _______

Oddities: ________

Handicaps: ___________

Text, text, text.

⌠ Core Traits. ⌡

Primary motivators:
Moodiness:
Outlook:
Integrity:
Impulsiveness:
Agreeableness:
Interactivity:
Boldness:
Conformity:

________
________
_______
________
________
________
_______
________
_______




(Core traits are from http://www.ashami.com/rpg, a nice reference to build character personalities.)

IC post:
Spoiler:





Seclusion

⌠ An Introduction. ⌡


Pro durante connectiones publicationes lo, duo contos proposito ha, web deler instruite ha. Membros populos representantes o duo, in demonstrate international con, sed de usos tres internet. Iala presenta professional in per, ha primarimente concretisation del, qui secundo voluntate technologia su. Complete scientific o nos. O anque europee web, que vide westeuropee publicationes su.






SU code:
Spoiler:
[CENTER][css-div="background-image: url("https://wallpaperscraft.com/image/band_vertical_background_dark_35114_800x1280.jpg"); border-color: #000000;  border-style: solid; border-width: 5px; padding-top: 20px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; border-radius: 15px; moz-border-radius: 15px; width: 800px; text-align: left;"][INDENT]

[css-div=background-color: #AB82FF; background:linear-gradient(#696969, #898989, #696969); border-style: solid;  padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; border-radius: 5px; border-top-left-radius: 20px 20px; border-bottom-right-radius: 20px 20px; border-top-right-radius: 20px 20px; border-bottom-left-radius: 20px 20px; moz-border-radius: 5px; font-size: 12px; "][indent][B][center][h2][FONT="Rock Salt"][SIZE="5"]My character
The _______[/SIZE][/FONT]

[img]http://i.imgur.com/NUYJR70.png?1[/img]
[SIZE="2"]♫[/SIZE] [SIZE="1"][URL="http://listenonrepeat.com/watch/?v=CgxjgFoI2Jg"]Seclusion[/URL]

[/SIZE][/h2][/CENTER][h2][/h2][/B][size="2"][FONT="Kaushan Script"][center][h2]⌠ Age and Experience. ⌡[/h2][/center][/font]
[FONT="Century Gothic"][color=#dddddd][left] Text, text, text.[/left][/color][/font][FONT="Kaushan Script"][center][h2] [/h2][h2]⌠ Personality. ⌡[/h2][/center][/font]
[FONT="Century Gothic"][color=#dddddd][left] Text, text, text.[/left][/color][/FONT][/size][FONT="Century Gothic"][color=#dddddd][left][/left][/color][/FONT]
[/INDENT][/css-div]

[css-div=background-color: #AB82FF; background:linear-gradient(#696969, #898989, #696969); border-style: solid;  padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; border-radius: 5px; border-top-left-radius: 20px 20px; border-bottom-right-radius: 20px 20px; border-top-right-radius: 20px 20px; border-bottom-left-radius: 20px 20px; moz-border-radius: 5px; font-size: 12px; "][indent][CENTER][B][h2][img]http://i.imgur.com/NUYJR70.png?1[/img]

[/h2][/B][/CENTER][B][h2][/h2][/B][size="2"][FONT="Kaushan Script"][center][h2]⌠ Abilities. ⌡[/h2][/center][/font]
[FONT="Century Gothic"][color=#dddddd][left] [b]Power[/b] - Description.

[b]Power[/b] - Description.

[b]Power[/b] - Description.[/left][/color][/FONT][FONT="Kaushan Script"][center][h2] [/h2][h2]⌠ Combat Ability. ⌡[/h2][/center][/font]
[FONT="Century Gothic"][color=#dddddd][left][b]Pokemon Move[/b] - Description.

[b]Pokemon Move[/b] - Description.

[b]Pokemon Move[/b] - Description.[/left][/color][/FONT][/size][FONT="Century Gothic"][color=#dddddd][left][/left][/color][/FONT]
[/INDENT][/css-div]

[css-div=background-color: #AB82FF; background:linear-gradient(#696969, #898989, #696969); border-style: solid;  padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; border-radius: 5px; border-top-left-radius: 20px 20px; border-bottom-right-radius: 20px 20px; border-top-right-radius: 20px 20px; border-bottom-left-radius: 20px 20px; moz-border-radius: 5px; font-size: 12px; "][indent]
[center][img]http://i.imgur.com/NUYJR70.png?1[/img][/center]
[size="2"][FONT="Kaushan Script"][center][h2] [/h2][h2]⌠ Rumours and Background. ⌡[/h2][/center][/font]
[FONT="Century Gothic"][color=#dddddd][left] Text, text, text. [/left][/color][/FONT][FONT="Kaushan Script"][center][h2] [/h2][h2]⌠ Childhood and Middle Age. ⌡[/h2][/center][/font]
[FONT="Century Gothic"][color=#dddddd][left]Text, text, text.[/left][/color][/FONT][/size][FONT="Century Gothic"][color=#dddddd][left][/left][/color][/FONT]
[/INDENT][/css-div]

[css-div=background-color: #AB82FF; background:linear-gradient(#696969, #898989, #696969); border-style: solid;  padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; border-radius: 5px; border-top-left-radius: 20px 20px; border-bottom-right-radius: 20px 20px; border-top-right-radius: 20px 20px; border-bottom-left-radius: 20px 20px; moz-border-radius: 5px; font-size: 12px; "][indent][CENTER][B][h2]
[img]http://i.imgur.com/NUYJR70.png?1[/img]

[/h2][/B][/CENTER][B][h2][/h2][/B][size="2"][FONT="Kaushan Script"][center][h2]⌠ Goals. ⌡[/h2][/center][/font]
[FONT="Century Gothic"][color=#dddddd][left] Text, text, text. [/left][/color][/font][FONT="Kaushan Script"][center][h2] [/h2][h2]⌠ Religion and Spirituality. ⌡[/h2][/center][/font]
[FONT="Century Gothic"][color=#dddddd][left] Text, text, text. [/left][/color][/FONT][FONT="Kaushan Script"][center][h2] [/h2][h2]⌠ Hobbies and Handicaps. ⌡[/h2][/center][/font]
[FONT="Century Gothic"][color=#cecece][left]Hobbies: _______

Oddities: ________

Handicaps: ___________

Text, text, text.[/left][/color][/FONT][/size][FONT="Century Gothic"][color=#cecece][left][/left][/color][/FONT][size="2"][FONT="Kaushan Script"][center][h2] [/h2][h2]⌠ Core Traits. ⌡[/h2][/center][/font][FONT="Century Gothic"][color=#cecece][left][cd="padding:9px; float: left; margin: 9px;"]Primary motivators:
Moodiness:
Outlook:
Integrity:
Impulsiveness:
Agreeableness:
Interactivity:
Boldness:
Conformity:[/cd]
________
________
_______
________
________
________
_______
________
_______[/left][/color][/FONT][/size][FONT="Century Gothic"][color=#cecece][left][/left][/color][/FONT]
[/INDENT][/css-div]

[/INDENT][/css-div][INDENT][/INDENT]

IC post code:
Spoiler:
[CENTER][css-div="background-image: url("https://wallpaperscraft.com/image/band_vertical_background_dark_35114_800x1280.jpg"); border-color: #000000;  border-style: solid; border-width: 5px; padding-top: 20px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; border-radius: 15px; moz-border-radius: 15px; width: 800px; text-align: left;"][INDENT]

[css-div=background-color: #AB82FF; background:linear-gradient(#696969, #898989, #696969); border-style: solid;  padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; border-radius: 5px; border-top-left-radius: 20px 20px; border-bottom-right-radius: 20px 20px; border-top-right-radius: 20px 20px; border-bottom-left-radius: 20px 20px; moz-border-radius: 5px; font-size: 12px; "][indent]
[center][img]http://i.imgur.com/NUYJR70.png?1[/img]
[SIZE="2"]♫[/SIZE] [SIZE="1"][URL="http://listenonrepeat.com/watch/?v=CgxjgFoI2Jg"]Seclusion[/URL][/size]
[FONT="Kaushan Script"][h2] [/h2][h2]⌠ An Introduction. ⌡[/h2][/FONT][/center][FONT="Kaushan Script"][/font]
[FONT="Century Gothic"][color=#dddddd][left][size="2"] Pro durante connectiones publicationes lo, duo contos proposito ha, web deler instruite ha. Membros populos representantes o duo, in demonstrate international con, sed de usos tres internet. Iala presenta professional in per, ha primarimente concretisation del, qui secundo voluntate technologia su. Complete scientific o nos. O anque europee web, que vide westeuropee publicationes su. [/SIZE][/left][/color][/FONT]
[/INDENT][/css-div]

[/INDENT][/css-div][INDENT][/INDENT][/CENTER]

Huge fan of Pokémon-only roleplay!

gimmepie

Age 24
Male
Australia
Seen 1 Hour Ago
Posted 2 Days Ago
20,345 posts
7.5 Years
I have a template you guys can use! I'll name it "Subtle Bold Grey."
Change the headers for different sections you wanna write about, as you see fit.
The gradient from dark grey to light grey to dark grey again will become less sharp and more stretched out and gradual, the more text you fill up the box with.


SU:
Spoiler:



My character
The _______



Link to music

⌠ Age and Experience. ⌡


Text, text, text.

⌠ Personality. ⌡


Text, text, text.





⌠ Abilities. ⌡


Power - Description.

Power - Description.

Power - Description.

⌠ Combat Ability. ⌡


Pokemon Move - Description.

Pokemon Move - Description.

Pokemon Move - Description.




⌠ Rumours and Background. ⌡


Text, text, text.

⌠ Childhood and Middle Age. ⌡


Text, text, text.






⌠ Goals. ⌡


Text, text, text.

⌠ Religion and Spirituality. ⌡


Text, text, text.

⌠ Hobbies and Handicaps. ⌡


Hobbies: _______

Oddities: ________

Handicaps: ___________

Text, text, text.

⌠ Core Traits. ⌡

Primary motivators:
Moodiness:
Outlook:
Integrity:
Impulsiveness:
Agreeableness:
Interactivity:
Boldness:
Conformity:

________
________
_______
________
________
________
_______
________
_______




(Core traits are from http://www.ashami.com/rpg, a nice reference to build character personalities.)

IC post:
Spoiler:





Link to music

⌠ An Introduction. ⌡


Text, text, text.






SU code:
Spoiler:
[CENTER][css-div="background-image: url("https://wallpaperscraft.com/image/band_vertical_background_dark_35114_800x1280.jpg"); border-color: #000000;  border-style: solid; border-width: 5px; padding-top: 20px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; border-radius: 15px; moz-border-radius: 15px; width: 800px; text-align: left;"][INDENT]

[css-div=background-color: #AB82FF; background:linear-gradient(#696969, #898989, #696969); border-style: solid;  padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; border-radius: 5px; border-top-left-radius: 20px 20px; border-bottom-right-radius: 20px 20px; border-top-right-radius: 20px 20px; border-bottom-left-radius: 20px 20px; moz-border-radius: 5px; font-size: 12px; "][indent][B][center][h2][FONT="Rock Salt"][SIZE="5"]My character
The _______[/SIZE][/FONT]

[img]https://static.f-list.net/images/avatar/placeholder%20image.png[/img]
[SIZE="2"]♫[/SIZE] [SIZE="1"]Link to music

[/SIZE][/h2][/CENTER][h2][/h2][/B][size="2"][FONT="Kaushan Script"][center][h2]⌠ Age and Experience. ⌡[/h2][/center][/font]
[FONT="Century Gothic"][color=#dddddd][left] Text, text, text.[/left][/color][/font][FONT="Kaushan Script"][center][h2] [/h2][h2]⌠ Personality. ⌡[/h2][/center][/font]
[FONT="Century Gothic"][color=#dddddd][left] Text, text, text.[/left][/color][/FONT][/size][FONT="Century Gothic"][color=#dddddd][left][/left][/color][/FONT]
[/INDENT][/css-div]

[css-div=background-color: #AB82FF; background:linear-gradient(#696969, #898989, #696969); border-style: solid;  padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; border-radius: 5px; border-top-left-radius: 20px 20px; border-bottom-right-radius: 20px 20px; border-top-right-radius: 20px 20px; border-bottom-left-radius: 20px 20px; moz-border-radius: 5px; font-size: 12px; "][indent][CENTER][B][h2][img]https://static.f-list.net/images/avatar/placeholder%20image.png[/img]

[/h2][/B][/CENTER][B][h2][/h2][/B][size="2"][FONT="Kaushan Script"][center][h2]⌠ Abilities. ⌡[/h2][/center][/font]
[FONT="Century Gothic"][color=#dddddd][left] [b]Power[/b] - Description.

[b]Power[/b] - Description.

[b]Power[/b] - Description.[/left][/color][/FONT][FONT="Kaushan Script"][center][h2] [/h2][h2]⌠ Combat Ability. ⌡[/h2][/center][/font]
[FONT="Century Gothic"][color=#dddddd][left][b]Pokemon Move[/b] - Description.

[b]Pokemon Move[/b] - Description.

[b]Pokemon Move[/b] - Description.[/left][/color][/FONT][/size][FONT="Century Gothic"][color=#dddddd][left][/left][/color][/FONT]
[/INDENT][/css-div]

[css-div=background-color: #AB82FF; background:linear-gradient(#696969, #898989, #696969); border-style: solid;  padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; border-radius: 5px; border-top-left-radius: 20px 20px; border-bottom-right-radius: 20px 20px; border-top-right-radius: 20px 20px; border-bottom-left-radius: 20px 20px; moz-border-radius: 5px; font-size: 12px; "][indent]
[center][img]https://static.f-list.net/images/avatar/placeholder%20image.png[/img][/center]
[size="2"][FONT="Kaushan Script"][center][h2] [/h2][h2]⌠ Rumours and Background. ⌡[/h2][/center][/font]
[FONT="Century Gothic"][color=#dddddd][left] Text, text, text. [/left][/color][/FONT][FONT="Kaushan Script"][center][h2] [/h2][h2]⌠ Childhood and Middle Age. ⌡[/h2][/center][/font]
[FONT="Century Gothic"][color=#dddddd][left]Text, text, text.[/left][/color][/FONT][/size][FONT="Century Gothic"][color=#dddddd][left][/left][/color][/FONT]
[/INDENT][/css-div]

[css-div=background-color: #AB82FF; background:linear-gradient(#696969, #898989, #696969); border-style: solid;  padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; border-radius: 5px; border-top-left-radius: 20px 20px; border-bottom-right-radius: 20px 20px; border-top-right-radius: 20px 20px; border-bottom-left-radius: 20px 20px; moz-border-radius: 5px; font-size: 12px; "][indent][CENTER][B][h2]
[img]https://static.f-list.net/images/avatar/placeholder%20image.png[/img]

[/h2][/B][/CENTER][B][h2][/h2][/B][size="2"][FONT="Kaushan Script"][center][h2]⌠ Goals. ⌡[/h2][/center][/font]
[FONT="Century Gothic"][color=#dddddd][left] Text, text, text. [/left][/color][/font][FONT="Kaushan Script"][center][h2] [/h2][h2]⌠ Religion and Spirituality. ⌡[/h2][/center][/font]
[FONT="Century Gothic"][color=#dddddd][left] Text, text, text. [/left][/color][/FONT][FONT="Kaushan Script"][center][h2] [/h2][h2]⌠ Hobbies and Handicaps. ⌡[/h2][/center][/font]
[FONT="Century Gothic"][color=#cecece][left]Hobbies: _______

Oddities: ________

Handicaps: ___________

Text, text, text.[/left][/color][/FONT][/size][FONT="Century Gothic"][color=#cecece][left][/left][/color][/FONT][size="2"][FONT="Kaushan Script"][center][h2] [/h2][h2]⌠ Core Traits. ⌡[/h2][/center][/font][FONT="Century Gothic"][color=#cecece][left][cd="padding:9px; float: left; margin: 9px;"]Primary motivators:
Moodiness:
Outlook:
Integrity:
Impulsiveness:
Agreeableness:
Interactivity:
Boldness:
Conformity:[/cd]
________
________
_______
________
________
________
_______
________
_______[/left][/color][/FONT][/size][FONT="Century Gothic"][color=#cecece][left][/left][/color][/FONT]
[/INDENT][/css-div]

[/INDENT][/css-div][INDENT][/INDENT]

IC post code:
Spoiler:
[CENTER][css-div="background-image: url("https://wallpaperscraft.com/image/band_vertical_background_dark_35114_800x1280.jpg"); border-color: #000000;  border-style: solid; border-width: 5px; padding-top: 20px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; border-radius: 15px; moz-border-radius: 15px; width: 800px; text-align: left;"][INDENT]

[css-div=background-color: #AB82FF; background:linear-gradient(#696969, #898989, #696969); border-style: solid;  padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; border-radius: 5px; border-top-left-radius: 20px 20px; border-bottom-right-radius: 20px 20px; border-top-right-radius: 20px 20px; border-bottom-left-radius: 20px 20px; moz-border-radius: 5px; font-size: 12px; "][indent]
[center][img]https://static.f-list.net/images/avatar/placeholder%20image.png[/img]
[SIZE="2"]♫[/SIZE] [SIZE="1"]Link to music[/size]
[FONT="Kaushan Script"][h2] [/h2][h2]⌠ An Introduction. ⌡[/h2][/FONT][/center][FONT="Kaushan Script"][/font]
[FONT="Century Gothic"][color=#dddddd][left][size="2"] Text, text, text. [/SIZE][/left][/color][/FONT]
[/INDENT][/css-div]

[/INDENT][/css-div][INDENT][/INDENT][/CENTER]
Thanks for the contribution! I'll add it to the list a bit later.

Afterglow Ampharos

Ampharos are the ultimate kid's bed. They have a built in nightlight and everything.

Age 29
Male
trapped in Toby Fox's web of influence
Seen December 18th, 2018
Posted October 24th, 2018
672 posts
3.2 Years
A second template from me, this one is derivative of Shade by Kitty/Infinite.
We'll call it, uh, Throwing Shade. That's clever.
Change the headers for different sections you wanna write about, as you see fit.

SU:
Spoiler:



-- Profile --
Name: Fnu Lnu
Aliases: Effie, Lin
Status: Tired, but persistent
Class/Job: Medic
Age: Elderly

Music:
Seclusion
-- Appearance --

Text, text, text.

-- History --

Text, text, text.

-- Personality --

Text, text, text.

-- Abilities --

Text, text, text.

Power - Description.

Power - Description.

Power - Description.

-- Roleplay Sample --

Text, text, text.

Alternate font




IC post:
Spoiler:


Music: Seclusion

Maximo spatios flexione web lo, simplificate interlinguistica non se, esser parolas del le. Celos populos traducite o uno. Web se nomina occidental initialmente, esseva initialmente su web, uso se como libro publicate. Pan o involvite distinguer anteriormente. Per un association international, da via pardona publicate, via o studio paternoster angloromanic. Africa auxiliary pan se, tres europa per al, libere specimen angloromanic de pan.

Le nomine rapide summario pro, e sia gode duce quales. Via campo studio auxiliar su, subjecto internet lo qui. Es sed latino linguistic, toto russo le nos. Duo existe voluntate al, esser philologos duo ha, anque titulo sed in. Duo da integre hereditage.

Il non toto europa essentialmente. Tu con sine rapide demonstrate, es web scientific association. E union summarios del. Que lo rapide message denominator, duo da capital parolas. Sed latino instruite simplificate da, duo de medical appellate. Via in contos scriber americas.



Unfortunately, for the IC post, I couldn't get the CSS to work regarding separating the image from the block of text.
Fixed!!

SU code:
Spoiler:
[center]
[cd="width: 750px; background-image: url('http://i.imgur.com/AEYnS7U.png'); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-top: double #1A1A1A 20px; border-bottom: double #1A1A1A 20px;"]
[cd="width:100%; background-color: #1A1A1A; padding: 40px; text-align: justify; font-family: Brawler; color: #F5F5F5; font-size: 14px;"][cd="float: right;"][img]http://i.imgur.com/rFQqeIF.png?1[/img][/cd]
[SIZE="5"][CENTER][B][FONT="Satisfy"]-- Profile --[/FONT][/B][/CENTER][/SIZE][cd="padding: 40px; word-spacing: 5px; letter-spacing: 2px;"][SIZE="2"]Name:[I] Fnu Lnu[/I][SIZE="1"]
[/SIZE]Aliases: [I]Effie, Lin[/I][SIZE="1"]
[/SIZE]Status: [I]Tired, but persistent[/I][SIZE="1"]
[/SIZE]Class/Job: [I]Medic[/I][SIZE="1"]
[/SIZE]Age: [I]Elderly[/I]

Music: 
[I][URL="http://listenonrepeat.com/watch/?v=CgxjgFoI2Jg"]Seclusion[/URL][/I][/SIZE][/cd][SIZE="5"][B][CENTER][FONT="Satisfy"]-- Appearance --[/FONT][/CENTER][/B][/SIZE]
Text, text, text.

[SIZE="5"][B][CENTER][FONT="Satisfy"]-- History --[/FONT][/CENTER][/B][/SIZE]
Text, text, text.

[SIZE="5"][B][CENTER][FONT="Satisfy"]-- Personality --[/FONT][/CENTER][/B][/SIZE]
Text, text, text.

[SIZE="5"][B][CENTER][FONT="Satisfy"]-- Abilities --[/FONT][/CENTER][/B][/SIZE]
Text, text, text.

[b]Power[/b] - Description.

[b]Power[/b] - Description.

[b]Power[/b] - Description.

[SIZE="5"][B][CENTER][FONT="Satisfy"]-- Roleplay Sample --[/FONT][/CENTER][/B][/SIZE]
Text, text, text.

[FONT="Kaushan Script"]Alternate font[/FONT]
[/cd]
[/cd]
[/center]

IC post code:
Spoiler:
[center]
[cd="width: 750px; background-image: url('http://i.imgur.com/AEYnS7U.png'); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-top: double #1A1A1A 20px; border-bottom: double #1A1A1A 20px;"]
[cd="width:100%; background-color: #1A1A1A; padding: 50px; text-align: justify; font-family: Brawler; color: #F5F5F5; font-size: 14px;"][cimg=float: left; margin-right: 33px; margin-bottom: 33px;]http://i.imgur.com/NUYJR70.png?1[/cimg]   Music: [i][URL="http://listenonrepeat.com/watch/?v=CgxjgFoI2Jg"]Seclusion[/URL][/I]

Maximo spatios flexione web lo, simplificate interlinguistica non se, esser parolas del le. Celos populos traducite o uno. Web se nomina occidental initialmente, esseva initialmente su web, uso se como libro publicate. Pan o involvite distinguer anteriormente. Per un association international, da via pardona publicate, via o studio paternoster angloromanic. Africa auxiliary pan se, tres europa per al, libere specimen angloromanic de pan.

Le nomine rapide summario pro, e sia gode duce quales. Via campo studio auxiliar su, subjecto internet lo qui. Es sed latino linguistic, toto russo le nos. Duo existe voluntate al, esser philologos duo ha, anque titulo sed in. Duo da integre hereditage.

Il non toto europa essentialmente. Tu con sine rapide demonstrate, es web scientific association. E union summarios del. Que lo rapide message denominator, duo da capital parolas. Sed latino instruite simplificate da, duo de medical appellate. Via in contos scriber americas.
[/cd]
[/cd]
[/center]

Huge fan of Pokémon-only roleplay!

Trev

i gave you everything...

Age 22
Male
Seen 4 Weeks Ago
Posted March 27th, 2019
1,617 posts
7.4 Years
Unfortunately, I can't quote zome of my old RP posts and get the CSS codes for them, otherwise I'd submit all of them here. Darn disappearing posts and archives... (grumble)

Anyway, here's two that I still have access too. Please ignore how awful Karly is, she's merely there to showcase the template. :v

Spoiler: Expansive Red (SU)
Features:
  • Responsive width
  • Side borders with color
  • Matching headers to create numerous sections
  • Headers and text float with images
  • Mobile friendly-ish (headers are fixed at 600px width and may overlap with floating images, but their length can be changed)

This template can be modified into an IC post if you really want it to.

Spoiler: Example


Karly Rose
Age: 16 | Gender: Female | Starter: Buizel; Icy Wind

Personality

Plainly put, she's very, very angry and bitter. She enjoys picking fights and does not like to be messed with. Although she does have decent fighting skills despite being a Trainer, those skills are dulled by her uncontrollable temper. Getting on her bad side a is big mistake, because she doesn't let anyone who crosses her go unpunished. She hates being hit on, and tends to try and bring someone down to earth if she feels that they're too conceited.

However, getting on her good side earns you a straightforward ticket to a peaceful version of herself. When she's nice, she's almost a saint. You can practically see the little halo above her head. People she likes get treated very well, and she's protective of those she holds close to her heart. She'll be attentive, a good listener, and can offer advice (be it good or unhelpful) when it's really needed the most. Of course, this good side is so rare that almost no one has seen it.

Under normal circumstances, when she isn't flaming with rage, she's really just herself. She's likes to be fun and outgoing, and loves a good challenge. However, she tends to have a problem with admitting her mistakes, and often casts the blame on others when she messes up. She also beats up on people when they say something that doesn't make sense or isn't correct by her right, which makes her a rough person to travel with. She also doesn't like when people act incredibly smart unless she asks them to - since she was home-schooled for most of what should have been her high-school life, he knowledge of common things isn't incredibly large, and if someone talks about things she doesn't understand, she'll get mad at them and tell them to stop talking about it. But, if you become her friend, she'll be there to support you to the best of her ability if a tough situation arises. She grasps a good understanding of most people's feelings, and knows when she should stop pestering someone as well.

History

Before she was forced to become a Trainer, she worked on her parent's Pokemon farm, mostly moving around heavy stuff, so she rarely interacted with the Pokemon themselves but became physically stronger than the average girl. Even when she did try to play with them, due to her aggressive nature, most Pokemon tended to avoid her. Without the proper ability to get Pokemon to listen to her, she would have a hard time becoming a Trainer, so she gave up that possibility.

With that, she began to study a different form of training: hand-to-hand combat. Pursuing the path of strength was her ideal goal. Despite the lack of actual combatants in the region (after all, people prefer putting Pokemon in danger instead of themselves), she trained somewhat successfully and became adept at fighting. However, these newly-acquired abilities came with a hefty cost.

Karly realized that no one could push her around now that she knew how to defend herself. She went from the pathetic, nerdy girl with glasses to the rough, tough tomboy who would pound anyone who defied her into the ground. With such a terrible attitude, Karly was forcibly removed from her school, requiring her Mother to become a home-school teacher.

Now, a year later, on Karly's 16th birthday, her Mother's gift was something that no one expected - a ticket to the curb. Her Mother was so displeased with Karly's behavior that she made arrangements to have Karly go around the region with a Pokemon in order to redefine her attitude into something much more tolerable and controllable. Against her protests and ensuing rage, Karly had no choice but to heed her Mother's words and begin this new and impossible journey that was thrust upon her.


Spoiler: Codes
Main body:
[cd=background-color: #fff; border-left: 20px solid #D50505; border-right: 20px solid #D50505; border-radius: 20px; text-align: justify; padding: 20px;](Your text, header code, and images go here)[/cd]
To change border color, modify the hex value on the border-left and border-right parameters.

For floating images:
[cd=float: left; padding: 10px;](image link goes here)[/cd]
Header:
[center][cd=width: 600px; border-radius: 16px; background-color: #CF1414; padding: 5px; font-size: 15px; color: #fff;][FONT="Carter One"](title goes here)[/FONT][/cd][/center]
To change the color of the header, modify the hex value for background-color.


Spoiler: Ice Box (IC)
Features:
  • Fixed 800px width header and body
  • Responsive length
  • Sleek and clean appearance
  • Header can handle small images/icons

Spoiler: Example
Loria / The Forest's Heart
As fate would have it, the encounter had to be cut short.

"Lord Zeke, there are more of them!"

A group of Scyther emerged from behind the trees near the group, carrying two Pokemon with them. One was struggling to get out of their grasp, but the other, a Froslass, was calm and collected as she was lead to the group. The Froslass was unphased by the fact that she was in the presence of Lord Zeke; she looked almost nonchalant. Could it be possible for anyone to remain so calm when possibly being led towards their death?

They pushed the Froslass towards Lord Zeke, but kept hold of the other Pokemon in case he attempted to run off. The Froslass dusted herself off with her ear-arms, her purple bow wiggling with each movement. "My my, what a terrible way to treat a lady. So brutish. I would expect better treatment for someone of my caliber."

She giggled and floated up to Lord Zeke. "You must be Lord Zeke, correct? My, what a place you run. So professional, although the manhandling was unnecessary. however, that is neither here nor there." She pulled a letter from the strap of her bow, holding it out to Lord Zeke. "My name is Loria. You may or may not have heard of me as the Frozen Witch, although I do not prefer such an unbecoming name. Elder Durand sends his regards, as well as this letter. I believe the details entitle something about a trial or whatnot. I am here to be of assistance to that group of fellows and ladies here. I assume that this is not a very happy situation as you all look very flustered and bitter, but I do hope that my presence does not make that worse."

She smiled brightly, her leafy green eyes never leaving Zeke as she talked. "If it would so please you, I would also like to request that the Pokemon behind me allow him to present himself to you. He was sent with me as well to assist this group, and I can assure you that he is a fine fellow and does not mean harm. We come in peace, as some foreign commoners may say."


[CENTER][css-div="background-color: MediumTurquoise; color: Teal; width: 800px; border-top-left-radius: 40px; border-top-right-radius: 40px; padding: 10px;"][SIZE="5"](title goes here)[/SIZE][/css-div][css-div="border: 2px solid MediumTurquoise; background-color: white; color: black; width: 800px; padding: 10px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; text-align: justify; border-left: cyan 4px dashed; border-bright: cyan 4px dashed;"][FONT="Calibri"](post goes here)[/FONT][/css-div][/CENTER]


I'll submit more later when I feel like making them.

EDIT: Alright, I got bored enough tonight so here's a fun one I just whipped up.

Spoiler: Grey Droplets (IC)
Features:
  • Scrolling background (works best with looping images)
  • Fixed 600px width, responsive height
  • Box shadow for main image
  • Semi-transparent post box
  • Responsive headers with bordered text (size 4 text recommended)

If you want to use this as an SU, that's a possibility. Note that it's not image friendly as the crunched width and lack of floating will mess up text placement.

Spoiler: Example
Title or Character Name

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eget augue nulla. Nunc congue aliquet nibh. Curabitur rhoncus tincidunt arcu, vitae dictum arcu euismod in. Nullam iaculis velit quis ligula viverra facilisis. Morbi at felis feugiat, consectetur lectus dignissim, rutrum dui. Sed ac ipsum augue. Sed molestie, enim at pharetra porta, lorem nisi iaculis mauris, nec eleifend tortor felis id diam. Donec in congue nisi, consectetur congue est. Donec mattis elit ac eros finibus efficitur. Sed vehicula dolor ac arcu sodales, id pulvinar nibh finibus. Vestibulum nec ipsum massa.

Donec vitae mollis quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In iaculis laoreet ligula, ac molestie felis bibendum sed. Sed metus urna, ullamcorper in magna sit amet, suscipit tincidunt nisl. Sed ac tincidunt massa. Sed cursus dui id volutpat interdum. Integer convallis, felis ut eleifend euismod, risus diam fringilla nisi, ac elementum justo purus nec tortor. Vestibulum pretium ultricies metus nec feugiat. Quisque ut facilisis elit. Mauris sed nunc sit amet massa egestas aliquam. Morbi eget dictum orci.

image cred to gimmiepie


Spoiler: Codes
Main body:
[CENTER][css-div="background: url('image url goes here'); width: 600px; background-attachment: fixed; background-repeat: y; padding: 20px; border-radius: 40px; box-shadow: 10px 10px 5px grey;"][cd="background-color: white; opacity: 0.95; padding: 20px; border-radius: 40px; text-align: justify; border-right: 5px solid grey; border-left: 5px solid grey;"](post goes here)[/cd][/css-div]
Header:
[CENTER][cd="background-color: white; color: white; padding: 10px; width: auto; display: inline-block; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; border-right: 4px solid grey; border-left: 4px solid grey; border-radius: 15px;"][SIZE="4"](title here)[/SIZE][/cd][/CENTER]


EDIT 2: OKAY LAST ONE I SWEAR

Spoiler: Purple Circle (IC)
Features:
  • Circular post shape
  • 600px height/width
  • Optional floating circle header for images
  • Auto scrolling for long text

I don't recommend changing anything other than the background color/image of the body post. Editing the size/shape/positioning of the body will mess up a lot of things. Also, if you don't want to use an image for the header and instead would like to write short text, change the background property to background-color and change color from transparent to black or whatever color you want.

Spoiler: Examples
Spoiler: Long text with scrolling, header image
0
Title or Stuff

Lorem ipsum dolor sit amet, facete habemus ponderum pri te, ne errem assentior scripserit pro. Vix tation ubique persequeris at, audiam dolorum expetenda vel eu. Mea elitr oporteat probatus ea. Per ei feugait propriae oporteat, mei eu legimus voluptua. Putant quaeque torquatos vix eu, qui consulatu omittantur vituperatoribus ad.

Nam agam euismod invenire id. Placerat vivendum an quo. Vix ut veritus iracundia delicatissimi, errem soluta iracundia mea te. Porro definiebas et eam, has no vide accusam assueverit, ex cum scripta prompta euismod.

No ius veniam propriae apeirian, pro delenit quaerendum ut. Tritani consulatu deterruisset nec ex, nam ut doming platonem, ne nam discere tincidunt. Id albucius explicari comprehensam vix, autem porro in eos. Has minim ornatus legimus cu, alienum percipit detraxit eu ius. Vix quaestio gubergren posidonium eu. His at euismod graecis, essent persecuti qui an. Officiis eleifend duo ad, tamquam copiosae luptatum mea ut, possit feugiat vis et.

Usu ne solet vituperatoribus. Pri meis summo quaerendum id, quod duis ex eum. Primis eligendi legendos ad qui, an dicit facilisi abhorreant sea, eu pericula expetendis voluptatibus vix. Quo ne tollit adipisci, ea sanctus albucius definitionem quo, modus veniam imperdiet at pro. Solum verear mediocritatem sit te, vis ea movet feugiat, dicta definitionem et quo. Eu veniam nostrum neglegentur sed, cu mea falli accusata, sea an delectus reprimique.

Ut vel deleniti atomorum forensibus, latine dolores mel an. Nulla senserit per no. Id sed nobis pericula. Malis sapientem liberavisse sed no, et sit paulo labitur. Iudico vidisse adipisci ei vim, eam te eros sententiae, ea mel case iracundia. Cu aeterno scripta usu.


Spoiler: Short text, no header image
Title or Stuff

Lorem ipsum dolor sit amet, facete habemus ponderum pri te, ne errem assentior scripserit pro. Vix tation ubique persequeris at, audiam dolorum expetenda vel eu. Mea elitr oporteat probatus ea. Per ei feugait propriae oporteat, mei eu legimus voluptua. Putant quaeque torquatos vix eu, qui consulatu omittantur vituperatoribus ad.

Nam agam euismod invenire id. Placerat vivendum an quo. Vix ut veritus iracundia delicatissimi, errem soluta iracundia mea te. Porro definiebas et eam, has no vide accusam assueverit, ex cum scripta prompta euismod.

image cred to gimmepie


Spoiler: Codes
Main body:
[CENTER][css-div="background: url('image url here, or change to background-color'); background-repeat: y; width: 600px; height: 600px; border-radius: 50%; padding: 20px;"][cd="background-color: white; opacity: 0.95; color: black; border-radius: 50%; width: 560px; height: 560px; padding: 100px; text-align: justify;"](header goes here)[cd="height: 350px; overflow: auto;"](post goes here)[/cd][/cd][/css-div][/center]
Header:
[cd="background-color: white; background: url('image url here'); border: 4px solid #942DE1; position: relative; margin-top: -100px; margin-left: -100px; width: 100px; height: 100px; border-radius: 50%; padding: 20px; color: transparent; background-size: cover; opacity: 100%;"]0[/cd]


EDIT 3: I lied.

Spoiler: Cardstack (IC)
Features:
  • Very extra.
  • 600px fixed width and height
  • Unique stack-of-cards design
  • Auto scrolling

Note that in the code, there are transparent h's before and after the css code. These are necessary to prevent the CSS from overlapping the top of your post and your signature/the post below you. I'm serious, you have to use these. They are completely mandatory for using this CSS.

Spoiler: Example
h
h
h

title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
h
h
h
h
h


Code:
[cd="color: transparent;"]h
h
h[/cd]
[CENTER][css-div="background-color: black; width: 600px; height: 600px; transform: rotate(-10deg); border-radius: 40px;"][css-div="background-color: grey; width: 600px; height: 600px; transform: rotate(25deg); border-radius: 40px;"][css-div="background-color: white; width: 600px; height: 600px; border-radius: 40px; transform: rotate(-15deg); padding: 20px; text-align: justify;"][CENTER][css-div="background-color: black; height: 1px; width: 100px; float: left; position: relative; left: 140px; top: 20px;"][/css-div][SIZE="5"](title goes here)[/SIZE][css-div="background-color: black; height: 1px; width: 100px; float: right; position: relative; right: 140px; top: 20px;"][/css-div][/CENTER]

[cd="overflow: auto; padding: 10px; height: 500px;"](post text goes here)[/cd][/css-div][/css-div][/css-div][/CENTER]
[cd="color: transparent;"]h
h
h
h
h[/cd]
voltaic pair: aaron rpdr club css shop
Advertiser Content