HTML Commisions and Free Templates || OPEN!

[Elowyn]

Yo if you want some more coding work to do I have an idea or two. Just give the word and I'll have a form filled out for this~!

 

[StoneWolf18]

Yo if you want some more coding work to do I have an idea or two. Just give the word and I'll have a form filled out for this~!

Shoot! I'm open. ^^

 

[Elowyn]

boom. you got it.


Username: Nyctophiliac


What is the template for: In Character posts for a fighting-focused fantasy academy.


Complexity: 2...?


Images: One main placeholder at the top. Square or rectangular borders. 


Fonts: Bahiana- title. Armata- body.


Colors: 


#32424c 


#29392C


#B30000


Overall Layout: At the top, a general title: AOLARIS ACADEMY. A skinny sidebar to the right with room to insert a picture at the top and words below. Body/largest section to the left.


Should it be mobile friendly: No.


If boredom prevails afterwards, poke me and I can give you another.

 

[StoneWolf18]

boom. you got it.


Username: Nyctophiliac


What is the template for: In Character posts


Complexity: 2...?


Images: One main placeholder at the top. Square or rectangular borders. 


Fonts: Bahiana- title. Armata- body.


Colors: 


#32424c 


#29392C


#B30000


Overall Layout: At the top, a general title: AOLARIS ACADEMY. A skinny sidebar to the right with room to insert a picture at the top and words below. Body/largest section to the left.


Should it be mobile friendly: No.

Would it be something like my most recent one but replacing the top image with a header? ^^

 

[Elowyn]

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>

If you mean this one, not exactly. I would want it wider and the two panels would be side by side, one wider than the other. Also, can you do anything about the scroll bar? Like make it look better/simpler or get rid of it altogether?

 

[StoneWolf18]

If you mean this one, not exactly. I would want it wider and the two panels would be side by side, one wider than the other. Also, can you do anything about the scroll bar? Like make it look better/simpler or get rid of it altogether?

I've tried messing with scrollbars and it was literal hell on earth, sorry >.<

 

[Elowyn]

I've tried messing with scrollbars and it was literal hell on earth, sorry >.<

Hmm... what about no scroll bars but just an expanding text box? Like this (last post at bottom):