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

    Remember to credit artists when using work not your own.

HTML Commisions and Free Templates || OPEN!

@KiKi Kitsune Here we are! I even got rid of the border around the image for yah. ^^


@import url('https://fonts.googleapis.com/css?family=Indie+Flower|Waiting+for+the+Sunrise');
.stonemain4{
margin: auto;
background-color: #dd9e6c;
height: 100%;
width: 100%;
border: 4px solid #ba6c2c;
overflow: hidden;
}
.stoneboxleft4{
overflow: auto;
background-color: #f5e4d6;
width: 30%;
height: 300px;
border: 4px solid #d34545;
float: left;
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 20px;
text-align: left;
font-family: 'Indie Flower', cursive;
font-size: 18px;
color: black;
padding: 15px;
}
.stoneimage4{
float: left;
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 20px;
}
.stonecredit4{
height: 5px;
width: 50px;
float: center;
margin-left: 10px;
text-align: center;
font-family: 'Lora' , serif;
color: #d34545;
}





Personality




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.



/monthly_2017_01/sayako.png.952b69e4adf076aab25db95eef1e41d1.thumb.png.a3d61e16dd60145223c1be56ef1fdb7d.png





Biography




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;">
	&nbsp;
</p>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Indie+Flower|Waiting+for+the+Sunrise');
.stonemain4{
margin: auto;
background-color: #dd9e6c;
height: 100%;
width: 100%;
border: 4px solid #ba6c2c;
overflow: hidden;
}
.stoneboxleft4{
overflow: auto;
background-color: #f5e4d6;
width: 30%;
height: 300px;
border: 4px solid #d34545;
float: left;
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 20px;
text-align: left;
font-family: 'Indie Flower', cursive;
font-size: 18px;
color: black;
padding: 15px;
}
.stoneimage4{
float: left;
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 20px;
}
.stonecredit4{
height: 5px;
width: 50px;
float: center;
margin-left: 10px;
text-align: center;
font-family: 'Lora' , serif;
color: #d34545;
}</style>
<div class="stonemain4">
	<div class="stoneboxleft4">
		<div style="font-size: 28px; color: #ba6c2c; font-family: 'Waiting for the Sunrise', cursive;">
			<div data-role="contentPage">
				<p style="text-align: center;">
					<strong>Personality</strong>
				</p>

				<hr data-role="contentPageBreak">
			</div>
		</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="stoneimage4">
		<img alt="sayako.png.952b69e4adf076aab25db95eef1e41d1.png" data-fileid="238759" src="https://www.rpnation.com/uploads/monthly_2017_01/sayako.png.952b69e4adf076aab25db95eef1e41d1.thumb.png.a3d61e16dd60145223c1be56ef1fdb7d.png" style="width: 500px; height: 300px; border:none;">
	</div>

	<div class="stoneboxleft4">
		<div style="font-size: 28px; color: #ba6c2c; font-family: 'Waiting for the Sunrise', cursive;">
			<div data-role="contentPage">
				<p style="text-align: center;">
					<strong>Biography</strong>
				</p>

				<hr data-role="contentPageBreak">
			</div>
		</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;">
		&nbsp;
	</div>

	<div class="stonecredit">
		<p style="color: rgb(211, 69, 69); text-align: left; margin-left: 10px;">
			Coded By || StoneWolf18
		</p>
	</div>
</div>
 
Just something I threw together for the hell of it. I wanted to try and stick with a cyberpunk theme, hence the background image, colors, and font. Its free to use so please do!


