HTML Commisions and Free Templates || OPEN!

[StoneWolf18]

Disclaimer: Anyone can use the templates below as long as the rules are followed.




[SIZE= 40px]HTML an' Shit[/SIZE]

[SIZE= 18px]I'm rather bored. And so instead of wasting my life on Skyrim or being more productive, I'm offering to do some coding for all you lazy bastards that just want the buttons. (I was the same way but just decided to say SCREW IT and began to mess around.) These won't be terribly advanced as I'm still learning the code and what not, but if you just want something like you are gracing your eyes on now....why not?[/SIZE]
​

 
​

[SIZE= 18px]Please be aware that I will not be able to be on a computer all hours of the day as I spend most of my time on mobile. That being said, I will accept maybe three people at a given time depending on how complex the projects are. Also note that even though I am writing the code, you don't own it (credit will not be removed from the template given, period) and you will still be unable to post it if you haven't achieved 500 posts.[/SIZE]
​

 
​

[SIZE= 18px]If interested, lemme know by filling out this lovely form below:[/SIZE]
​

 
​

[SIZE= 18px]Username:[/SIZE][SIZE= 18px] (Or whatever you want to be referred to as.)[/SIZE]
​

[SIZE= 18px]What is the template for:[/SIZE][SIZE= 18px] (CS, Interest Check, Partner Search, etc.)[/SIZE]
​

Complexity[SIZE= 18px]: (Gimme a guess. 1 being a simple background and text format, 2 a mix, and 3 being something much more than that.)[/SIZE]
​

Images:[SIZE= 18px] (by default I DO NOT have placeholders. If you want them, tell me how many.)[/SIZE]
​

[SIZE= 18px]Fonts: (Google fonts please. One for the headers, one for the body text.)[/SIZE]
​

[SIZE= 18px]Colors: (Hex codes please. Min of two, max of four.)[/SIZE]
​

[SIZE= 18px]Overall Layout: (How do you want it to look?)[/SIZE]
​

[SIZE= 18px]Should it be mobile friendly: (This will drastically change the size and overall look of your code. Say yes if you are only/constantly on a mobile device such as a cell phone.)[/SIZE]
​

 
​

[SIZE= 18px]Current Requests[/SIZE]
​

None at the moment...
​

 
​

Completed Requests
​

@Eternal Dragonchild - CS
​

@ewolf20 - CS
​

@TheCandyEmo - CS
​

@KiKi Kitsune - CS
​

@Federoff - Post Template
​

 

[Bunny Hop]

Username: Eternal
What is the template for: CS please
Complexity: 2
What do you want this to include: A purple CS that has the different fields such as height and age set out in a box and backstory in another box. One image if at all possible

 

[StoneWolf18]

Username: Eternal
What is the template for: CS please
Complexity: 2
What do you want this to include: A purple CS that has the different fields such as height and age set out in a box and backstory in another box. One image if at all possible

So broken up into different sections for basic information, appearance, and personal? No problem. ^^

 

[ewolf20]

Username: ewolf20


What is the template for: more or less a character sheet


Complexity:2


What do you want this to include: a green, yellow green, and brownish gold color scheme. layout should include a character image placeholder and subvert boxes for backstory and what not. then finally, if you know how to program custom scroll bars, then use a brown and green one. that is all


(Also i hope this doesn't make your head hurt. I usually make the best out of anything.so, you don't have to worry about it.)

 

[StoneWolf18]

@Eternal Dragonchild Here we go! Lemme know if you need any help or have questions. ^^


@import url('https://fonts.googleapis.com/css?family=Lora');
@import url('https://fonts.googleapis.com/css?family=Satisfy');
.stonemain1{
margin:auto;
background-color:#f3e6ff;
height:680px;
width:1000px;
overflow:hidden;
padding:10px;}

.stoneborder1{
border: 6px double white;
height:667px;}

hr.stonehr1{
border-top: 2px solid white;}

.stoneboxtop1{
overflow: auto;
background-color: white;
height: 200px;
width: 450px;
border: 3px solid #dab3ff;
float: left;
margin-left: 15px;
text-align: left;
font-family: 'Lora' , serif;
padding: 10px;
}


