HTML Commisions and Free Templates || OPEN!

ewolf20 · Jan 21, 2017

StoneWolf18 said:
With the pictures you would like to use (a forest) I might have to change to shades of green or even black, unless you would like to find ones for me with more of the colors you would like to see.

it's up to you honestly

StoneWolf18 · Jan 21, 2017

Alright @ewolf20 here you are.

@import url('https://fonts.googleapis.com/css?family=Amatic+SC|Raleway');
.stonemain7{
margin: auto;
background-color: black;
height: 620px;
width: 90%;
border: 4px solid black;
text-align: left;
overflow: hidden;
}
.stoneimageleft7{
float: left;
}
.stonebox7{
overflow: auto;
margin-left: 20px;
margin-top: 20px;
margin-bottom: 20px;
height: 550px;
width: 468px;
float: left;
background-color: #0d0d0d;
border: 4px solid black;
text-align: left;
font-family: 'Raleway' , sans-serif;
color: #f2f2f2;
font-size: 18px;
padding: 10px;
}
.stoneimageright7{
float: right;
}
hr.stonehr7{
border: 0;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

Coded By || StoneWolf18

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam dignissim lacus eu erat auctor lacinia. Nunc sagittis nisi et condimentum luctus. Nunc et hendrerit dolor, ac bibendum enim. Nunc mollis tincidunt felis vel mollis. Ut neque libero, convallis nec metus sed, elementum blandit ipsum. Duis maximus, lorem mattis viverra volutpat, lectus ipsum porttitor velit, nec efficitur mi ex nec nisl. Sed augue sem, consequat id arcu at, placerat consequat ex. Sed ac tortor in mi accumsan maximus at eu leo. Maecenas rhoncus, tortor eu dignissim convallis, sem elit tincidunt ligula, sit amet sollicitudin sapien dolor in lectus. Sed tincidunt feugiat lobortis. Duis quis cursus urna. Donec dui nulla, porttitor ac tempor eu, suscipit non eros. Donec lobortis molestie sapien, in scelerisque sem sodales ullamcorper.

Integer lectus velit, feugiat eu efficitur eu, mollis ut dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris et ligula in tellus egestas dignissim. Morbi ultrices metus eros, nec hendrerit ligula pellentesque non. Etiam interdum feugiat nisi nec bibendum. Nulla dapibus consequat mi sed varius. Pellentesque tincidunt purus non posuere luctus.

Phasellus vel turpis quis orci facilisis consequat. Nunc sollicitudin hendrerit orci. Pellentesque nulla sem, viverra in turpis ullamcorper, pharetra sodales sem. In eu viverra felis. Nullam malesuada dui eros, in condimentum elit tincidunt sit amet. Vivamus lacinia nulla a sodales egestas. Praesent tincidunt dapibus enim, in congue metus hendrerit a. Pellentesque vehicula ex sed vehicula posuere. Sed non rutrum lacus. Duis lobortis porttitor elit vel aliquet. Fusce placerat mollis massa, ac pulvinar massa euismod vitae. Pellentesque quis ipsum finibus, imperdiet dui quis, tristique tortor.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut pulvinar fringilla libero, vel ornare risus. Nam dignissim, risus consectetur semper interdum, orci nisi bibendum lorem, sed gravida lectus lorem egestas risus.

Aliquam id laoreet tortor, eget gravida est. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam iaculis vulputate felis, vitae porttitor neque tincidunt vel. Suspendisse fringilla pharetra ex at tempus. Praesent gravida hendrerit elit eu iaculis. Curabitur id purus at nulla lacinia scelerisque. Nullam posuere, nisi eget sollicitudin sagittis, quam justo semper felis, ac dapibus lectus urna nec neque. Vivamus ultrices augue venenatis semper vulputate.

Nunc congue, mauris sed mollis lobortis, lectus felis hendrerit turpis, quis faucibus purus quam quis elit. Morbi consectetur ultrices libero, venenatis ultrices orci porta quis. Nullam posuere, purus ut condimentum ultrices, velit purus ultrices lacus, eu tristique dui nulla luctus augue. Mauris dignissim dignissim odio, at posuere eros placerat sed. Praesent pretium nulla et dui tristique, nec interdum lacus euismod. Nam faucibus pharetra risus, ac lacinia est molestie placerat. Nullam id nisl eget ipsum gravida condimentum. Phasellus volutpat vel lacus a fringilla. Curabitur feugiat, augue eu dignissim porta, nibh tortor consequat odio, hendrerit lobortis nulla est in velit. Nunc a erat dui. Suspendisse tempus massa eu cursus gravida. Donec fermentum, lacus id aliquam consectetur, tortor nulla fringilla felis, eu condimentum turpis mauris et ligula.

Coded By || StoneWolf18

Code:

<p style="display: none;">
	 
</p>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Amatic+SC|Raleway');
.stonemain7{
margin: auto;
background-color: black;
height: 620px;
width: 90%;
border: 4px solid black;
text-align: left;
overflow: hidden;
}
.stoneimageleft7{
float: left;
}
.stonebox7{
overflow: auto;
margin-left: 20px;
margin-top: 20px;
margin-bottom: 20px;
height: 550px;
width: 468px;
float: left;
background-color: #0d0d0d;
border: 4px solid black;
text-align: left;
font-family: 'Raleway' , sans-serif;
color: #f2f2f2;
font-size: 18px;
padding: 10px;
}
.stoneimageright7{
float: right;
}
hr.stonehr7{
 border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}</style>
<div class="stonemain7">
	<div class="stoneimageleft7">
		<img alt="Campfire" src="https://www.rpnation.com/applications/core/interface/imageproxy/imageproxy.php?img=https://southernafrican.news/wp-content/uploads/2016/07/campfire.jpg&key=8673acda4d21e4a64adc913d32c094818de8b7ce0132f9b4014a2dc2850f3139" style="width: 478px; height: 620px; border: none;">
	</div>

	<div class="stonebox7">
		<p style="text-align: center;">
			<span style="font-size:16px;"><span style="text-align: center; color: white; font-family: "Amatic SC", cursive;">Coded By || StoneWolf18</span></span>
		</p>

		<div style="font-family: 'Amatic SC', cursive; font-size: 36px;margin-top: 10px; margin-bottom: 10px;text-align: center;">
			Title
		</div>

		<div data-role="contentPage">
			<hr data-role="contentPageBreak">
		</div>

		<p>
			Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam dignissim lacus eu erat auctor lacinia. Nunc sagittis nisi et condimentum luctus. Nunc et hendrerit dolor, ac bibendum enim. Nunc mollis tincidunt felis vel mollis. Ut neque libero, convallis nec metus sed, elementum blandit ipsum. Duis maximus, lorem mattis viverra volutpat, lectus ipsum porttitor velit, nec efficitur mi ex nec nisl. Sed augue sem, consequat id arcu at, placerat consequat ex. Sed ac tortor in mi accumsan maximus at eu leo. Maecenas rhoncus, tortor eu dignissim convallis, sem elit tincidunt ligula, sit amet sollicitudin sapien dolor in lectus. Sed tincidunt feugiat lobortis. Duis quis cursus urna. Donec dui nulla, porttitor ac tempor eu, suscipit non eros. Donec lobortis molestie sapien, in scelerisque sem sodales ullamcorper.
		</p>

		<p>
			 
		</p>

		<p>
			Integer lectus velit, feugiat eu efficitur eu, mollis ut dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris et ligula in tellus egestas dignissim. Morbi ultrices metus eros, nec hendrerit ligula pellentesque non. Etiam interdum feugiat nisi nec bibendum. Nulla dapibus consequat mi sed varius. Pellentesque tincidunt purus non posuere luctus.
		</p>

		<p>
			 
		</p>

		<p>
			Phasellus vel turpis quis orci facilisis consequat. Nunc sollicitudin hendrerit orci. Pellentesque nulla sem, viverra in turpis ullamcorper, pharetra sodales sem. In eu viverra felis. Nullam malesuada dui eros, in condimentum elit tincidunt sit amet. Vivamus lacinia nulla a sodales egestas. Praesent tincidunt dapibus enim, in congue metus hendrerit a. Pellentesque vehicula ex sed vehicula posuere. Sed non rutrum lacus. Duis lobortis porttitor elit vel aliquet. Fusce placerat mollis massa, ac pulvinar massa euismod vitae. Pellentesque quis ipsum finibus, imperdiet dui quis, tristique tortor.
		</p>

		<p>
			 
		</p>

		<p>
			Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut pulvinar fringilla libero, vel ornare risus. Nam dignissim, risus consectetur semper interdum, orci nisi bibendum lorem, sed gravida lectus lorem egestas risus.
		</p>

		<p>
			 
		</p>

		<p>
			Aliquam id laoreet tortor, eget gravida est. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam iaculis vulputate felis, vitae porttitor neque tincidunt vel. Suspendisse fringilla pharetra ex at tempus. Praesent gravida hendrerit elit eu iaculis. Curabitur id purus at nulla lacinia scelerisque. Nullam posuere, nisi eget sollicitudin sagittis, quam justo semper felis, ac dapibus lectus urna nec neque. Vivamus ultrices augue venenatis semper vulputate.
		</p>

		<p>
			 
		</p>

		<p>
			Nunc congue, mauris sed mollis lobortis, lectus felis hendrerit turpis, quis faucibus purus quam quis elit. Morbi consectetur ultrices libero, venenatis ultrices orci porta quis. Nullam posuere, purus ut condimentum ultrices, velit purus ultrices lacus, eu tristique dui nulla luctus augue. Mauris dignissim dignissim odio, at posuere eros placerat sed. Praesent pretium nulla et dui tristique, nec interdum lacus euismod. Nam faucibus pharetra risus, ac lacinia est molestie placerat. Nullam id nisl eget ipsum gravida condimentum. Phasellus volutpat vel lacus a fringilla. Curabitur feugiat, augue eu dignissim porta, nibh tortor consequat odio, hendrerit lobortis nulla est in velit. Nunc a erat dui. Suspendisse tempus massa eu cursus gravida. Donec fermentum, lacus id aliquam consectetur, tortor nulla fringilla felis, eu condimentum turpis mauris et ligula.
		</p>
	</div>

	<div class="stoneimageright7">
		<img alt="Forest" src="https://www.rpnation.com/applications/core/interface/imageproxy/imageproxy.php?img=http://im.boklm.eu/3663199137-o.jpg&key=6eff9409e573b6d764a96e83eb41d0f6f198ab18da932af1a9b97bf13d794f47" style="width: 440px; height: 650px; border: none;">
	</div>

	<div style="clear:both;">
		 
	</div>

	<div style="text-align: center; color: white; font-size: 8px; font-family:'Amatic SC', cursive;">
		<span style="font-size:18px;">Coded By || StoneWolf18</span>
	</div>
</div>

Fable · Jan 21, 2017

A few of your codes has the right most image doing this for me; just letting you know. :3

StoneWolf18 · Jan 21, 2017

Fyuri said:
A few of your codes has the right most image doing this for me; just letting you know. :3

I believe I just fixed it. The damn text box has different margins then when you post it, so when it looks as if it'll fit, it doesn't >.>

Thanks for letting me know, regardless. ^^

ewolf20 · Jan 21, 2017

thanks and now my head hurts. also. it doesn't seem to work.

StoneWolf18 · Jan 21, 2017

ewolf20 said:
thanks and now my head hurts.

...?

ewolf20 · Jan 21, 2017

Just now, StoneWolf18 said:

...?

there's seems to be something wrong with the code.

StoneWolf18 · Jan 21, 2017

ewolf20 said:
there's seems to be something wrong with the code.

Not on my end:

ewolf20 · Jan 21, 2017

i just needed to zoom ot.

ewolf20 · Jan 21, 2017

7 minutes ago, StoneWolf18 said:

Not on my end:

maybe you should try scaling it down a bit or ti could be my monitor.

StoneWolf18 · Jan 21, 2017

ewolf20 said:
maybe you should try scaling it down a bit or ti could be my monitor.

It's most likely your monitor although I don't know why I wouldn't scale regardless considering the main div is a percentage.

Eri · Jan 21, 2017

These are actually really amazing. Love your work!

StoneWolf18 · Jan 21, 2017

Eri said:
These are actually really amazing. Love your work!

Thank so much! :smile2: If you ever want to request anything, lemme know!

Eri · Jan 21, 2017

StoneWolf18 said:
Thank so much! :smile2: If you ever want to request anything, lemme know!

Will do. I might have to think of something, though not sure what I would use the sheets for at this time. But do keep up the good work, skill like this has always amazed me. I'm not the best at coding.

BoundByWords · Jan 21, 2017

These are great! After learning bbcode and having it removed I thought id never be able to make my CS' look good again but these are amazing, alas there is hope for the future.

BoundByWords · Jan 21, 2017

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

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

<p style="display:none;">
 
</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="">
 
</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&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>

I have a question. Is it possible for me to use this template? (With all credit to you of course) If so, is it possible to change the color and the font?

StoneWolf18 · Jan 21, 2017

BoundByWords said:
I have a question. Is it possible for me to use this template? (With all credit to you of course) If so, is it possible to change the color and the font?

These are all free to use by anyone as long as the credit is kept. But I'm a bit busy at the moment so if you would like ME to change those things, it might be a bit. You're welcome to do it yourself though!

BoundByWords · Jan 21, 2017

StoneWolf18 said:
These are all free to use by anyone as long as the credit is kept. But I'm a bit busy at the moment so if you would like ME to change those things, it might be a bit. You're welcome to do it yourself though!

I would if I knew how to do it, unfortunately I have no idea how to work my way around this new code so I can wait if that's okay. There's really no rush.

StoneWolf18 · Jan 21, 2017

BoundByWords said:
I would if I knew how to do it, unfortunately I have no idea how to work my way around this new code so I can wait if that's okay. There's really no rush.

No worries. Just get me the colors (hex codes) and fonts (google fonts only please.)

BoundByWords · Jan 21, 2017

StoneWolf18 said:
No worries. Just get me the colors (hex codes) and fonts (google fonts only please.)

Will do!

BoundByWords · Jan 21, 2017

I would like the colors to be:

#000000 as the background color and #cccccc as the secondary color like border and text.

I would like the title font to be Rock Salt,

https://fonts.google.com/specimen/Rock+Salt

and the body text font to be Walter Turncoat.

https://fonts.google.com/specimen/Walter+Turncoat

I hope that's good enough. Thank you so much for doing this!

StoneWolf18 · Jan 21, 2017

Here we go @BoundByWords! I had to edit the margins a bit so it was a percent and not pixel width. Hope this works!

@import url('https://fonts.googleapis.com/css?family=Rock+Salt|Walter+Turncoat');
.stonemain9{
margin:auto;
background-color:black;
height:700px;
width:70%;
overflow:hidden;
padding:10px;}

.stoneborder9{
border: 6px double #cccccc;
height:690px;}

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

.stoneboxtop9{
overflow: auto;
background-color: white;
height: 200px;
width: 450px;
border: 3px solid #cccccc;
float: left;
margin-left: 50px;
text-align: left;
font-family: 'Walter Turncoat', cursive;
padding: 10px;
}

.stoneboxbottom9{
overflow: auto;
background-color: white;
height: 200px;
width: 450px;
border: 3px solid #cccccc;
float: left;
margin-left: 50px;
margin-top: 10px;
text-align: left;
font-family: 'Walter Turncoat', cursive;
padding: 10px;
}

.stoneboxright9{
overflow: auto;
background-color: white;
height: 200px;
width: 450px;
border: 3px solid #cccccc;
float: right;
margin-right: 50px;
margin-left: 15px;
margin-top: 10px;
text-align: left;
font-family: 'Walter Turncoat', cursive;
padding: 10px;
}

.stoneimage9{
height: 200px;
width: 450px;
float: right;
margin-right: 50px;
}
.stonecredit9{
height: 50px
width: 60px
float: center;
margin: auto;
text-align: center;
font-family: 'Walter Turncoat', cursive;
color: grey;
}

Character Name

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

Code:

<p style="display:none;">
	 
</p>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Rock+Salt|Walter+Turncoat');
.stonemain9{
margin:auto;
background-color:black;
height:700px;
width:70%;
overflow:hidden;
padding:10px;}

.stoneborder9{
border: 6px double #cccccc;
height:690px;}

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

.stoneboxtop9{
overflow: auto;
background-color: white;
height: 200px;
width: 450px;
border: 3px solid #cccccc;
float: left;
margin-left: 50px;
text-align: left;
font-family: 'Walter Turncoat', cursive;
padding: 10px;
}


.stoneboxbottom9{
overflow: auto;
background-color: white;
height: 200px;
width: 450px;
border: 3px solid #cccccc;
float: left;
margin-left: 50px;
margin-top: 10px;
text-align: left;
font-family: 'Walter Turncoat', cursive;
padding: 10px;
}


.stoneboxright9{
overflow: auto;
background-color: white;
height: 200px;
width: 450px;
border: 3px solid #cccccc;
float: right;
margin-right: 50px;
margin-left: 15px;
margin-top: 10px;
text-align: left;
font-family: 'Walter Turncoat', cursive;
padding: 10px;
}

.stoneimage9{
height: 200px;
width: 450px;
float: right;
margin-right: 50px;
}
.stonecredit9{
height: 50px
width: 60px
float: center;
margin: auto;
text-align: center;
font-family: 'Walter Turncoat', cursive;
color: grey;
}</style>
<div class="stonemain9">
	<div class="stoneborder9">
		<div style="color: white; font-family: 'Rock Salt', cursive; text-align: center;">
			<p style="">
				 
			</p>

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

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

		<div class="stoneboxtop9">
			<h2 style="color: black; font-family: 'Rock Salt', 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="stoneimage9">
			<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&key=01cdb392376af5ac9b5878dd985956a8da10c35bd3bed1f88c99431395d1db57" style="width: 450px;height:200px;">
		</div>

		<div class="stoneboxbottom9">
			<h2 style="color: black; font-family: 'Rock Salt', 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="stoneboxright9">
			<h2 style="color: black; font-family: 'Rock Salt', 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="stonecredit9;" style="text-align: center;">
				<span style="color:#cccccc;font-family: 'Walter Turncoat', cursive;">Coded By || StoneWolf18</span>
			</div>
		</div>
	</div>
</div>

BoundByWords · Jan 21, 2017

StoneWolf18 said:
Here we go @BoundByWords! I had to edit the margins a bit so it was a percent and not pixel width. Hope this works!

Character Name

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

<p style="display:none;">

</p>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Rock+Salt|Walter+Turncoat');
.stonemain9{
margin:auto;
background-color:black;
height:700px;
width:70%;
overflow:hidden;
padding:10px;}

.stoneborder9{
border: 6px double #cccccc;
height:690px;}

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

.stoneboxtop9{
overflow: auto;
background-color: white;
height: 200px;
width: 450px;
border: 3px solid #cccccc;
float: left;
margin-left: 50px;
text-align: left;
font-family: 'Walter Turncoat', cursive;
padding: 10px;
}

.stoneboxbottom9{
overflow: auto;
background-color: white;
height: 200px;
width: 450px;
border: 3px solid #cccccc;
float: left;
margin-left: 50px;
margin-top: 10px;
text-align: left;
font-family: 'Walter Turncoat', cursive;
padding: 10px;
}

.stoneboxright9{
overflow: auto;
background-color: white;
height: 200px;
width: 450px;
border: 3px solid #cccccc;
float: right;
margin-right: 50px;
margin-left: 15px;
margin-top: 10px;
text-align: left;
font-family: 'Walter Turncoat', cursive;
padding: 10px;
}

.stoneimage9{
height: 200px;
width: 450px;
float: right;
margin-right: 50px;
}
.stonecredit9{
height: 50px
width: 60px
float: center;
margin: auto;
text-align: center;
font-family: 'Walter Turncoat', cursive;
color: grey;
}</style>
<div class="stonemain9">
<div class="stoneborder9">
<div style="color: white; font-family: 'Rock Salt', cursive; text-align: center;">
<p style="">

</p>

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

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

<div class="stoneboxtop9">
<h2 style="color: black; font-family: 'Rock Salt', 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="stoneimage9">
<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&key=01cdb392376af5ac9b5878dd985956a8da10c35bd3bed1f88c99431395d1db57" style="width: 450px;height:200px;">
</div>

<div class="stoneboxbottom9">
<h2 style="color: black; font-family: 'Rock Salt', 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="stoneboxright9">
<h2 style="color: black; font-family: 'Rock Salt', 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="stonecredit9;" style="text-align: center;">
<span style="color:#cccccc;font-family: 'Walter Turncoat', cursive;">Coded By || StoneWolf18</span>
</div>
</div>
</div>
</div>

It looks great, thank you so so so much!!!

BoundByWords · Jan 21, 2017

Okay this might be a really dumb question and im sorry if it is, but when I paste it it just has a huge body of text, even when I publish it. What am I doing wrong?

StoneWolf18 · Jan 21, 2017

BoundByWords said:
Okay this might be a really dumb question and im sorry if it is, but when I paste it it just has a huge body of text, even when I publish it. What am I doing wrong?

Are you entering the "source" editor? xD

HTML Commisions and Free Templates || OPEN!

the aspiring roleplayer

Within the Depths of a Dream

₮ⱧɆ ₥Ɏ₮Ⱨ, ₮ⱧɆ ⱠɆ₲Ɇ₦Đ, ₮ⱧɆ ₣₳฿ⱠɆ

Within the Depths of a Dream

the aspiring roleplayer

Within the Depths of a Dream

the aspiring roleplayer

Within the Depths of a Dream

the aspiring roleplayer

the aspiring roleplayer

Within the Depths of a Dream

New Member

Within the Depths of a Dream

New Member

Problematic Aesthetic

Problematic Aesthetic

Within the Depths of a Dream

Problematic Aesthetic

Within the Depths of a Dream

Problematic Aesthetic

Problematic Aesthetic

Within the Depths of a Dream

Problematic Aesthetic

Problematic Aesthetic

Within the Depths of a Dream

Users who are viewing this thread

Similar threads