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

    Remember to credit artists when using work not your own.

Resource Free For All

FREE TO USE JUST KEEP THE CREDITS SISTEREN
------------------------------
Name: Student ID
An Old bbc I fixed up! A good one for School Rps! The student file is for more detailed information
[Example A][Example B]

[class=ColorBlock] background-color:#A3BABB; color:white; padding:10px; font-family:Verdana; font-size:5; [/class] [class=BarCode] font-family:Libre Barcode 39; font-size:30px; color:white; text-align:center; [/class]

[div class=ColorBlock]
placeholder.png
[div class=ColorBlock]School Name​

Student ID​

Given name:
Surname:
Age:
Birthday:
Height:
Weight:
Sexual orientation:
Allergy(s):
Class:
Grade:

[div class=ColorBlock] [div class=BarCode]NameN[/B]aMeNAmE NAMeNAmiE NaMaNAmE NaMeNA[/div] [/div][/div]
Student File

Personality:

Bio:

Goals for this school year:

Dorm:
placeholder.png

Uniform:
placeholder.png

[/div]
 
Code: 
[nobr]
[Class=Notes]
// Forward slashes are comments
and do no show up in the final design,
these are to help you find everything easily
and explain some code as well.
These comments must be with in a class or script tags
in order to be hidden, from what I know//

// Long URls are images
# followed by letter and numbers are Hex codes
or color codes.//

// This code does not show breaks unless is shows the [br][/br] code
When typing responses to rps, be aware that when you press enter
it will not show that you did. you'll have to use the [br][/br] tags//

// Square sized images also will look best
but if you have a non square image it'll still work
Don't worry//

[/class]

[div=
width:70%;
margin:auto;
color:black;
font-family: Verdana;
font-size:5;]

[class=Notes]
//The code above makes usre everything is the same font
and is the mx width the code takes up on a post//
[/class]

[class=ColorBlock]
background-color:#A3BABB;
color:white;
padding:10px;
font-family:Verdana;
font-size:5;

// This is the box of color around everything
change this and you change all the colors//
[/class]

[class=BarCode]
font-family:Libre Barcode 39;
font-size:30px;
color:white;
text-align:center;

//The Bar code at the bottom of the ID.
Once again I had to just use the [font=] tag to get it to work even though I have the font in the class correctly
IF YOU WANT A UNIQUE BAR CODE
1) Replace the letters of the word "Name" with your OC's Name
2) Alternate Caps often to give it an even more unique look//
[/class]

