The PokéCommunity Forums Create & Discover Roleplay Theatre
Help Thread Hints & Guides & Templates [need RP help? LOOK HERE!]

Roleplay Theatre The realm where writers gather to create glorious tales or silly drama together and chronicle their adventures. Start or join roleplays featuring Pokémon, other franchises or something completely original!


Reply
 
Thread Tools
  #1    
Old February 8th, 2016 (3:52 AM). Edited October 22nd, 2017 by Foxrally.
Ice Ice is offline
 
Join Date: Aug 2014
Posts: 3,412

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. It also holds the information on how to reach our official Skype chat, and what to do and not to do in there. Join us~!

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!

Reply With Quote

Relevant Advertising!

  #2    
Old February 8th, 2016 (3:53 AM). Edited June 21st, 2017 by gimmepie.
adventure's Avatar
adventure adventure is offline
press start to play_
 
Join Date: Nov 2007
Location: T.A.R.D.I.S.
Nature: Naive
Posts: 30,470

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
Reply With Quote
  #3    
Old February 8th, 2016 (8:41 AM).
Dusty's Avatar
Dusty Dusty is offline
     
    Join Date: Dec 2013
    Location: Out Of My Mind
    Nature: Relaxed
    Posts: 396
    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?
    __________________
    Reply With Quote
      #4    
    Old February 8th, 2016 (8:57 AM).
    Ice Ice is offline
     
    Join Date: Aug 2014
    Posts: 3,412
    Quote:
    Originally Posted by STARDU5T View Post
    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.
    Reply With Quote
      #5    
    Old February 19th, 2016 (5:22 PM). Edited February 20th, 2016 by Vendily.
    Vendily's Avatar
    Vendily Vendily is offline
       
      Join Date: Aug 2015
      Gender: Female
      Nature: Calm
      Posts: 770
      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:
      HTML Code:
      [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:
      HTML Code:
      [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:
      HTML Code:
      [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:
      HTML Code:
      [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.
      __________________
      Resources for ROM hackers has moved.

      Reply With Quote
        #6    
      Old April 6th, 2016 (5:34 AM).
      Sayoko's Avatar
      Sayoko Sayoko is offline
      small evening child
         
        Join Date: Feb 2016
        Location: hiding
        Age: 24
        Gender: Female
        Nature: Modest
        Posts: 46
        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...
        __________________
        小夜子
        Reply With Quote
          #7    
        Old April 6th, 2016 (4:09 PM).
        Shak's Avatar
        Shak Shak is offline
         
        Join Date: Jan 2015
        Location: UK
        Gender: Male
        Nature: Lax
        Posts: 856
        Quote:
        Originally Posted by Sayoko View Post
        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
        Reply With Quote
          #8    
        Old April 7th, 2016 (2:38 AM).
        gimmepie's Avatar
        gimmepie gimmepie is offline
         
        Join Date: May 2012
        Location: Australia
        Age: 22
        Gender: Male
        Nature: Adamant
        Posts: 17,855
        Quote:
        Originally Posted by Sayoko View Post
        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.
        __________________
        Reply With Quote
          #9    
        Old April 21st, 2016 (5:12 AM). Edited April 22nd, 2016 by Vendily.
        Vendily's Avatar
        Vendily Vendily is offline
           
          Join Date: Aug 2015
          Gender: Female
          Nature: Calm
          Posts: 770
          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:
          HTML Code:
          [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]
          __________________
          Resources for ROM hackers has moved.

          Reply With Quote
            #10    
          Old April 27th, 2016 (5:32 PM).
          Junier's Avatar
          Junier Junier is offline
          Fake Friends Forever (´・ω・`)
             
            Join Date: Jun 2015
            Gender: Female
            Nature: Docile
            Posts: 983
            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:
            HTML Code:
            [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.
            __________________

            Reply With Quote
              #11    
            Old January 2nd, 2017 (9:56 PM). Edited February 27th, 2017 by Afterglow Ampharos.
            Afterglow Ampharos's Avatar
            Afterglow Ampharos Afterglow Ampharos is offline
            Ampharos are the ultimate kid's bed. They have a built in nightlight and everything.
               
              Join Date: Jul 2016
              Location: trapped in Toby Fox's web of influence
              Age: 28
              Gender: Male
              Nature: Careful
              Posts: 670
              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:
              HTML Code:
              [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:
              HTML Code:
              [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!
              Reply With Quote
                #12    
              Old January 5th, 2017 (3:16 AM).
              gimmepie's Avatar
              gimmepie gimmepie is offline
               
              Join Date: May 2012
              Location: Australia
              Age: 22
              Gender: Male
              Nature: Adamant
              Posts: 17,855
              Quote:
              Originally Posted by ordinaryOddball View Post
              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:
              HTML Code:
              [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:
              HTML Code:
              [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.
              __________________
              Reply With Quote
                #13    
              Old January 5th, 2017 (12:02 PM). Edited February 27th, 2017 by Afterglow Ampharos.
              Afterglow Ampharos's Avatar
              Afterglow Ampharos Afterglow Ampharos is offline
              Ampharos are the ultimate kid's bed. They have a built in nightlight and everything.
                 
                Join Date: Jul 2016
                Location: trapped in Toby Fox's web of influence
                Age: 28
                Gender: Male
                Nature: Careful
                Posts: 670
                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:
                HTML Code:
                [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:
                HTML Code:
                [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!
                Reply With Quote
                  #14    
                Old June 6th, 2018 (11:08 AM). Edited June 10th, 2018 by Trev.
                Trev's Avatar
                Trev Trev is offline
                 
                Join Date: May 2012
                Age: 21
                Nature: Sassy
                Posts: 1,375
                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:
                HTML Code:
                [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:
                HTML Code:
                [cd=float: left; padding: 10px;](image link goes here)[/cd]
                Header:
                HTML Code:
                [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."


                HTML Code:
                [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:
                HTML Code:
                [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:
                HTML Code:
                [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:
                HTML Code:
                [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:
                HTML Code:
                [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:
                HTML 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]
                __________________






                Reply With Quote
                Reply

                Quick Reply

                Join the conversation!

                Create an account to post a reply in this thread, participate in other discussions, and more!

                Create a PokéCommunity Account

                Sponsored Links
                Thread Tools

                Posting Rules
                You may not post new threads
                You may not post replies
                You may not post attachments
                You may not edit your posts

                BB code is On
                Smilies are On
                [IMG] code is On
                HTML code is Off

                Forum Jump


                All times are GMT -8. The time now is 5:51 PM.