HTML Commisions and Free Templates || OPEN!

[BoundByWords]

Are you entering the "source" editor? xD 

If you mean double clicking on the code and hitting the insert into post button, yes, if it is anything besides that, no. This is probably simple stuff I should know how to do im sorry

 

[StoneWolf18]

If you mean double clicking on the code and hitting the insert into post button, yes, if it is anything besides that, no. This is probably simple stuff I should know how to do im sorry

No, the button that says "source."

 

[BoundByWords]

No, the button that says "source."

I can't find it. I hate feeling dumb so this is as bad for me as it is for you.

 

[minajesty]

@BoundByWords @StoneWolf18 You don't have a 500 post count. thats the problem! X) I just looked and seen

 

[StoneWolf18]

If you mean double clicking on the code and hitting the insert into post button, yes, if it is anything besides that, no. This is probably simple stuff I should know how to do im sorry

@BoundByWords @StoneWolf18 You don't have a 500 post count. thats the problem! X) I just looked and seen

Oh! I should've check that. I must not be visible to those with less than that. (As you can see, I've never had that problem x3)

 

[BoundByWords]

Oh! I should've check that. I must not be visible to those with less than that. (As you can see, I've never had that problem x3)

Yea that's it, dang I wish I had known that before making you do all of that. Welp. Sorry for wasting your time. When I do get to 500 posts, believe me I will be coming back more often. You are great at coding.

 

[StoneWolf18]

Yea that's it, dang I wish I had known that before making you do all of that. Welp. Sorry for wasting your time. When I do get to 500 posts, believe me I will be coming back more often. You are great at coding.

Daw >.< 


It was no trouble really, I only had to adjust a few things.

 

[BoundByWords]

Daw >.< 


It was no trouble really, I only had to adjust a few things.

Good, i'd feel really bad if you spent like forever on it and I couldn't use it.That would suck.

 

[Federoff]

If your still taking requests I would like to submit one for a posting template.


Username: Federoff


Complexity: 2


Images: 2


Colors: 2. Background would be #000000 while the text would be #DC0606


Layout: I'm thinking sort of like a T chart just without the vertical line. An image on the top within a boarder, below it and boxed off in the left with room for the second image and information (Tags, Location, Status, Mood, etc...) and then the actual post text wrapping around it.

 

[StoneWolf18]

If your still taking requests I would like to submit one for a posting template.


Username: Federoff


Complexity: 2


Images: 2


Colors: 2. Background would be #000000 while the text would be #DC0606


Layout: I'm thinking sort of like a T chart just without the vertical line. An image on the top within a boarder, below it and boxed off in the left with room for the second image and information (Tags, Location, Status, Mood, etc...) and then the actual post text wrapping around it.

Hmm, I'm not all that sure what you mean. Something like this? 

Spoiler

 

[Federoff]

that's actually exactly what i meant, sorry I'm pretty bad at explaining lol

 

[Aster]

Hello! nice codes.
​

Username: Aster
​

What is the template for: first post / chara posts
​

Complexity: average.
​

images: one-two place holders.
​

Fonts: anyything similar to new times roman
​

Colors: neutral colors - black greys, whites
​

Overall Layout: preferably centered and as minimalistic as possible
​

Should it be mobile friendly: nah
​

 

[StoneWolf18]

Hello! nice codes.
​

Username: Aster
​

What is the template for: first post / chara posts
​

Complexity: average.
​

images: one-two place holders.
​

Fonts: anyything similar to new times roman
​

Colors: neutral colors - black greys, whites
​

Overall Layout: preferably centered and as minimalistic as possible
​

Should it be mobile friendly: nah
​

I might already have one that you can use! Let me fetch the code...

 

[StoneWolf18]

@Aster Would this work if I were to edit the colors?