[Div=
pointer-events:none;
background-color:#ffffff;
border: 2px SOLID #000000;
border-radius: 10px;
padding: 10px;]
[br][/br]
[row][column=span3]
[div class=ColorBlock]
[div=border:1px SOLID #000000;line-height: 0px;]
[IMG]http://meeconline.com/wp-content/uploads/2014/08/placeholder.png[/IMG]
[/div][/div]
[/column]
[column=span5][CENTER][div class=ColorBlock][b]School Name[/b][/div][br][/br]

[b]Student ID[/B][/CENTER][br][/br]

[row][column=span4][B]Given name:[/B][br][/br]
[B]Surname:[/B][br][/br]
[B]Age:[/B][br][/br]
[B]Birthday:[/B] [br][/br]
[B]Height:[/B] [br][/br]
[B]Weight:[/B] [br][/br]
[/column]
[column=span4][B]Sexual orientation:[/B][br][/br]
[B]Allergy(s):[/B][br][/br]
[B]Class:[/B][br][/br]
[B]Grade:[/B][br][/br]
[/column]
[/row][/column]
[/row]
[br][/br]
[div class=ColorBlock]
[div class=BarCode][font=Libre Barcode 128][B]Name[/B]Na[/B]Me[B]N[/B]A[B]mE[/b] [B]NA[/B]Me[B]N[/B]A[B]m[/B]iE [B]Na[/B]Ma[B]N[/B]A[B]mE[/b] [B]Na[/B]Me[B]N[/B]A[/font][/div]
[/div][/div]
[accordion=100%]
{slide=[CENTER][border=2px SOLID #000000][bg=#A3BABB][B][COLOR=#ffffff][FONT=Verdana][SIZE=5]Student File[/SIZE][/FONT][/COLOR][/B][/bg][/border][/CENTER]
}[div=pointer-events:none;]
[B]Personality:[/B]

[B]Bio:[/B]

[B]Goals for this school year: [/B]

[row][column=span4][B]Dorm:[/B]
[IMG]http://meeconline.com/wp-content/uploads/2014/08/placeholder.png[/IMG]
[/column][column=span4][B]Uniform:[/B]
[IMG]http://meeconline.com/wp-content/uploads/2014/08/placeholder.png[/IMG]
[/column][/row]
{/slide}
[/div][/accordion]

[/div][/nobr]
 
FREE TO USE JUST KEEP THE CREDITS SIBLING
------------------------------
Name: Student IC
An old bbc I fixed up! A good one for School Rps!
[Example]


[Class=Notes] // Forward slashes are comments and do no show up in the final design, these are to help you find everything easily and explain some code as well. These comments must be with in a class or script tags in order to be hidden, from what I know// // Long URls are images # followed by letter and numbers are Hex codes or color codes.// // This code does not show breaks unless is shows the
code When typing responses to rps, be aware that when you press enter it will not show that you did. you'll have to use the
tags// // Square sized images also will look best but if you have a non square image it'll still work Don't worry// [/class]
[class=Notes] //The code above makes usre everything is the same font and is the mx width the code takes up on a post// [/class] [class=ColorBlock] background-color:#A3BABB; color:white; padding:10px; font-family:Girl Next Door; font-size:5; // This is the box of color around everything change this and you change all the colors The Font simply won't work using the class and uses the regular Font tag in the code if you have a single word font you would like to use instead remove the bbc tags in code and simple change it here// [/class]

[div class=ColorBlock]
placeholder.png
[div class=ColorBlock]Name​

"I wasn't really sure," They sighed.










​


[div class=ColorBlock]
Interacting:
Mentioned:
Located:​
 [/div][/div] [/div]
 
Last edited:
Code: 
[nobr]
[class=Notes]
// Forward slashes are comments
and do no show up in the final design,
these are to help you find everything easily
and explain some code as well.
These comments must be with in a class or script tags
in order to be hidden, from what I know//

// Long URls are images
# followed by letter and numbers are Hex codes
or color codes.//

// This code does not show breaks unless is shows the [br][/br] code
When typing responses to rps, be aware that when you press enter
it will not show that you did. you'll have to use the [br][/br] tags//

// Square sized images also will look best
but if you have a non square image it'll still work
Don't worry//

[/class]

[div=
width:70%;
margin:auto;
color:black;
font-family: Verdana;
font-size:5;]

[class=Notes]
//The code above makes usre everything is the same font
and is the mx width the code takes up on a post//
[/class]

[class=ColorBlock]
background-color:#A3BABB;
color:white;
padding:10px;
font-family:Girl Next Door;
font-size:5;

// This is the box of color around everything
change this and you change all the colors
The Font simply won't work using the class and uses the regular Font tag in the code
if you have a single word font you would like to use instead remove the bbc tags in code and simple change it here//
[/class]

[div=
pointer-events:none;
background-color:#ffffff;
border: 2px SOLID #000000;
border-radius: 10px;
padding: 10px;]
[br][/br]
[row][column=span2]
[div class=ColorBlock]
[div=border:1px SOLID #000000;line-height: 0px;]
[IMG]http://meeconline.com/wp-content/uploads/2014/08/placeholder.png[/IMG]
[/div][/div]
[/column]
[column=span6]
[CENTER][div class=ColorBlock][font=The Girl Next Door][B]Name[/B][/font][/div][br][/br]
[font=The Girl Next Door]"I wasn't really sure,"[/font] They sighed.

[/CENTER]
[br][/br]

[/column][/row]
[br][/br]
[div class=ColorBlock][font=The Girl Next Door]
[CENTER][SIZE=3]Interacting:
[br][/br]
Mentioned:
[br][/br]
Located:[/SIZE][/CENTER]
[/font]
[/div][/div]
[/div][/nobr]
 
FREE TO USE JUST KEEP THE CREDITS CHAPS
------------------------------
Name: Color Code CS
Messing with scroll boxes for the first time, this was giving me a lot of trouble but! its here! I kept the original picture I had there to show why this is pink specifically in this instance.
Also I gotta say, something is up with fonts. I know google fonts likes to show fonts that are not apart of the open source site and those don't typically work, but I'm using ones off the site and they don't work when I use them in a div box or a class, only with the [font=] tag. It's not a huge deal, but it did add to the frustration over creating this. Though, I am happy with how it came out, and I hope others are happy with it to.
[Example]

[class=Header] font-family:Orbitron; color: #e77185; background-color:white; border-top:10px SOLID white; border-bottom:2px SOLID white; [/class]
commishzone47_by_sandflake_adoptables-daajfl6.png
[div class=Header]Name
Nickname:

Best Friend:

Enemy:

Personality

Stereotype:

Wealth Status:

Likes:

Dislikes:

Fears:

Dark Secrets :

Bio:

[/div]
 
Last edited:
Code: 
[nobr]
[class=Notes]
// Forward slashes are comments
and do no show up in the final design,
these are to help you find everything easily
and explain some code as well.
These comments must be with in a class or script tags
in order to be hidden, from what I know//

// Long URls are images
# followed by letter and numbers are Hex codes
or color codes.//

// This code does not show breaks unless is shows the [br][/br] code
When typing responses to rps, be aware that when you press enter
it will not show that you did. 
You'll have to use the [br][/br] tags//

[/class]

[class=Header]
font-family:Orbitron;
color: #e77185;
background-color:white;
border-top:10px SOLID white;
border-bottom:2px SOLID white;

//This is box the name is in. The line below the name it not in here.
   If you change the font here it won't work, you have to change it in the [font=] tag//
[/class]

[div=Background-color:white;
color: #e77185;
border:2px SOLID #e77185;
padding:0px 10px 0px 10px;
min-height:452px;
overflow:hidden;
max-height:452px;]
[class=Notes]
//Above is the box surrounding everything
   The max and min height need to stay the same, 
   and should be as big as your picture appear to connect the lines//
[/class]


[div=
width:25%;
border-right: 2px SOLID #e77185;
line-height:0px;
z-index:5;
margin-right: 10px;
float:left;]
[IMG]https://pre00.deviantart.net/c768/th/pre/i/2016/200/f/9/commishzone47_by_sandflake_adoptables-daajfl6.png[/IMG]
[/div]

[Class=Notes]
//Above is the Image 
   it has a border to the right of it//
[/class]
   

[div class=Header][SIZE=7][font=Orbitron]Name[/font][/SIZE]

[class=Notes]
//Above is the Name of the character, 
   here is where you should change the font if that's what you want. 
   Same for the body text//
[/class]

[div=border-top:3px SOLID; color: #e77185;margin-bottom:10px;][/div][/div]
[div=color:#e77185;
max-height:370px;
overflow:auto;
width:74%;]

[class=Notes]
//Above is the Scroll box for the Cs form
  is a basic scroll box 
  I recommend to make its height appear to be ten pixels away from the bottom border of the border box
  Below is where you'll start to fill things out and replace the form with what ever you need it to be//
[/class]

[font=Prompt]
[B]Nickname:[/B]
[br][/br]

[br][/br]
[B]Best Friend:[/B]
[br][/br]

[br][/br]
[B]Enemy:[/B]
[br][/br]

[br][/br]
[B]Personality[/B]
[br][/br]

[br][/br]
[B]Stereotype:[/B]
[br][/br]

[br][/br]
[B]Wealth Status:[/B]
[br][/br]

[br][/br]
[B]Likes:[/B]
[br][/br]

[br][/br]
[B]Dislikes:[/B]
[br][/br]

[br][/br]
[B]Fears:[/B]
[br][/br]

[br][/br]
[B]Dark Secrets :[/B]
[br][/br]

[br][/br]
[B]Bio:[/B]
[br][/br]

[br][/br]
[/font]
[/div]
[/div]

[/nobr]
 
Last edited:
FREE TO USE JUST KEEP THE CREDITS PALS
------------------------------
Name: Color Code IC
Usually, I make a CS and base my IC posts off the CSs but the first design for the CS wasn't very appealing. So I improved it for the IC and then went back and replaced the ugly original design with one based off the IC posts. It just felt a bit backwards to me haha.
[Example]

[class=Header] font-family:Orbitron; color: #e77185; background-color:white; border-top:10px SOLID white; border-bottom:2px SOLID white; [/class]
commishzone47_by_sandflake_adoptables-daajfl6.png
[div class=Header]Name
Interacting: @ | Mentioned: @ | Located: Location; Action
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eleifend euismod scelerisque. In hac habitasse platea dictumst. Aliquam sed pretium orci. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc orci sem, fringilla sed ipsum at, vestibulum varius orci. Vestibulum eget bibendum nisi, vel egestas sapien. Etiam auctor orci in ligula commodo ultricies. In nec eros nulla. Ut quis mattis dolor, eu viverra ligula. Nullam viverra rhoncus sapien nec blandit. Suspendisse potenti. Aenean nulla dolor, ullamcorper nec est sed, commodo egestas leo. Morbi et orci egestas, tincidunt nisl eget, faucibus velit.

Maecenas id erat a massa feugiat aliquet ac nec nulla. Sed vel porta mi. Nulla aliquam varius felis, sed placerat neque fringilla sed. Nam lacus felis, efficitur quis massa et, tincidunt cursus mi. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam vestibulum massa pharetra ultricies tincidunt. Mauris quis augue malesuada, vulputate est ac, molestie velit. In hac habitasse platea dictumst.

[/div]
 
Last edited:
Code: 
[nobr]
[class=Notes]
// Forward slashes are comments
and do no show up in the final design,
these are to help you find everything easily
and explain some code as well.
These comments must be with in a class or script tags
in order to be hidden, from what I know//

// Long URls are images
# followed by letter and numbers are Hex codes
or color codes.//

// This code does not show breaks unless is shows the [br][/br] code
When typing responses to rps, be aware that when you press enter
it will not show that you did. 
You'll have to use the [br][/br] tags//

[/class]

[class=Header]
font-family:Orbitron;
color: #e77185;
background-color:white;
border-top:10px SOLID white;
border-bottom:2px SOLID white;


//This is box the name is in. The line below the name it not in here.
   If you change the font here it won't work, you have to change it in the [font=] tag//
[/class]

[div=Background-color;white;
color: #e77185;
border:2px SOLID #e77185;
padding:0px 10px 0px 10px;
Min-height:272px;
overflow:hidden;
max-height:272px;]

 [class=Notes]
//Above is the box surrounding everything
   The max and min height need to stay the same, 
   and should be as big as your picture appear to connect the lines//
[/class]

[div=
width:15%;
border-right: 2px SOLID #e77185;
line-height:0px;
z-index:5;
margin-right: 10px;
float:left;]
[IMG]https://pre00.deviantart.net/c768/th/pre/i/2016/200/f/9/commishzone47_by_sandflake_adoptables-daajfl6.png[/IMG]
[/div]

[Class=Notes]
//Above is the Image 
   it has a border to the right of it//
[/class]

[div class=Header][SIZE=7][font=Orbitron]Name[/font][/SIZE]

[class=Notes]
//Above is the Name of the character, 
   here is where you should change the font if that's what you want. 
   Same for the body text//
[/class]

[div=float:right;margin-top:13px;font-size:12px;border-left:5px SOLID white;][font=Orbitron]Interacting: [COLOR=rgb(61, 142, 185)]@[/COLOR] | Mentioned:[COLOR=rgb(61, 142, 185)] @[/COLOR] | Located: [COLOR=rgb(61, 142, 185)]Location; Action[/COLOR] [/font][/div][font=Orbitron][/font]

[class=Notes]
//Above is the tags floating right of the name
  I made everything left of a colon blue to match actual tages and to make it easier to read
  Below is the line under both//
[/class]

[div=border-top:3px SOLID; color: #e77185;margin-bottom:10px;][/div][/div]

[div=color:black;max-height:200px;overflow:auto;width:84%;]
[class=Notes]
//Above is the Scroll box for the body text
  is a basic scroll box 
  I recommend to make its height appear to be ten pixels away from the bottom border of the border box
  Below is where you'll start to write a post for an rp//
[/class]

[font=Prompt]
Text goes here
[/font]
[/div]
[/div]

[/nobr]
 
Last edited:
AgWordSmith said:
FREE TO USE JUST KEEP THE CREDITS BRETHEREN
------------------------------
Name: Simple Case File IC
A simple IC file for simple means.

[Class=Notes] // Forward slashes are comments // //and do no show up in the final design,// // these are to help you find everything easily// //and explain some code as well. // // These comments must be with in a class or script tags// // in order to be hidden, from what I know// // Long URls are images// // # followed by letter and numbers are Hex codes// // or color codes.// // This code does not show breaks unless is shows the
code// // When typing responses to rps, be aware that when you press enter// // it will not show that you did. you'll have to use the
tags// // Square sized images also will look best// // but if you have a non square image it'll still work// // Don't worry// [/class] [class=Info] Font-Family:Special Elite; color:Black; padding:20px; padding-bottom:5px; background-color:#e1dcc6; width:85%; margin: Auto; // This is the mainly background and the font// // If the Font does not show up // // use the typical bbc font tag in one area to make it show up// // you'll notice I've done so with the Name// // I don't know why it won't work 100% of the time with out doing this// // but since its just a simple thing to add// // I figured it wasn't to much to do to get the font I wanted// //if you want a more modern look I suggest using the font Anonymous Pro// //just don't forget to change it in the font tag on the name so it'll work// [/class] [class=Line] border-bottom: 1px SOLID #000000; //this is the line under each section // To get the double line I just added a style to it// //as you'll be able to see below// [/class] [div class=Info][Div class="Line" style="border-top: 1px SOLID #000000; height:3px;"][/div]

Placeholder-image-720x720.png
Interacting:
@ tag
[Div class="Line"][/div] Mentioned:
@Tag
[Div class="Line"][/div] Loaction:
Location; Action
[Div class="Line"][/div]

Name [Div class="Line"][/div]
"In all Honesty," they huffed.
[Div class="Line" style="border-top: 1px SOLID #000000; height:3px;"][/div]
Code by AgWordSmith AgWordSmith ​
[/div]
Click to expand...
How do you change the background colors?
 
Code: 
[class=Info]
Font-Family:Special Elite;
color:Black;
padding:20px;
padding-bottom:5px;
background-color:#e1dcc6;
width:85%;
margin: Auto;

// This is the mainly background and the font//
// If the Font does not show up //
// use the typical bbc font tag in one area to make it show up//
// you'll notice I've done so with the Name//
// I don't know why it won't work 100% of the time with out doing this//
// but since its just a simple thing to add//
// I figured it wasn't to much to do to get the font I wanted//

//if you want a more modern look I suggest using the font Anonymous Pro//
//just don't forget to change it in the font tag on the name so it'll work//
[/class]

right where it says background-color:#e1dcc6; you can change the hex code to the hex code of your color of choice. Magical Squid Senpai Magical Squid Senpai
 
AgWordSmith said:
Code: 
[class=Info]
Font-Family:Special Elite;
color:Black;
padding:20px;
padding-bottom:5px;
background-color:#e1dcc6;
width:85%;
margin: Auto;

// This is the mainly background and the font//
// If the Font does not show up //
// use the typical bbc font tag in one area to make it show up//
// you'll notice I've done so with the Name//
// I don't know why it won't work 100% of the time with out doing this//
// but since its just a simple thing to add//
// I figured it wasn't to much to do to get the font I wanted//

//if you want a more modern look I suggest using the font Anonymous Pro//
//just don't forget to change it in the font tag on the name so it'll work//
[/class]

right where it says background-color:#e1dcc6; you can change the hex code to the hex code of your color of choice. Magical Squid Senpai Magical Squid Senpai
Click to expand...
Wait, you type out the change right up there and not actually in the code part?
 
FREE TO USE JUST KEEP THE CREDITS AMIGOS
------------------------------
Name: Simple Fantasy
A simple code for a fantasy/medieval themed CS. At least tht's what I used it for haha.

latest.jpg
Name
Age:
Species:
Distinguishing features:
Skills:
Personality: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi orci nunc, laoreet ac egestas eget, auctor vitae lectus. Morbi aliquam iaculis metus non elementum. Vivamus vel consequat nunc. Maecenas facilisis est sit amet ipsum rhoncus, vel mollis quam egestas. Aliquam commodo sit amet lorem non rutrum. Donec sit amet dapibus diam, vitae vulputate turpis. In hac habitasse platea dictumst. Etiam ut ligula scelerisque, condimentum est eu, imperdiet eros. Donec id auctor eros, quis tincidunt quam. Quisque a massa vitae nunc aliquet euismod. Nunc luctus aliquam metus. Vestibulum sit amet nunc dui. Cras feugiat, magna id posuere placerat, leo sem viverra augue, id lacinia purus quam vitae dui. Quisque eleifend in dui et egestas.
Bio: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi orci nunc, laoreet ac egestas eget, auctor vitae lectus. Morbi aliquam iaculis metus non elementum. Vivamus vel consequat nunc. Maecenas facilisis est sit amet ipsum rhoncus, vel mollis quam egestas. Aliquam commodo sit amet lorem non rutrum. Donec sit amet dapibus diam, vitae vulputate turpis. In hac habitasse platea dictumst. Etiam ut ligula scelerisque, condimentum est eu, imperdiet eros. Donec id auctor eros, quis tincidunt quam. Quisque a massa vitae nunc aliquet euismod. Nunc luctus aliquam metus. Vestibulum sit amet nunc dui. Cras feugiat, magna id posuere placerat, leo sem viverra augue, id lacinia purus quam vitae dui. Quisque eleifend in dui et egestas.
Code by AgWordSmith AgWordSmith
 
Last edited:
Code: 
[nobr]
[class=Notes]
// Forward slashes are comments
and do no show up in the final design,
these are to help you find everything easily
and explain some code as well.
These comments must be with in a class or script tags
in order to be hidden, from what I know//

// Long URls are images
# followed by letter and numbers are Hex codes
or color codes.//

// This code does not show breaks unless is shows the [br][/br] code
When typing responses to rps, be aware that when you press enter
it will not show that you did. 
You'll have to use the [br][/br] tags//

[/class]

[div=padding:5px;color:Black;
border: 1px SOLID #632100;
background-color:#f7e2bd;
position:relative;
min-height:200px;]

[class=Notes]
Above is the background Color and border. 
The base of the code if you will

Below vvv is the border for the Image
[/class]

[div=border: 1px SOLID #632100;
float:left;
margin-right:10px;
width:200px;
line-height:0px;]
[IMG]https://cdn.discordapp.com/attachments/359734207024463882/439046648375541760/latest.jpg[/IMG]
[/div]

[div=padding:5px;]

[font=Oldenburg][SIZE=6]Name[/SIZE]
[div=border-top:1px SOLID #632100;][/div]

[B]Age:[/B]
[br][/br]

[B]Species:[/B]
[br][/br]

[B] Distinguishing features:[/B]
[br][/br]

[div=border-top:1px SOLID #632100;margin:5px;][/div]

[B]Skills:[/B]

[div=border-top:1px SOLID #632100;margin:5px;][/div]

[B]Personality:[/B] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi orci nunc, laoreet ac egestas eget, auctor vitae lectus. Morbi aliquam iaculis metus non elementum. Vivamus vel consequat nunc. Maecenas facilisis est sit amet ipsum rhoncus, vel mollis quam egestas. Aliquam commodo sit amet lorem non rutrum. Donec sit amet dapibus diam, vitae vulputate turpis. In hac habitasse platea dictumst. Etiam ut ligula scelerisque, condimentum est eu, imperdiet eros. Donec id auctor eros, quis tincidunt quam. Quisque a massa vitae nunc aliquet euismod. Nunc luctus aliquam metus. Vestibulum sit amet nunc dui. Cras feugiat, magna id posuere placerat, leo sem viverra augue, id lacinia purus quam vitae dui. Quisque eleifend in dui et egestas.

[div=border-top:1px SOLID #632100;margin:5px;][/div]

[B]Bio:[/B] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi orci nunc, laoreet ac egestas eget, auctor vitae lectus. Morbi aliquam iaculis metus non elementum. Vivamus vel consequat nunc. Maecenas facilisis est sit amet ipsum rhoncus, vel mollis quam egestas. Aliquam commodo sit amet lorem non rutrum. Donec sit amet dapibus diam, vitae vulputate turpis. In hac habitasse platea dictumst. Etiam ut ligula scelerisque, condimentum est eu, imperdiet eros. Donec id auctor eros, quis tincidunt quam. Quisque a massa vitae nunc aliquet euismod. Nunc luctus aliquam metus. Vestibulum sit amet nunc dui. Cras feugiat, magna id posuere placerat, leo sem viverra augue, id lacinia purus quam vitae dui. Quisque eleifend in dui et egestas.

[br][/br]
[/font]
[/div]
[SIZE=1][FONT=courier new][COLOR=rgb(147, 101, 184)]Code by[/COLOR] @AgWordSmith[/FONT][/SIZE]
[/div]
[/nobr]
 
Last edited:
FREE TO USE JUST KEEP THE CREDITS COMPADRE
------------------------------
Name: Simple Fantasy IC
A simple code for a fantasy/medieval themed IC post. At least that's what I used it for haha.

[class=Notes] // Forward slashes are comments and do no show up in the final design, these are to help you find everything easily and explain some code as well. These comments must be with in a class or script tags in order to be hidden, from what I know// // Long URls are images # followed by letter and numbers are Hex codes or color codes.// // This code does not show breaks unless is shows the
code When typing responses to rps, be aware that when you press enter it will not show that you did. You'll have to use the
tags// [/class]
[class=Notes] Above is the background Color and border. The base of the code if you will Below vvv is the border for the Image [/class]
latest.jpg
Name I Interacting: I Mentioned: I Located:

"Lorem ipsum dolor sit amet," consectetur adipiscing elit. Morbi orci nunc, laoreet ac egestas eget, auctor vitae lectus. Morbi aliquam iaculis metus non elementum. Vivamus vel consequat nunc. Maecenas facilisis est sit amet ipsum rhoncus, vel mollis quam egestas. Aliquam commodo sit amet lorem non rutrum. Donec sit amet dapibus diam, vitae vulputate turpis. In hac habitasse platea dictumst. Etiam ut ligula scelerisque, condimentum est eu, imperdiet eros. Donec id auctor eros, quis tincidunt quam. Quisque a massa vitae nunc aliquet euismod. Nunc luctus aliquam metus. Vestibulum sit amet nunc dui. Cras feugiat, magna id posuere placerat, leo sem viverra augue, id lacinia purus quam vitae dui. Quisque eleifend in dui et egestas.

Code by AgWordSmith AgWordSmith
 
Last edited:
Code: 
[nobr]
[class=Notes]
// Forward slashes are comments
and do no show up in the final design,
these are to help you find everything easily
and explain some code as well.
These comments must be with in a class or script tags
in order to be hidden, from what I know//

// Long URls are images
# followed by letter and numbers are Hex codes
or color codes.//

// This code does not show breaks unless is shows the [br][/br] code
When typing responses to rps, be aware that when you press enter
it will not show that you did. 
You'll have to use the [br][/br] tags//

[/class]

[div=padding:5px;color:black;
border: 1px SOLID #632100;
background-color:#f7e2bd;
position:relative;
min-height:200px;]

[class=Notes]
Above is the background Color and border. 
The base of the code if you will

Below vvv is the border for the Image
[/class]

[div=border: 1px SOLID #632100;
float:left;
margin-right:10px;
width:200px;
line-height:0px;]
[IMG]https://cdn.discordapp.com/attachments/359734207024463882/439046648375541760/latest.jpg[/IMG]
[/div]

[div=padding:5px;]

[font=Oldenburg][SIZE=6]Name[/SIZE] I Interacting:   I Mentioned:  I Located:
[div=border-top:1px SOLID #632100;][/div][br][/br]
[b]"Lorem ipsum dolor sit amet,"[/b] consectetur adipiscing elit. Morbi orci nunc, laoreet ac egestas eget, auctor vitae lectus. Morbi aliquam iaculis metus non elementum. Vivamus vel consequat nunc. Maecenas facilisis est sit amet ipsum rhoncus, vel mollis quam egestas. Aliquam commodo sit amet lorem non rutrum. Donec sit amet dapibus diam, vitae vulputate turpis. In hac habitasse platea dictumst. Etiam ut ligula scelerisque, condimentum est eu, imperdiet eros. Donec id auctor eros, quis tincidunt quam. Quisque a massa vitae nunc aliquet euismod. Nunc luctus aliquam metus. Vestibulum sit amet nunc dui. Cras feugiat, magna id posuere placerat, leo sem viverra augue, id lacinia purus quam vitae dui. Quisque eleifend in dui et egestas. 
[br][/br][br][/br]
[div=border-top:1px SOLID #632100;margin:5px;][/div]

[/font]
[/div]
[SIZE=1][FONT=courier new][COLOR=rgb(147, 101, 184)]Code by[/COLOR] @AgWordSmith[/FONT][/SIZE]
[/div]
[/nobr]
 
Last edited:
AgWordSmith said:
FREE TO USE JUST KEEP THE CREDITS PALS
------------------------------
Name: Color Code IC
Usually, I make a CS and base my IC posts off the CSs but the first design for the CS wasn't very appealing. So I improved it for the IC and then went back and replaced the ugly original design with one based off the IC posts. It just felt a bit backwards to me haha.
[Example]

[class=Header] font-family:Orbitron; color: #e77185; background-color:white; border-top:10px SOLID white; border-bottom:2px SOLID white; [/class]
commishzone47_by_sandflake_adoptables-daajfl6.png
[div class=Header]Name
Interacting: @ | Mentioned: @ | Located: Location; Action
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eleifend euismod scelerisque. In hac habitasse platea dictumst. Aliquam sed pretium orci. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc orci sem, fringilla sed ipsum at, vestibulum varius orci. Vestibulum eget bibendum nisi, vel egestas sapien. Etiam auctor orci in ligula commodo ultricies. In nec eros nulla. Ut quis mattis dolor, eu viverra ligula. Nullam viverra rhoncus sapien nec blandit. Suspendisse potenti. Aenean nulla dolor, ullamcorper nec est sed, commodo egestas leo. Morbi et orci egestas, tincidunt nisl eget, faucibus velit.

Maecenas id erat a massa feugiat aliquet ac nec nulla. Sed vel porta mi. Nulla aliquam varius felis, sed placerat neque fringilla sed. Nam lacus felis, efficitur quis massa et, tincidunt cursus mi. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam vestibulum massa pharetra ultricies tincidunt. Mauris quis augue malesuada, vulputate est ac, molestie velit. In hac habitasse platea dictumst.

[/div]
Click to expand...
I'm going to be using this one because it's literally what I've spent ages trying to achieve and you've done it so simply! Will totally tag you for credit and everything <3
 
You must log in or register to reply here.

Users who are viewing this thread

Total: 2 (members: 0, guests: 2)

Similar threads

CHUUYAS_HAT
Help What images to add in BBCode - FIXED
Replies
5
Views
190
Otto Levin
Otto Levin
DaydreamNarrator
Closed found the solution
Replies
0
Views
143
DaydreamNarrator
DaydreamNarrator
Back
Top