.stoneboxbottom1{
overflow: auto;
background-color: white;
height: 200px;
width: 450px;
border: 3px solid #dab3ff;
float: left;
margin-left: 15px;
margin-top: 10px;
text-align: left;
font-family: 'Lora' , serif;
padding: 10px;
}


.stoneboxright1{
overflow: auto;
background-color: white;
height: 200px;
width: 450px;
border: 3px solid #dab3ff;
float: right;
margin-right: 15px;
margin-left: 15px;
margin-top: 10px;
text-align: left;
font-family: 'Lora' , serif;
padding: 10px;
}

.stoneimage1{
height: 200px;
width: 450px;
float: right;
margin-right: 10px;
}
.stonecredit1{
height: 50px
width: 60px
float: center;
margin: auto;
text-align: center;
font-family: 'Lora' , serif;
color: grey;
}







Character Name Here





Basic Information



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.

Appearance



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.



Backstory



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.

Coded By || StoneWolf18
​

Spoiler

<p style="display:none;">
	&nbsp;
</p>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Lora');
@import url('https://fonts.googleapis.com/css?family=Satisfy');
.stonemain{
margin:auto;
background-color:#f3e6ff;
height:680px;
width:1000px;
overflow:hidden;
padding:10px;}

.stoneborder{
border: 6px double white;
height:667px;}

hr.stonehr{
border-top: 2px solid white;}

.stoneboxtop{
overflow: auto;
background-color: white;
height: 200px;
width: 450px;
border: 3px solid #dab3ff;
float: left;
margin-left: 15px;
text-align: left;
font-family: 'Lora' , serif;
padding: 10px;
}


.stoneboxbottom{
overflow: auto;
background-color: white;
height: 200px;
width: 450px;
border: 3px solid #dab3ff;
float: left;
margin-left: 15px;
margin-top: 10px;
text-align: left;
font-family: 'Lora' , serif;
padding: 10px;
}


.stoneboxright{
overflow: auto;
background-color: white;
height: 200px;
width: 450px;
border: 3px solid #dab3ff;
float: right;
margin-right: 15px;
margin-left: 15px;
margin-top: 10px;
text-align: left;
font-family: 'Lora' , serif;
padding: 10px;
}

.stoneimage{
height: 200px;
width: 450px;
float: right;
margin-right: 10px;
}
.stonecredit{
height: 50px
width: 60px
float: center;
margin: auto;
text-align: center;
font-family: 'Lora' , serif;
color: grey;
}</style>
<div class="stonemain">
	<div class="stoneborder">
		<div style="color: white; font-family: Satisfy, cursive; text-align: center;">
			<p style="">
				&nbsp;
			</p>

			<p style="">
				<span style="font-size:72px;">Character Name Here</span>
			</p>

			<hr class="stonehr" hr="" style="font-size: 48px;">
		</div>

		<div class="stoneboxtop">
			<h2 style="color: #dab3ff; font-family: 'Satisfy', cursive; font-size: 24px; text-align: center;">
				Basic Information
			</h2>

			<hr>
			Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.
		</div>

		<div class="stoneimage">
			<img alt="image" src="https://www.rpnation.com/applications/core/interface/imageproxy/imageproxy.php?img=http://research.larc.smu.edu.sg/bizanalytics/assets/img/default.jpg&amp;key=01cdb392376af5ac9b5878dd985956a8da10c35bd3bed1f88c99431395d1db57" style="width: 450px;height:200px;">
		</div>

		<div class="stoneboxbottom">
			<h2 style="color: #dab3ff; font-family: 'Satisfy', cursive; font-size: 24px; text-align: center;">
				Appearance
			</h2>

			<hr>
			Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.
		</div>

		<div class="stoneboxright">
			<h2 style="color: #dab3ff; font-family: 'Satisfy', cursive; font-size: 24px; text-align: center;">
				Backstory
			</h2>

			<hr>
			Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.
		</div>

		<div style="clear:both;">
			<div class="stonecredit;" style="text-align: center;">
				<span style="color:#edb3ff;">Coded By || StoneWolf18</span>
			</div>
		</div>
	</div>
</div>

 

[StoneWolf18]

Username: ewolf20