@import url('https://fonts.googleapis.com/css?family=Cormorant|Cormorant+SC');
.stonemain8{
margin: auto;
height: 700px;
width: 65%;
border: 6px solid #461220;
background-color: #AA4751;
overflow: auto;
}
hr.stonehr8 {
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));
}
.stoneimage8{
float: left;
margin-left: 20px;
margin-right: 20px;

margin-top: 20px;
border: 6px solid #461220;
}
.stonebox8{
overflow: auto;
background-color: #e8c9cc;
width: 60%;
height: 470px;
float: left;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
text-align: left;
font-family: 'Cormorant', serif;
font-size: 20px;
color: black;
padding: 15px;
border: 6px solid #461220;
}


"Character quote here"

"Character Quote Here"



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
​

 

[Aster]

@Aster Would this work if I were to edit the colors?

[SIZE= 12px]oo yes this works! but can u center the text box and widen it so that it sorta fills the border? [/SIZE]

 

[StoneWolf18]

[SIZE= 12px]oo yes this works! but can u center the text box and widen it so that it sorta fills the border? [/SIZE]

It would disrupt the image on the left if I tried to center it and I feel that making the box any wider would mess with my margins and cause some unwanted thing. Besides, I'm on my phone right now. I can change the color but if you want more than that, it's gonna have to wait till tomorrow.

 

[StoneWolf18]

@import url('https://fonts.googleapis.com/css?family=Cormorant|Cormorant+SC');
.stonemain8{
margin: auto;
height: 700px;
width: 65%;
border: 6px solid black;
background-color: grey;
overflow: auto;
}
hr.stonehr8 {
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));
}
.stoneimage8{
float: left;
margin-left: 20px;
margin-right: 20px;

margin-top: 20px;
border: 6px solid black;
}
.stonebox8{
overflow: auto;
background-color: white;
width: 60%;
height: 470px;
float: left;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
text-align: left;
font-family: 'Cormorant', serif;
font-size: 20px;
color: black;
padding: 15px;
border: 6px solid black;
}


"Character quote here"

"Character Quote Here"



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=Cormorant|Cormorant+SC');
.stonemain8{
margin: auto;
height: 700px;
width: 65%;
border: 6px solid black;
background-color: grey;
overflow: auto;
}
hr.stonehr8 {
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));
}
.stoneimage8{
float: left;
margin-left: 20px;
margin-right: 20px;

margin-top: 20px;
border: 6px solid black;
}
.stonebox8{
overflow: auto;
background-color: white;
width: 60%;
height: 470px;
float: left;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
text-align: left;
font-family: 'Cormorant', serif;
font-size: 20px;
color: black;
padding: 15px;
border: 6px solid black;
}</style>
<div class="stonemain8">
<div style="text-align: center; font-size: 32px; font-family: 'Cormorant SC', serif; color: black;">
<i>&quot;Character quote here&quot;</i>
<hr class="stonehr8">
</div>

<div class="stoneimage8">
<img alt="image.jpeg" data-fileid="210663" src="https://www.aprentiv.com/wp-content/themes/aprentiv-template/images/placeholder-pres.jpg" style="width: 290px; height: 459px;">
</div>

<div class="stonebox8">
<div style="text-align: center; font-size: 28px; font-family: 'Cormorant SC', serif; color: black;">
<em>&quot;Character Quote Here&quot;</em>

<hr class="stonehr8">
</div>

<p>
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.
</p>
</div>

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

<p style="text-align: center;">
<strong><span style="color:black;font-family: 'Walter Turncoat', cursive;text-align: center;font-family: 'Cormorant SC'">Coded By || StoneWolf18</span></strong>
</p>
</div>

@Aster

 

[Aster]

[SIZE= 12px]oo I see. Thanks @StoneWolf18![/SIZE]

 

[Fable]

Hello @StoneWolf18,


You need to make sure that any designs are not stretching the page for smaller resolutions.  This code here (and the same one on your HTML dump thread) is stretching outside of the post.  To resolve this, you need to contain the HTML of the design into an overflow; <div style="overflow:auto;">HTML</div>.  This is prevent the design from escaping outside of the post.

 