@import url('https://fonts.googleapis.com/css?family=Exo|Orbitron');
.stonemain5{
margin: auto;
background-image: url("http://s1.picswalls.com/wallpapers/2015/11/22/cyberpunk-wallpaper_102105675_292.jpg");\
background-repeat: no-repeat;
height: 550px;
width: 80%;
border: 6px double #66ccff;
overflow: auto;
}
.stoneboxleft5{
overflow: auto;
background-color: black;
width: 40%;
height: 450px;
float: left;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 90px;
margin-right: 10px;
text-align: left;
font-family: 'Exo', sans-serif;
font-size: 18px;
color: #ccefff;
padding: 15px;
border: 3px solid #66ccff;
}
.stoneboxtop5{
overflow: auto;
background-color: black;
width: 40%;
height: 215px;
float: left;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
text-align: left;
font-family: 'Exo', sans-serif;
font-size: 18px;
color: #ccefff;
padding: 15px;
border: 3px solid #66ccff;
}
.stoneboxbottom5{
overflow: auto;
background-color: black;
width: 40%;
height: 215px;
float: left;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
text-align: left;
font-family: 'Exo', sans-serif;
font-size: 18px;
color: #ccefff;
padding: 15px;
border: 3px solid #66ccff;
}



"Chararcter Quote Here"


For basic information.... Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis blandit fermentum. Proin nisl nunc, imperdiet sed porttitor at, malesuada quis lectus. Nulla at ex ipsum. Cras facilisis eros a risus dignissim, nec fermentum arcu euismod. Proin rutrum nulla eget nisl lacinia, vitae accumsan urna convallis. Donec id mauris dolor. Nunc vitae lacus malesuada, egestas turpis quis, faucibus mi. Vestibulum quam neque, sollicitudin nec feugiat quis, hendrerit sit amet odio. Maecenas sed nibh congue, semper lectus sed, ultrices ante. Duis dignissim massa ac egestas euismod. Ut id ullamcorper elit. Quisque lacinia fringilla ullamcorper. Sed vitae nisi eu nunc sagittis tincidunt id id elit. Duis ut lacus et risus fermentum efficitur semper ut dolor. Ut dictum turpis vitae justo condimentum varius. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquet urna non dignissim maximus. Aliquam non sodales sapien. Suspendisse rutrum est a neque mattis, non faucibus quam tempor. In pretium quam quis volutpat iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc laoreet et nisi aliquet condimentum. Ut id gravida magna. Vestibulum aliquet, lacus vitae tristique porta, quam elit dapibus enim, eget euismod ligula dolor dictum ex. Fusce iaculis pulvinar fringilla.




"Character Quote Here"



For Appearance information.... Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis blandit fermentum. Proin nisl nunc, imperdiet sed porttitor at, malesuada quis lectus. Nulla at ex ipsum. Cras facilisis eros a risus dignissim, nec fermentum arcu euismod. Proin rutrum nulla eget nisl lacinia, vitae accumsan urna convallis. Donec id mauris dolor. Nunc vitae lacus malesuada, egestas turpis quis, faucibus mi. Vestibulum quam neque, sollicitudin nec feugiat quis, hendrerit sit amet odio. Maecenas sed nibh congue, semper lectus sed, ultrices ante. Duis dignissim massa ac egestas euismod. Ut id ullamcorper elit. Quisque lacinia fringilla ullamcorper. Sed vitae nisi eu nunc sagittis tincidunt id id elit. Duis ut lacus et risus fermentum efficitur semper ut dolor. Ut dictum turpis vitae justo condimentum varius. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquet urna non dignissim maximus. Aliquam non sodales sapien. Suspendisse rutrum est a neque mattis, non faucibus quam tempor. In pretium quam quis volutpat iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc laoreet et nisi aliquet condimentum. Ut id gravida magna. Vestibulum aliquet, lacus vitae tristique porta, quam elit dapibus enim, eget euismod ligula dolor dictum ex. Fusce iaculis pulvinar fringilla.




"Character Quote Here"



