KiKi Kitsune
The Fire Panda Fairy
Hi there
So, I have seen some of the amazing work that some have been able to accomplish with HTML. I have tried my hand at it and gotten results that are no where near that level of expertise! Aint that just dandy?
Anywho~ I'm just going to plonk what I have managed to do here. I'll also add in the code and point out what bits change what in case you want to use it. They're pretty much just character sheets, so if you - for some reason - want me to do a specific one for you, I'll take requests. I just mess around until I'm relatively content with what it looks like, so the results vary.
Without further adieu, here is my HTML horrors.
Name: Liliana/Lilly
Age: 21
Gender: Female
Species: View attachment 196379
Guild: Rescue/Explore
Team:
Rank: Gold
View attachment 196373
Personality
Lilly can be a surprise to those who don't know her well. While she has an initial appearance of being shy and air-headed, she is actually shy and well grounded. She loves her job and takes it seriously, doing her best to complete any task she is given. Her favourite missions are exploration based, but she always enjoys the rescue missions as well. She has quite a soft heart, often sympathising with others to a surprising extent. She tends to take on a little more than she is able, just wanting to make sure everyone is safe.
History
Being the eldest of five, Lily had to take on many responsibilities at an early age. Her mother died during complications birthing triplets, forcing her father to take on several jobs to support them. Lily then took on the role of a mother to all her siblings. Once they were old enough to look after themselves for the most part, she joined the guild to help support her family financially.
Crush: (open)
Boyfriend/Girlfriend: (open)
Husband/Wife: None
Other: Her tail is soft, fluffy, and warm, so is often used as a pillow or even blanket by either her or others.
Full Code:
Title/Name/Header thing
Spoiler
Border colour is next to [solid] - currently #D5919C
The background colour is [background-color] - currently #B46B99
Text colour is - currently #FFD6D3
<div style="border:2px solid #D5919C;
border-radius:15px; padding:5px; text-align: center; color: #FFD6D3; font-size: 170%; background-color: #B46B99">
Name: Liliana/Lilly
</div>
Side boxes
Spoiler
(Set up positioning is the same for both)
Border colour is next to [solid] - currently #D5919C
I used [overflow: hidden] because it keeps the image inside the box (I don't know why, but it seems to work)
<div style="background-color:#FFD6D3; border:3px solid #D5919C;
width:22%; height:auto; float:left; padding:15px; border-radius:10px; overflow: hidden;">
Age: 21<br>
Gender: Female<br>
Species: <img alt="162.gif" class="ipsImage ipsImage_thumbnailed" data-fileid="196379" data-unique="oa6af6nol" src="https://www.rpnation.com/uploads/monthly_2016_10/162.gif.3dfed51d1425e57619f62d462f33fd01.gif" style="float:right; border: 0px;">
</div>
<div style="background-color:#FFD6D3; border:3px solid #D5919C;
width:22%; height:auto;
float:right; padding:15px; border-radius:10px;">
Guild: Rescue/Explore<br>
Team:<br>
Rank: Gold
</div>
Main/Center Image
Spoiler
The first image is the background (I made the image, so there aren't any colours you can change. It was easy enough to make, so you can just ask to make you one. I did this using the DA Muro if you want to make one yourself)
Again using [overflow: hidden] to keep images in place
Second image is the character (transparent background. Upload and plonk it into your post before going into the source.)
<div style="height:auto; overflow:hidden;
background-image:url('http://orig07.deviantart.net/e288/f/2016/305/c/0/untitled_drawing_by_lazygout-damxs5d.png'); border-radius: 10px ">
<a class="ipsAttachLink ipsAttachLink_image" data-fileid="196373" href="https://www.rpnation.com/uploads/monthly_2016_10/C--fakepath-xM48Vz1.png.e8a28030a28dc6c745f0e68f90c7a2ea.png" rel=""><img alt="C--fakepath-xM48Vz1.png" class="ipsImage ipsImage_thumbnailed" data-fileid="196373" data-unique="3avdqoara" src="https://www.rpnation.com/uploads/monthly_2016_10/C--fakepath-xM48Vz1.thumb.png.52b8b0e948fbc76ecbf75b89f9105384.png" style="border: 0px;"></a>
</div>
The rest is just basic text with bold and font size changes.
So, I have seen some of the amazing work that some have been able to accomplish with HTML. I have tried my hand at it and gotten results that are no where near that level of expertise! Aint that just dandy?
Anywho~ I'm just going to plonk what I have managed to do here. I'll also add in the code and point out what bits change what in case you want to use it. They're pretty much just character sheets, so if you - for some reason - want me to do a specific one for you, I'll take requests. I just mess around until I'm relatively content with what it looks like, so the results vary.
Without further adieu, here is my HTML horrors.
Name: Liliana/Lilly
Age: 21
Gender: Female
Species: View attachment 196379
Guild: Rescue/Explore
Team:
Rank: Gold
View attachment 196373
Personality
Lilly can be a surprise to those who don't know her well. While she has an initial appearance of being shy and air-headed, she is actually shy and well grounded. She loves her job and takes it seriously, doing her best to complete any task she is given. Her favourite missions are exploration based, but she always enjoys the rescue missions as well. She has quite a soft heart, often sympathising with others to a surprising extent. She tends to take on a little more than she is able, just wanting to make sure everyone is safe.
History
Being the eldest of five, Lily had to take on many responsibilities at an early age. Her mother died during complications birthing triplets, forcing her father to take on several jobs to support them. Lily then took on the role of a mother to all her siblings. Once they were old enough to look after themselves for the most part, she joined the guild to help support her family financially.
Crush: (open)
Boyfriend/Girlfriend: (open)
Husband/Wife: None
Other: Her tail is soft, fluffy, and warm, so is often used as a pillow or even blanket by either her or others.
Full Code:
<div style="background-color: #FFD6D3; border-radius:10px; padding: 15px;">
<div style="border:2px solid #D5919C;
border-radius:15px; padding:5px; text-align: center; color: #FFD6D3; font-size: 170%; background-color: #B46B99">
Name: Liliana/Lilly
</div>
<p>
</p>
<div style="background-color:#FFD6D3; border:3px solid #D5919C;
width:22%; height:auto; float:left; padding:15px; border-radius:10px; overflow: hidden;">
Age: 21<br>
Gender: Female<br>
Species: <img alt="162.gif" class="ipsImage ipsImage_thumbnailed" data-fileid="196379" data-unique="oa6af6nol" src="https://www.rpnation.com/uploads/monthly_2016_10/162.gif.3dfed51d1425e57619f62d462f33fd01.gif" style="float:right; border: 0px;">
</div>
<div style="background-color:#FFD6D3; border:3px solid #D5919C;
width:22%; height:auto;
float:right; padding:15px; border-radius:10px;">
Guild: Rescue/Explore<br>
Team:<br>
Rank: Gold
</div>
<p>
</p>
<div style="height:auto; overflow:hidden;
background-image:url('http://orig07.deviantart.net/e288/f/2016/305/c/0/untitled_drawing_by_lazygout-damxs5d.png'); border-radius: 10px ">
<a class="ipsAttachLink ipsAttachLink_image" data-fileid="196373" href="https://www.rpnation.com/uploads/monthly_2016_10/C--fakepath-xM48Vz1.png.e8a28030a28dc6c745f0e68f90c7a2ea.png" rel=""><img alt="C--fakepath-xM48Vz1.png" class="ipsImage ipsImage_thumbnailed" data-fileid="196373" data-unique="3avdqoara" src="https://www.rpnation.com/uploads/monthly_2016_10/C--fakepath-xM48Vz1.thumb.png.52b8b0e948fbc76ecbf75b89f9105384.png" style="border: 0px;"></a>
</div>
<p>
</p>
<p>
</p>
<p>
<span style="font-size:18px;"><strong>Personality</strong></span>
</p>
<p>
Lilly can be a surprise to those who don't know her well. While she has an initial appearance of being shy and air-headed, she is actually shy and well grounded. She loves her job and takes it seriously, doing her best to complete any task she is given. Her favourite missions are exploration based, but she always enjoys the rescue missions as well. She has quite a soft heart, often sympathising with others to a surprising extent. She tends to take on a little more than she is able, just wanting to make sure everyone is safe.
</p>
<p>
</p>
<p>
<span style="font-size:18px;"><strong>History</strong></span>
</p>
<p>
Being the eldest of five, Lily had to take on many responsibilities at an early age. Her mother died during complications birthing triplets, forcing her father to take on several jobs to support them. Lily then took on the role of a mother to all her siblings. Once they were old enough to look after themselves for the most part, she joined the guild to help support her family financially.
</p>
<p>
</p>
<p>
Crush: (open)
</p>
<p>
Boyfriend/Girlfriend: (open)
</p>
<p>
Husband/Wife: None
</p>
<p>
Other: Her tail is soft, fluffy, and warm, so is often used as a pillow or even blanket by either her or others.
</p>
</div>
<p>
</p>
<div style="border:2px solid #D5919C;
border-radius:15px; padding:5px; text-align: center; color: #FFD6D3; font-size: 170%; background-color: #B46B99">
Name: Liliana/Lilly
</div>
<p>
</p>
<div style="background-color:#FFD6D3; border:3px solid #D5919C;
width:22%; height:auto; float:left; padding:15px; border-radius:10px; overflow: hidden;">
Age: 21<br>
Gender: Female<br>
Species: <img alt="162.gif" class="ipsImage ipsImage_thumbnailed" data-fileid="196379" data-unique="oa6af6nol" src="https://www.rpnation.com/uploads/monthly_2016_10/162.gif.3dfed51d1425e57619f62d462f33fd01.gif" style="float:right; border: 0px;">
</div>
<div style="background-color:#FFD6D3; border:3px solid #D5919C;
width:22%; height:auto;
float:right; padding:15px; border-radius:10px;">
Guild: Rescue/Explore<br>
Team:<br>
Rank: Gold
</div>
<p>
</p>
<div style="height:auto; overflow:hidden;
background-image:url('http://orig07.deviantart.net/e288/f/2016/305/c/0/untitled_drawing_by_lazygout-damxs5d.png'); border-radius: 10px ">
<a class="ipsAttachLink ipsAttachLink_image" data-fileid="196373" href="https://www.rpnation.com/uploads/monthly_2016_10/C--fakepath-xM48Vz1.png.e8a28030a28dc6c745f0e68f90c7a2ea.png" rel=""><img alt="C--fakepath-xM48Vz1.png" class="ipsImage ipsImage_thumbnailed" data-fileid="196373" data-unique="3avdqoara" src="https://www.rpnation.com/uploads/monthly_2016_10/C--fakepath-xM48Vz1.thumb.png.52b8b0e948fbc76ecbf75b89f9105384.png" style="border: 0px;"></a>
</div>
<p>
</p>
<p>
</p>
<p>
<span style="font-size:18px;"><strong>Personality</strong></span>
</p>
<p>
Lilly can be a surprise to those who don't know her well. While she has an initial appearance of being shy and air-headed, she is actually shy and well grounded. She loves her job and takes it seriously, doing her best to complete any task she is given. Her favourite missions are exploration based, but she always enjoys the rescue missions as well. She has quite a soft heart, often sympathising with others to a surprising extent. She tends to take on a little more than she is able, just wanting to make sure everyone is safe.
</p>
<p>
</p>
<p>
<span style="font-size:18px;"><strong>History</strong></span>
</p>
<p>
Being the eldest of five, Lily had to take on many responsibilities at an early age. Her mother died during complications birthing triplets, forcing her father to take on several jobs to support them. Lily then took on the role of a mother to all her siblings. Once they were old enough to look after themselves for the most part, she joined the guild to help support her family financially.
</p>
<p>
</p>
<p>
Crush: (open)
</p>
<p>
Boyfriend/Girlfriend: (open)
</p>
<p>
Husband/Wife: None
</p>
<p>
Other: Her tail is soft, fluffy, and warm, so is often used as a pillow or even blanket by either her or others.
</p>
</div>
<p>
</p>
Title/Name/Header thing
Spoiler
Border colour is next to [solid] - currently #D5919C
The background colour is [background-color] - currently #B46B99
Text colour is - currently #FFD6D3
<div style="border:2px solid #D5919C;
border-radius:15px; padding:5px; text-align: center; color: #FFD6D3; font-size: 170%; background-color: #B46B99">
Name: Liliana/Lilly
</div>
Side boxes
Spoiler
(Set up positioning is the same for both)
Border colour is next to [solid] - currently #D5919C
I used [overflow: hidden] because it keeps the image inside the box (I don't know why, but it seems to work)
<div style="background-color:#FFD6D3; border:3px solid #D5919C;
width:22%; height:auto; float:left; padding:15px; border-radius:10px; overflow: hidden;">
Age: 21<br>
Gender: Female<br>
Species: <img alt="162.gif" class="ipsImage ipsImage_thumbnailed" data-fileid="196379" data-unique="oa6af6nol" src="https://www.rpnation.com/uploads/monthly_2016_10/162.gif.3dfed51d1425e57619f62d462f33fd01.gif" style="float:right; border: 0px;">
</div>
<div style="background-color:#FFD6D3; border:3px solid #D5919C;
width:22%; height:auto;
float:right; padding:15px; border-radius:10px;">
Guild: Rescue/Explore<br>
Team:<br>
Rank: Gold
</div>
Main/Center Image
Spoiler
The first image is the background (I made the image, so there aren't any colours you can change. It was easy enough to make, so you can just ask to make you one. I did this using the DA Muro if you want to make one yourself)
Again using [overflow: hidden] to keep images in place
Second image is the character (transparent background. Upload and plonk it into your post before going into the source.)
<div style="height:auto; overflow:hidden;
background-image:url('http://orig07.deviantart.net/e288/f/2016/305/c/0/untitled_drawing_by_lazygout-damxs5d.png'); border-radius: 10px ">
<a class="ipsAttachLink ipsAttachLink_image" data-fileid="196373" href="https://www.rpnation.com/uploads/monthly_2016_10/C--fakepath-xM48Vz1.png.e8a28030a28dc6c745f0e68f90c7a2ea.png" rel=""><img alt="C--fakepath-xM48Vz1.png" class="ipsImage ipsImage_thumbnailed" data-fileid="196373" data-unique="3avdqoara" src="https://www.rpnation.com/uploads/monthly_2016_10/C--fakepath-xM48Vz1.thumb.png.52b8b0e948fbc76ecbf75b89f9105384.png" style="border: 0px;"></a>
</div>
The rest is just basic text with bold and font size changes.
iamond 