[StoneWolf18]

Hello @StoneWolf18,


You need to make sure that any designs are not stretching the page for smaller resolutions.  This code here (and the same one on your HTML dump thread) is stretching outside of the post.  To resolve this, you need to contain the HTML of the design into an overflow; <div style="overflow:auto;">HTML</div>.  This is prevent the design from escaping outside of the post.

Ah, I was trying to figure out a way to do it without being forced to change the width to a percentage. Thank you! 

 

[StoneWolf18]

that's actually exactly what i meant, sorry I'm pretty bad at explaining lol

Working on yours now! ^^

 

[Federoff]

thanks again man, your the best

 

[StoneWolf18]

thanks again man, your the best

Here you go!  


@import url('https://fonts.googleapis.com/css?family=Rock+Salt|Walter+Turncoat');
.stonemain11{
margin: auto;
height: 720px;
width: 50%;
border: 6px double #950404;
background-color: black;
overflow: auto;
}
.stoneboxleft11{
overflow: auto;
background-color: black;
width: 45%;
height: 500px;
float: left;
margin-top: 0px;
margin-bottom: 10px;
margin-left: 20px;
margin-right: 10px;
text-align: left;
font-family: 'Walter Turncoat', cursive;
font-size: 18px;
color: #666666;
padding: 15px;
border: 3px solid #950404;
}
.stoneboxright11{
overflow: auto;
background-color: black;
width: 45%;
height: 500px;
float: right;
margin-top: 0px;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 20px;
text-align: left;
font-family: 'Walter Turncoat', cursive;
font-size: 18px;
color: #666666;
padding: 15px;
border: 3px solid #950404;
}

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.




Post Header

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=Rock+Salt|Walter+Turncoat');
.stonemain11{
margin: auto;
height: 720px;
width: 50%;
border: 6px double #950404;
background-color: black;
overflow: auto;
}
.stoneboxleft11{
overflow: auto;
background-color: black;
width: 45%;
height: 500px;
float: left;
margin-top: 0px;
margin-bottom: 10px;
margin-left: 20px;
margin-right: 10px;
text-align: left;
font-family: 'Walter Turncoat', cursive;
font-size: 18px;
color: #666666;
padding: 15px;
border: 3px solid #950404;
}
.stoneboxright11{
overflow: auto;
background-color: black;
width: 45%;
height: 500px;
float: right;
margin-top: 0px;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 20px;
text-align: left;
font-family: 'Walter Turncoat', cursive;
font-size: 18px;
color: #666666;
padding: 15px;
border: 3px solid #950404;
}</style>
<div class="stonemain11">
	<img alt="Image 1" border="display:none" src="https://www.rpnation.com/applications/core/interface/imageproxy/imageproxy.php?img=https://placehold.it/820x150&amp;key=d18e768a09b37d9120e0120ef449b0bb17d2de5e81ad2363098813cac476fdce" style="width: 820px;height:150px;">
	<p>
		&nbsp;
	</p>

	<div class="stoneboxleft11">
		<img alt="Image 2" border="display:none" src="https://www.rpnation.com/applications/core/interface/imageproxy/imageproxy.php?img=https://placehold.it/450x150&amp;key=0854140aea158963199aa81c217d3f834a1b931f42fd6267ed3e257ad736b1ab" style="width: 450px;height:150px;">
		<hr>
		<div style="color: white; font-family: 'Rock Salt', cursive; text-align: center;font-size: 24px">
			<u>Information</u>
		</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="stoneboxright11">
		<div style="color: white; font-family: 'Rock Salt', cursive; text-align: center;font-size: 24px">
			<u>Post Header</u>
		</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="font-size:14px;"><span style="color:#950404;font-family: 'Walter Turncoat', cursive;">Coded By || StoneWolf18</span></span>
	</div>
</div>

 

[Federoff]

your a god dude

 

[ewolf20]

woah.