For Personal information.... Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis blandit fermentum. Proin nisl nunc, imperdiet sed porttitor at, malesuada quis lectus. Nulla at ex ipsum. Cras facilisis eros a risus dignissim, nec fermentum arcu euismod. Proin rutrum nulla eget nisl lacinia, vitae accumsan urna convallis. Donec id mauris dolor. Nunc vitae lacus malesuada, egestas turpis quis, faucibus mi. Vestibulum quam neque, sollicitudin nec feugiat quis, hendrerit sit amet odio. Maecenas sed nibh congue, semper lectus sed, ultrices ante. Duis dignissim massa ac egestas euismod. Ut id ullamcorper elit. Quisque lacinia fringilla ullamcorper. Sed vitae nisi eu nunc sagittis tincidunt id id elit. Duis ut lacus et risus fermentum efficitur semper ut dolor. Ut dictum turpis vitae justo condimentum varius. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquet urna non dignissim maximus. Aliquam non sodales sapien. Suspendisse rutrum est a neque mattis, non faucibus quam tempor. In pretium quam quis volutpat iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc laoreet et nisi aliquet condimentum. Ut id gravida magna. Vestibulum aliquet, lacus vitae tristique porta, quam elit dapibus enim, eget euismod ligula dolor dictum ex. Fusce iaculis pulvinar fringilla.



 


Coded By || StoneWolf18






 

Code:
<p style="display: none;">
	&nbsp;