What is the template for: more or less a character sheet


Complexity:2


What do you want this to include: a green, yellow green, and brownish gold color scheme. layout should include a character image placeholder and subvert boxes for backstory and what not. then finally, if you know how to program custom scroll bars, then use a brown and green one. that is all


(Also i hope this doesn't make your head hurt. I usually make the best out of anything.so, you don't have to worry about it.)

Did you want something similar to that above?

 

[ewolf20]

Did you want something similar to that above?

yes but less wide. i might edit it a bit.

 

[minajesty]

Username: TheCandyEmo


What is the template for: Character Sheet


Complexity: 2


What do you want this to include:[SIZE= 12px] Maybe some red and black. Or blue and black. But it needs to have the color black in it. Can you give me some places for pictures, maybe like 2 or 3 placeholders. If you can, would you be able to make a scrollbar that isn't visible? If not, then im fine with it being visible. Im not too picky about the font, you can choose whichever you think looks best with the layout. I do want a huge heading, kinda like what you did with @Eternal Dragonchild 's character sheet.[/SIZE]


Should it be mobile friendly: No. I am always on the computer when on RPNATION.


Thank you!

 

[StoneWolf18]

Username: TheCandyEmo


What is the template for: Character Sheet


Complexity: 2


What do you want this to include:[SIZE= 12px] Maybe some red and black. Or blue and black. But it needs to have the color black in it. Can you give me some places for pictures, maybe like 2 or 3 placeholders. If you can, would you be able to make a scrollbar that isn't visible? If not, then im fine with it being visible. Im not too picky about the font, you can choose whichever you think looks best with the layout. I do want a huge heading, kinda like what you did with @Eternal Dragonchild 's character sheet.[/SIZE]


Should it be mobile friendly: No. I am always on the computer when on RPNATION.


Thank you!

Mm, so do you want separate areas or just post-width? Do you want it to take up the whole posting area or just part and center the main box?

 

[minajesty]

Separate areas please. And I would like it to take up the whole posting area.

 

[StoneWolf18]

yes but less wide. i might edit it a bit.

Alright but be warned that you need to keep the credit at the bottom.

Separate areas please. And I would like it to take up the whole posting area.

Alright, any images you want as place holders? ^^

 

[minajesty]

Spoiler

These!

 

[StoneWolf18]

@ewolf20 Because you're going to edit it and wanted something similar, I just used the same template as before. 


@import url('https://fonts.googleapis.com/css?family=Lora');
@import url('https://fonts.googleapis.com/css?family=Josefin+Slab');
.stonemain{
margin:auto;
background-color:#003300;
height:680px;
width:1000px;
overflow:hidden;
padding:10px;}

.stoneborder{
border: 2px dashed #669900;
height:667px;}

