Help Thread: Roleplay Templates

[Junier]

Here are my layouts in-use for Noble Magic. The first I intended for applications, the second for actual posts, but they might work either way.

Spoiler:

"Something your character would say."​

❦ First name: Greatest, Last Name: Forever.
Age :: Whatever you want, dahling.
Gender :: Whatever you desire, my friend.​

[Fill in with the rest of the application.]
[This is a scrolling textbox.]

Spoiler:

❦ Say my name, say my name.​

[Fill with post.]
[This is a scrolling textbox.]


(If there is very little text in the upper textbox [where the post goes], the bottommost div may not be as it is now, because the background image is at a set height.)

Extra Information
(This is not a scrolling textbox.)

The codes for both respectively:

Spoiler:

[CENTER][div=border-radius: 10px; border-bottom: 10px; padding-top: 8px; width: 750px; text-align: left; font-family: tahoma; font-size: 13px; background-image: url('https://carolinezimmermann.com/CZblog/wp-content/uploads/2012/11/Caroline_Zimmermann_Vineyard_Painting_Tuscany_Villa-1024x598.jpg'); background-repeat: no-repeat; height: 600px;]
[CENTER][FONT="Merriweather"][glow=white][SIZE="4"]"Something your character would say."[/SIZE][/glow][/FONT][/CENTER]
[div=background-color: #F5BCA9; color: #302426; border-radius: 8px; height: 470px; border: 4px outset #ffffff; overflow: auto; padding: 30px; margin: 40px 40px 40px 40px; opacity: 0.9;][h1][FONT="Merriweather"][CENTER][B]❦ First name: Greatest, Last Name: Forever.
[SIZE="2"]Age :: Whatever you want, dahling. 
Gender :: Whatever you desire, my friend.[/SIZE][/B][/CENTER][/FONT][/h1]

[Fill in with the rest of the application.]
[This is a scrolling textbox.]

[/div][/div][/CENTER]

Spoiler:

[CENTER][div=border-radius: 10px; border-bottom: 0px; padding-top: 10px; width: 750px; text-align: left; font-family: tahoma; font-size: 13px; background-image: url('https://carolinezimmermann.com/CZblog/wp-content/uploads/2012/11/Caroline_Zimmermann_Vineyard_Painting_Tuscany_Villa-1024x598.jpg'); background-repeat: no-repeat;][div=background-color: #F5BCA9; color: #302426; border-radius: 8px; border: 4px outset #ffffff; overflow: auto; padding: 30px; margin: 40px 40px 40px 40px; opacity: 0.9;][h1][FONT="Merriweather"][CENTER][B]❦ Say my name, say my name.[/B][/CENTER][/FONT][/h1]
[Fill with post.]
[This is a scrolling textbox.]


(If there is very little text in the upper textbox [where the post goes], the bottommost div may not be as it is now, because the background image is at a set height.)

[/div]
[div=background-color: #F5BCA9; color: #302426; border-radius: 0px 0px 8px 8px; height: 250px; padding: 10px 20px 20px 20px;]
[title=Placeholder Image][cimg=float: left; padding: 10px; height: 200px;]https://www.clipartbest.com/cliparts/yik/gqy/yikgqy7pT.gif[/cimg][/title]
[SIZE="4"][B]Extra Information[/B][/SIZE]
(This is not a scrolling textbox.)
[/div]
[/div][/center]

 

[moon]

Here are my layouts in-use for Noble Magic. The first I intended for applications, the second for actual posts, but they might work either way.

Spoiler:

"Something your character would say."​

❦ First name: Greatest, Last Name: Forever.
Age :: Whatever you want, dahling.
Gender :: Whatever you desire, my friend.​

[Fill in with the rest of the application.]
[This is a scrolling textbox.]

Spoiler:

❦ Say my name, say my name.​

[Fill with post.]
[This is a scrolling textbox.]


(If there is very little text in the upper textbox [where the post goes], the bottommost div may not be as it is now, because the background image is at a set height.)

Extra Information
(This is not a scrolling textbox.)

The codes for both respectively:

Spoiler:

[CENTER][div=border-radius: 10px; border-bottom: 10px; padding-top: 8px; width: 750px; text-align: left; font-family: tahoma; font-size: 13px; background-image: url('https://carolinezimmermann.com/CZblog/wp-content/uploads/2012/11/Caroline_Zimmermann_Vineyard_Painting_Tuscany_Villa-1024x598.jpg'); background-repeat: no-repeat; height: 600px;]
[CENTER][FONT="Merriweather"][glow=white][SIZE="4"]"Something your character would say."[/SIZE][/glow][/FONT][/CENTER]
[div=background-color: #F5BCA9; color: #302426; border-radius: 8px; height: 470px; border: 4px outset #ffffff; overflow: auto; padding: 30px; margin: 40px 40px 40px 40px; opacity: 0.9;][h1][FONT="Merriweather"][CENTER][B]❦ First name: Greatest, Last Name: Forever.
[SIZE="2"]Age :: Whatever you want, dahling. 
Gender :: Whatever you desire, my friend.[/SIZE][/B][/CENTER][/FONT][/h1]

[Fill in with the rest of the application.]
[This is a scrolling textbox.]

[/div][/div][/CENTER]

Spoiler:

[CENTER][div=border-radius: 10px; border-bottom: 0px; padding-top: 10px; width: 750px; text-align: left; font-family: tahoma; font-size: 13px; background-image: url('https://carolinezimmermann.com/CZblog/wp-content/uploads/2012/11/Caroline_Zimmermann_Vineyard_Painting_Tuscany_Villa-1024x598.jpg'); background-repeat: no-repeat;][div=background-color: #F5BCA9; color: #302426; border-radius: 8px; border: 4px outset #ffffff; overflow: auto; padding: 30px; margin: 40px 40px 40px 40px; opacity: 0.9;][h1][FONT="Merriweather"][CENTER][B]❦ Say my name, say my name.[/B][/CENTER][/FONT][/h1]
[Fill with post.]
[This is a scrolling textbox.]


(If there is very little text in the upper textbox [where the post goes], the bottommost div may not be as it is now, because the background image is at a set height.)

[/div]
[div=background-color: #F5BCA9; color: #302426; border-radius: 0px 0px 8px 8px; height: 250px; padding: 10px 20px 20px 20px;]
[title=Placeholder Image][cimg=float: left; padding: 10px; height: 200px;]https://www.clipartbest.com/cliparts/yik/gqy/yikgqy7pT.gif[/cimg][/title]
[SIZE="4"][B]Extra Information[/B][/SIZE]
(This is not a scrolling textbox.)
[/div]
[/div][/center]

You were somehow already added, haha. Thanks!

New year, new contributions. XD
I made the css of me and Shak's JP post in Secret Santa. I liked it and thought people might want to use it too?

Spoiler:

*Fancy Title Here*

*TEXT HERE*

Spoiler:

[CENTER][cd="width: 850px; background: url('https://il5.picdn.net/shutterstock/videos/3999349/thumb/1.jpg'); padding: 35px; color: white; font-family: Satisfy; border-top-left-radius: 50px; border-bottom-right-radius: 50px;"]
[SIZE="6"]*JP Title Here*[/SIZE]


[cd="width: 100%; background-color: rgba(255,255,255, 0.95); padding: 0px 15px 25px 25px; border-radius: 5px; color: black; text-align: justify; color: black; font-family: Maven Pro;"]
*TEXT HERE*
[/cd][/cd][/CENTER]

The space in the HTML code is intentional, to show the pretty background. c:

The height stretches, again, and you can simply change the width by tinkering with the first [cd] code shown. Anything else is again, easily changeable. Although if you're going to use this + sticking with the white title text, use a dark, seamless background. c: Or something that isn't light/white/neon... So yeah. //me tiptoes away... again!

Added! Thank you :3