</p>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Exo|Orbitron');
.stonemain5{
margin: auto;
background-image: url("http://s1.picswalls.com/wallpapers/2015/11/22/cyberpunk-wallpaper_102105675_292.jpg");\
background-repeat: no-repeat;
height: 550px;
width: 80%;
border: 6px double #66ccff;
overflow: auto;
}
.stoneboxleft5{
overflow: auto;
background-color: black;
width: 40%;
height: 450px;
float: left;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 90px;
margin-right: 10px;
text-align: left;
font-family: 'Exo', sans-serif;
font-size: 18px;
color: #ccefff;
padding: 15px;
border: 3px solid #66ccff;
}
.stoneboxtop5{
overflow: auto;
background-color: black;
width: 40%;
height: 215px;
float: left;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
text-align: left;
font-family: 'Exo', sans-serif;
font-size: 18px;
color: #ccefff;
padding: 15px;
border: 3px solid #66ccff;
}
.stoneboxbottom5{
overflow: auto;
background-color: black;
width: 40%;
height: 215px;
float: left;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
text-align: left;
font-family: 'Exo', sans-serif;
font-size: 18px;
color: #ccefff;
padding: 15px;
border: 3px solid #66ccff;
}</style>
<div class="stonemain5">
	<div class="stoneboxleft5">
		<div style="text-align: center; line-height: 40px; color: 66ccff;  font-size: 48px; font-family: 'Orbitron', sans-serif;">
			<em><span style="font-size:36px;">&quot;Chararcter Quote Here&quot;</span></em>
			<hr>
		</div>
		For basic information.... Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis blandit fermentum. Proin nisl nunc, imperdiet sed porttitor at, malesuada quis lectus. Nulla at ex ipsum. Cras facilisis eros a risus dignissim, nec fermentum arcu euismod. Proin rutrum nulla eget nisl lacinia, vitae accumsan urna convallis. Donec id mauris dolor. Nunc vitae lacus malesuada, egestas turpis quis, faucibus mi. Vestibulum quam neque, sollicitudin nec feugiat quis, hendrerit sit amet odio. Maecenas sed nibh congue, semper lectus sed, ultrices ante. Duis dignissim massa ac egestas euismod. Ut id ullamcorper elit. Quisque lacinia fringilla ullamcorper. Sed vitae nisi eu nunc sagittis tincidunt id id elit. Duis ut lacus et risus fermentum efficitur semper ut dolor. Ut dictum turpis vitae justo condimentum varius. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquet urna non dignissim maximus. Aliquam non sodales sapien. Suspendisse rutrum est a neque mattis, non faucibus quam tempor. In pretium quam quis volutpat iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc laoreet et nisi aliquet condimentum. Ut id gravida magna. Vestibulum aliquet, lacus vitae tristique porta, quam elit dapibus enim, eget euismod ligula dolor dictum ex. Fusce iaculis pulvinar fringilla.
	</div>

	<div class="stoneboxtop5">
		<div style="text-align: center; line-height: 40px; color: 66ccff;  font-size: 48px; font-family: 'Orbitron', sans-serif;">
			<em><span style="font-size:36px;">&quot;Character Quote Here&quot;</span></em>

			<hr>
		</div>
		For Appearance information.... Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis blandit fermentum. Proin nisl nunc, imperdiet sed porttitor at, malesuada quis lectus. Nulla at ex ipsum. Cras facilisis eros a risus dignissim, nec fermentum arcu euismod. Proin rutrum nulla eget nisl lacinia, vitae accumsan urna convallis. Donec id mauris dolor. Nunc vitae lacus malesuada, egestas turpis quis, faucibus mi. Vestibulum quam neque, sollicitudin nec feugiat quis, hendrerit sit amet odio. Maecenas sed nibh congue, semper lectus sed, ultrices ante. Duis dignissim massa ac egestas euismod. Ut id ullamcorper elit. Quisque lacinia fringilla ullamcorper. Sed vitae nisi eu nunc sagittis tincidunt id id elit. Duis ut lacus et risus fermentum efficitur semper ut dolor. Ut dictum turpis vitae justo condimentum varius. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquet urna non dignissim maximus. Aliquam non sodales sapien. Suspendisse rutrum est a neque mattis, non faucibus quam tempor. In pretium quam quis volutpat iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc laoreet et nisi aliquet condimentum. Ut id gravida magna. Vestibulum aliquet, lacus vitae tristique porta, quam elit dapibus enim, eget euismod ligula dolor dictum ex. Fusce iaculis pulvinar fringilla.
	</div>

	<div class="stoneboxbottom5">
		<div style="text-align: center; line-height: 40px; color: 66ccff;  font-size: 48px; font-family: 'Orbitron', sans-serif;">
			<em><span style="font-size:36px;">&quot;Character Quote Here&quot;</span></em>

			<hr>
		</div>
		For Personal information.... Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis blandit fermentum. Proin nisl nunc, imperdiet sed porttitor at, malesuada quis lectus. Nulla at ex ipsum. Cras facilisis eros a risus dignissim, nec fermentum arcu euismod. Proin rutrum nulla eget nisl lacinia, vitae accumsan urna convallis. Donec id mauris dolor. Nunc vitae lacus malesuada, egestas turpis quis, faucibus mi. Vestibulum quam neque, sollicitudin nec feugiat quis, hendrerit sit amet odio. Maecenas sed nibh congue, semper lectus sed, ultrices ante. Duis dignissim massa ac egestas euismod. Ut id ullamcorper elit. Quisque lacinia fringilla ullamcorper. Sed vitae nisi eu nunc sagittis tincidunt id id elit. Duis ut lacus et risus fermentum efficitur semper ut dolor. Ut dictum turpis vitae justo condimentum varius. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquet urna non dignissim maximus. Aliquam non sodales sapien. Suspendisse rutrum est a neque mattis, non faucibus quam tempor. In pretium quam quis volutpat iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc laoreet et nisi aliquet condimentum. Ut id gravida magna. Vestibulum aliquet, lacus vitae tristique porta, quam elit dapibus enim, eget euismod ligula dolor dictum ex. Fusce iaculis pulvinar fringilla.
	</div>

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

	<div style="text-align: center; font-size: 10px; font-family: 'Orbitron', sans-serif;">
		<span style="font-size:12px;"><span style="color:#FFFFFF;">Coded By || StoneWolf18</span></span>
	</div>
</div>
 
Last edited by a moderator:
@Fyuri Er, sorry to bother you but would you mind helping me with whatever is happening with the post above? 0-0
 
Last edited by a moderator:
@StoneWolf18 If I could like that post a thousand time, I would. This comment counts as a thousand likes. Your coding his beautiful! 0-0
 
@StoneWolf18 If I could like that post a thousand time, I would. This comment counts as a thousand likes. Your coding his beautiful! 0-0



:33  Thanks! I find that this is a faster way to get the hang of HTML/CSS basics than an online tutorial so if you want, don't be afraid to request again. ^^
 