hr.stonehr{
border-top: 2px solid #669900;}

.stoneboxtop{
overflow: auto;
background-color: white;
height: 200px;
width: 450px;
border: 3px solid #669900;
float: left;
margin-left: 15px;
text-align: left;
font-family: 'Open Sans Condensed', sans-serif;
padding: 10px;
}


.stoneboxbottom{
overflow: auto;
background-color: white;
height: 200px;
width: 450px;
border: 3px solid #669900;
float: left;
margin-left: 15px;
margin-top: 10px;
text-align: left;
font-family: 'Open Sans Condensed', sans-serif;
padding: 10px;
}


.stoneboxright{
overflow: auto;
background-color: white;
height: 200px;
width: 450px;
border: 3px solid #669900;
float: right;
margin-right: 15px;
margin-left: 15px;
margin-top: 10px;
text-align: left;
font-family: 'Open Sans Condensed', sans-serif;
padding: 10px;
}

.stoneimage{
height: 200px;
width: 450px;
float: right;
margin-right: 10px;
}
.stonecredit{
height: 50px
width: 60px
float: center;
margin: auto;
text-align: center;
font-family: 'Open Sans Condensed', sans-serif;
color: grey;
}







Character Name Here





Basic Information



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.

Appearance



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.



Backstory



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.

Coded By || StoneWolf18
​

Spoiler

<p style="display:none;">
&nbsp;
</p>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Lora');
@import url('https://fonts.googleapis.com/css?family=Josefin+Slab');
.stonemain{
margin:auto;
background-color:#003300;
height:680px;
width:1000px;
overflow:hidden;
padding:10px;}

.stoneborder{
border: 2px dashed #669900;
height:667px;}

hr.stonehr{
border-top: 2px solid #669900;}

.stoneboxtop{
overflow: auto;
background-color: white;
height: 200px;
width: 450px;
border: 3px solid #669900;
float: left;
margin-left: 15px;
text-align: left;
font-family: 'Open Sans Condensed', sans-serif;
padding: 10px;
}


.stoneboxbottom{
overflow: auto;
background-color: white;
height: 200px;
width: 450px;
border: 3px solid #669900;
float: left;
margin-left: 15px;
margin-top: 10px;
text-align: left;
font-family: 'Open Sans Condensed', sans-serif;
padding: 10px;
}


.stoneboxright{
overflow: auto;
background-color: white;
height: 200px;
width: 450px;
border: 3px solid #669900;
float: right;
margin-right: 15px;
margin-left: 15px;
margin-top: 10px;
text-align: left;
font-family: 'Open Sans Condensed', sans-serif;
padding: 10px;
}

.stoneimage{
height: 200px;
width: 450px;
float: right;
margin-right: 10px;
}
.stonecredit{
height: 50px
width: 60px
float: center;
margin: auto;
text-align: center;
font-family: 'Open Sans Condensed', sans-serif;
color: grey;
}</style>
<div class="stonemain">
<div class="stoneborder">
<div style="color: #cc9900; font-family: 'Josefin Slab', serif; text-align: center;">
<p style="">
&nbsp;
</p>

<p style="">
<span style="font-size:72px;">Character Name Here</span>
</p>

<hr class="stonehr" hr="" style="font-size: 48px;">
</div>

<div class="stoneboxtop">
<h2 style="color: #cc9900; font-family: 'Josefin Slab', serif; font-size: 24px; text-align: center;">
Basic Information
</h2>

<hr>
<span style="font-size:16px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.</span>
</div>

<div class="stoneimage">
<img alt="image" src="https://www.rpnation.com/applications/core/interface/imageproxy/imageproxy.php?img=http://research.larc.smu.edu.sg/bizanalytics/assets/img/default.jpg&amp;key=01cdb392376af5ac9b5878dd985956a8da10c35bd3bed1f88c99431395d1db57" style="width: 450px;height:200px;">
</div>

<div class="stoneboxbottom">
<h2 style="color: #cc9900; font-family: 'Josefin Slab', serif; font-size: 24px; text-align: center;">
Appearance
</h2>

<hr>
<span style="font-size:16px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.</span>
</div>

<div class="stoneboxright">
<h2 style="color: #cc9900; font-family: 'Josefin Slab', serif; font-size: 24px; text-align: center;">
Backstory
</h2>

<hr>
<span style="font-size:16px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.</span>
</div>

<div style="clear:both;">
<div class="stonecredit;" style="text-align: center;">
<span style="color:#cc9900;">Coded By || StoneWolf18</span>
</div>
</div>
</div>
</div>

@TheCandyEmo You're up next. ^^

 

[StoneWolf18]

SHITSHITSHITSHITSHITSHIT


CSS NEEDS OTHER DEFINED CLASSES
 


FUCK GIMME A SECOND

 

[ewolf20]

44 minutes ago, StoneWolf18 said:



@ewolf20 Because you're going to edit it and wanted something similar, I just used the same template as before. 



@import url('https://fonts.googleapis.com/css?family=Lora');
@import url('https://fonts.googleapis.com/css?family=Josefin+Slab');
.stonemain{
margin:auto;
background-color:#003300;
height:680px;
width:1000px;
overflow:hidden;
padding:10px;}

.stoneborder{
border: 2px dashed #669900;
height:667px;}

hr.stonehr{
border-top: 2px solid #669900;}

.stoneboxtop{
overflow: auto;
background-color: white;
height: 200px;
width: 450px;
border: 3px solid #669900;
float: left;
margin-left: 15px;
text-align: left;
font-family: 'Open Sans Condensed', sans-serif;
padding: 10px;
}


.stoneboxbottom{
overflow: auto;
background-color: white;
height: 200px;
width: 450px;
border: 3px solid #669900;
float: left;
margin-left: 15px;
margin-top: 10px;
text-align: left;
font-family: 'Open Sans Condensed', sans-serif;
padding: 10px;
}


.stoneboxright{
overflow: auto;
background-color: white;
height: 200px;
width: 450px;
border: 3px solid #669900;
float: right;
margin-right: 15px;
margin-left: 15px;
margin-top: 10px;
text-align: left;
font-family: 'Open Sans Condensed', sans-serif;
padding: 10px;
}

.stoneimage{
height: 200px;
width: 450px;
float: right;
margin-right: 10px;
}
.stonecredit{
height: 50px
width: 60px
float: center;
margin: auto;
text-align: center;
font-family: 'Open Sans Condensed', sans-serif;
color: grey;
}






Character Name Here





Basic Information



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.

Appearance



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.



Backstory



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.

Coded By || StoneWolf18
​

Spoiler

<p style="display:none;">
&nbsp;
</p>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Lora');
@import url('https://fonts.googleapis.com/css?family=Josefin+Slab');
.stonemain{
margin:auto;
background-color:#003300;
height:680px;
width:1000px;
overflow:hidden;
padding:10px;}

.stoneborder{
border: 2px dashed #669900;
height:667px;}

hr.stonehr{
border-top: 2px solid #669900;}

.stoneboxtop{
overflow: auto;
background-color: white;
height: 200px;
width: 450px;
border: 3px solid #669900;
float: left;
margin-left: 15px;
text-align: left;
font-family: 'Open Sans Condensed', sans-serif;
padding: 10px;
}


.stoneboxbottom{
overflow: auto;
background-color: white;
height: 200px;
width: 450px;
border: 3px solid #669900;
float: left;
margin-left: 15px;
margin-top: 10px;
text-align: left;
font-family: 'Open Sans Condensed', sans-serif;
padding: 10px;
}


.stoneboxright{
overflow: auto;
background-color: white;
height: 200px;
width: 450px;
border: 3px solid #669900;
float: right;
margin-right: 15px;
margin-left: 15px;
margin-top: 10px;
text-align: left;
font-family: 'Open Sans Condensed', sans-serif;
padding: 10px;
}

.stoneimage{
height: 200px;
width: 450px;
float: right;
margin-right: 10px;
}
.stonecredit{
height: 50px
width: 60px
float: center;
margin: auto;
text-align: center;
font-family: 'Open Sans Condensed', sans-serif;
color: grey;
}</style>
<div class="stonemain">
<div class="stoneborder">
<div style="color: #cc9900; font-family: 'Josefin Slab', serif; text-align: center;">
<p style="">
&nbsp;
</p>

<p style="">
<span style="font-size:72px;">Character Name Here</span>
</p>

<hr class="stonehr" hr="" style="font-size: 48px;">
</div>

<div class="stoneboxtop">
<h2 style="color: #cc9900; font-family: 'Josefin Slab', serif; font-size: 24px; text-align: center;">
Basic Information
</h2>

<hr>
<span style="font-size:16px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.</span>
</div>

<div class="stoneimage">
<img alt="image" src="https://www.rpnation.com/applications/core/interface/imageproxy/imageproxy.php?img=http://research.larc.smu.edu.sg/bizanalytics/assets/img/default.jpg&amp;key=01cdb392376af5ac9b5878dd985956a8da10c35bd3bed1f88c99431395d1db57" style="width: 450px;height:200px;">
</div>

<div class="stoneboxbottom">
<h2 style="color: #cc9900; font-family: 'Josefin Slab', serif; font-size: 24px; text-align: center;">
Appearance
</h2>

<hr>
<span style="font-size:16px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.</span>
</div>

<div class="stoneboxright">
<h2 style="color: #cc9900; font-family: 'Josefin Slab', serif; font-size: 24px; text-align: center;">
Backstory
</h2>

<hr>
<span style="font-size:16px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.</span>
</div>

<div style="clear:both;">
<div class="stonecredit;" style="text-align: center;">
<span style="color:#cc9900;">Coded By || StoneWolf18</span>
</div>
</div>
</div>
</div>

@TheCandyEmo You're up next. ^^





 

nice. but i was expecting the reverse but oh well.

 

[StoneWolf18]

I love how no one's said "thank you for taking time to make this code for me."

 

[ewolf20]

I love how no one's said "thank you for taking time to make this code for me."

well thanks. i almost forgot to say that. 

 

[StoneWolf18]

Alright @TheCandyEmo, I fell in love with this one, the only problem is the lack of pictures. I'm sure they can be fit in the appearance section!


@import url('https://fonts.googleapis.com/css?family=Bungee+Shade');
@import url('https://fonts.googleapis.com/css?family=Poiret+One');
.stonemain2{
margin: auto;
background-color: black;
overflow: auto;
width: 1500px;
height: 740px;
border: 4px solid #b3e6ff;
}
.stoneboxleft2{
overflow: auto;
background-color: #e6f7ff;
width: 450px;
height: 480px;
border: 4px solid #b3e6ff;
float: left;
margin-left: 35px;
margin-right: 15px;
text-align: left;
font-family: 'Poiret One', cursive;
font-size: 18px;
color: black;
padding: 15px;
}
.stoneboxcenter2{
overflow: auto;
background-color: #e6f7ff;
width: 450px;
height: 480px;
border: 4px solid #b3e6ff;
float: left;
margin-left: 15px;
margin-right: 15px;
text-align: left;
font-family: 'Poiret One', cursive;
font-size: 18px;
color: black;
padding: 15px;
}
.stoneboxright2{
overflow: auto;
background-color: #e6f7ff;
width: 450px;
height: 480px;
border: 4px solid #b3e6ff;
float: left;
margin-right: 15px;
margin-left: 15px;
text-align: left;
font-family: 'Poiret One', cursive;
font-size: 18px;
color: black;
padding: 15px;
}
.stonecredit2{
height: 20px;
width: 60px;
float: center;
margin: auto;
text-align: center;
font-family: 'Lora' , serif;
color: grey;
}




Character Name Here

Basic Information
​

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.

Appearance
​

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.

History
​

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.



Coded By || StoneWolf18

Spoiler

<p style="display:none;">
	 
</p>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Bungee+Shade');
@import url('https://fonts.googleapis.com/css?family=Poiret+One');
.stonemain2{
margin: auto;
background-color: black;
overflow: auto;
width: 1500px;
height: 740px;
border: 4px solid #b3e6ff;
}
.stoneboxleft2{
overflow: auto;
background-color: #e6f7ff;
width: 450px;
height: 480px;
border: 4px solid #b3e6ff;
float: left;
margin-left: 35px;
margin-right: 15px;
text-align: left;
font-family: 'Poiret One', cursive;
font-size: 18px;
color: black;
padding: 15px;
}
.stoneboxcenter2{
overflow: auto;
background-color: #e6f7ff;
width: 450px;
height: 480px;
border: 4px solid #b3e6ff;
float: left;
margin-left: 15px;
margin-right: 15px;
text-align: left;
font-family: 'Poiret One', cursive;
font-size: 18px;
color: black;
padding: 15px;
}
.stoneboxright2{
overflow: auto;
background-color: #e6f7ff;
width: 450px;
height: 480px;
border: 4px solid #b3e6ff;
float: left;
margin-right: 15px;
margin-left: 15px;
text-align: left;
font-family: 'Poiret One', cursive;
font-size: 18px;
color: black;
padding: 15px;
}
.stonecredit2{
height: 20px;
width: 60px;
float: center;
margin: auto;
text-align: center;
font-family: 'Lora' , serif;
color: grey;
}</style>
<div style="overflow: auto;">
<div class="stonemain2">
	<div style="color: #b3e6ff; font-family: 'Bungee Shade', cursive; text-align: center; font-size: 72px;">
		<p>
			Character Name Here
		</p>

		<hr>
	</div>

	<div class="stoneboxleft2">
		<div style="color: #b3e6ff; font-family: 'Bungee Shade', cursive; text-align: Left; font-size: 48px;border-bottom: 1px solid black;">
			<p style="text-align: center;">
				<span style="color:#000000;"><span style="font-size:28px;">Basic Information</span></span>
			</p>
		</div>
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.
	</div>

	<div class="stoneboxcenter2">
		<div style="color: #b3e6ff; font-family: 'Bungee Shade', cursive; text-align: Left; font-size: 48px;border-bottom: 1px solid black;">
			<p style="text-align: center;">
				<span style="color:#000000;"><span style="font-size:28px;">Appearance</span></span>
			</p>
		</div>
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.
	</div>

	<div class="stoneboxright2">
		<div style="color: #b3e6ff; font-family: 'Bungee Shade', cursive; text-align: Left; font-size: 48px;border-bottom: 1px solid black;">
			<p style="text-align: center;">
				<span style="color:#000000;"><span style="font-size:28px;">History</span></span>
			</p>
		</div>
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.
	</div>

	<div style="clear: both; text-align: center;">
		<span style="color:#b3e6ff;"><span style="background-color:#000000;">Coded By || StoneWolf18</span></span>
	</div>
  </div>
</div>

 

[Bunny Hop]

Sorry for not posting again. I was filling the template out for the character I requested it for! 


I absolutely love what you have done. Many thanks. If i need another CS I'll be coming to you for it. 

 

[StoneWolf18]

Sorry for not posting again. I was filling the template out for the character I requested it for! 


I absolutely love what you have done. Many thanks. If i need another CS I'll be coming to you for it. 

You're welcome! Sorry if I sounded a bit rude >.<

 

[Reinhardt]

The last coded sheet extends beyond the original size of the page. That's not a good thing, trust me. You might get a warning, or worse, an offense, cause it somehow breaks the site (which is against the rules as stated to me before). Try turning the "width" into "max-width" or adding an overflow function to prevent it from extending beyond the page's original size.

 

[StoneWolf18]

The last coded sheet extends beyond the original size of the page. That's not a good thing, trust me. You might get a warning, or worse, an offense, cause it somehow breaks the site (which is against the rules as stated to me before). Try turning the "width" into "max-width" or adding an overflow function to prevent it from extending beyond the page's original size.

>.> trust me, I've gotten that lecture before. I was using pixels instead of percentages because it was easier for me to logically calculate everything else around that. I'm not going to fix it right this moment because I have no access to a laptop and coding on my phone isn't fun.


Please only comment further if you have a request. Any other problems can be directed to me via PM.

 

[Reinhardt]

>.> trust me, I've gotten that lecture before. I was using pixels instead of percentages because it was easier for me to logically calculate everything else around that. I'm not going to fix it right this moment because I have no access to a laptop and coding on my phone isn't fun.

Ah, I see. You could still use them, but max-width is the safest width modifier when toying with pixels. I, too, dislike the usage of percentage since they rarely grant me the precise size that I need or want, so I use pixels, but with max-width. It makes it safe for mobile, and removes the post's tendency to extend beyond the page.

 

[KiKi Kitsune]

Hi hi   I was hoping I could make a request. 


Username: KiKi works fine


What is the template for: Character Sheet


Complexity: 2? I want to keep it fairly simple though.


What do you want this to include: The character is a bit of a pyromaniac, so a fire theme/colour pallet. The personality and biography sections are really long, so can there be space to accommodate that comfortably? 


Should it be mobile friendly: Nope


Here's an image (still a rough WIP which I need to finish) with the character. I can still change the size and background colour easily and remove the written details if they don't fit nicely. 

Spoiler

Is this okay?

 

[StoneWolf18]

Hi hi   I was hoping I could make a request. 


Username: KiKi works fine


What is the template for: Character Sheet


Complexity: 2? I want to keep it fairly simple though.


What do you want this to include: The character is a bit of a pyromaniac, so a fire theme/colour pallet. The personality and biography sections are really long, so can there be space to accommodate that comfortably? 


Should it be mobile friendly: Nope


Here's an image (still a rough WIP which I need to finish) with the character. I can still change the size and background colour easily and remove the written details if they don't fit nicely. 

Spoiler

View attachment 238759

Is this okay?

Yep! I'll begin working on it soon. Hopefully, you can expect it later today. ^^