Last edited by a moderator:
@StoneWolf18 You set the height to 100%, change it to height:550px; and that should resolve that issue.
 
Another something I did for a interest check of mine and a friends. Because of that I will NOT be giving out the code but I can do something similar if asked!


@import url('https://fonts.googleapis.com/css?family=Amatic+SC|Raleway');
.stonemain6{
margin: auto;
background-color: #8a7a63;
height: 620px;
width: 90%;
border: 4px solid #5c4c36;
text-align: left;
overflow: hidden;
}
.stoneimageleft6{
float: left;
}
.stonebox6{
overflow: auto;
margin-left: 20px;
margin-top: 20px;
margin-bottom: 20px;
height: 550px;
width: 468px;
float: left;
background-color: #b5a58f;
border: 4px solid #5c4c36;
text-align: left;
font-family: 'Raleway' , sans-serif;
color: black;
font-size: 18px;
padding: 10px;
}
.stoneimageright6{
float: right;
}
hr.stonehr6{
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));
}


023-urban-decay-photography.png




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.




8f102ba80fc5e974d94e147133fcc51e.jpg
 
Last edited by a moderator:
10 hours ago, StoneWolf18 said:



Another something I did for a interest check of mine and a friends. Because of that I will NOT be giving out the code but I can do something similar if asked!



@import url('https://fonts.googleapis.com/css?family=Amatic+SC|Raleway');
.stonemain6{
margin: auto;
background-color: #8a7a63;
height: 620px;
width: 90%;
border: 4px solid #5c4c36;
text-align: left;
overflow: hidden;
}
.stoneimageleft6{
float: left;
}
.stonebox6{
overflow: auto;
margin-left: 20px;
margin-top: 20px;
margin-bottom: 20px;
height: 550px;
width: 468px;
float: left;
background-color: #b5a58f;
border: 4px solid #5c4c36;
text-align: left;
font-family: 'Raleway' , sans-serif;
color: black;
font-size: 18px;
padding: 10px;
}
.stoneimageright6{
float: right;
}
hr.stonehr6{
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));
}






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.













 

wow.
 
Username: (Or whatever you want to be referred to as.) ewolf20


What is the template for: interest check 


Complexity: (Gimme a guess. 1 being a simple background and text format, 2 a mix, and 3 being something much more than that.) just 2


What do you want this to include: (Be descriptive with colors, layout, etc unless you are alright with allowing me to take creative liberties.) #b59c3 #253c78 #d36582 #ffeecf #bfacaa for colors and basically the same thing as up there just with a picture of a camp. if you can't find a camp picture, then use a forest instead. 


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.) semi yes
 
Username: (Or whatever you want to be referred to as.) ewolf20


What is the template for: interest check 


Complexity: (Gimme a guess. 1 being a simple background and text format, 2 a mix, and 3 being something much more than that.) just 2


What do you want this to include: (Be descriptive with colors, layout, etc unless you are alright with allowing me to take creative liberties.) #b59c3 #253c78 #d36582 #ffeecf #bfacaa for colors and basically the same thing as up there just with a picture of a camp. if you can't find a camp picture, then use a forest instead. 


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.) semi yes

Alright, lemme get out of bed first xD
 
Username: (Or whatever you want to be referred to as.) ewolf20


What is the template for: interest check 


Complexity: (Gimme a guess. 1 being a simple background and text format, 2 a mix, and 3 being something much more than that.) just 2


What do you want this to include: (Be descriptive with colors, layout, etc unless you are alright with allowing me to take creative liberties.) #b59c3 #253c78 #d36582 #ffeecf #bfacaa for colors and basically the same thing as up there just with a picture of a camp. if you can't find a camp picture, then use a forest instead. 


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.) semi yes

I'm sorry but could you please limit this to three colors that don't contrast as much?
 
Last edited by a moderator:
brown, white, and well, tan.

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.
 

Users who are viewing this thread

Back
Top