Free Simple Bio Template (template under cut)

You can change any colors on here or take out or add any features. If you need help or would like to request something be added onto it just ask me and I'll help you out when I get a chance. If your wondering why it's purple it was because my sister needed a bio form, but she found someone else to help her out instead of me.

I used this thread for most of the codes I used - http://www.endlessforest.org/community/useful-css-codes?page=1#comment-1008450
This for glowing text - http://www.endlessforest.org/community/glowing-text-code
This for reference of content (like name, sex, age, ect.) - http://www.endlessforest.org/community/lady-pond-lily
And other random codes from the internet

Here's a html color code site to help you out with recoloring http://html-color-codes.info/

I realized that right clicking gives a bunch of extra stuff besides the code I used. so the full code is found at the body of the page

Please keep the credits and remove the * from the codes on them



(for the part that says pelt antlers mask and magic remove any sections that don't apply to your deer)

BEFORE YOU USE CODE! click on "Split summary at cursor", then put the code in the second box that appears. This keeps the bio coding from messing up the preview and looking messy. Either leave the first box blank or write "below the cut"

SHOW ME! Don't forget to post a link to your finished bio~! I'd love to see it!



TITLE


Pelt | Antlers | Mask | Magic
(main image here)







TITLE


Name:
Age:
Size:
Pictogram:
Gender:
Sexuality:
Scent:
Speaks in:

Relationships

Art
[url=profile link]username[/url] [url=image url]x[/url]





TITLE


Appearance:
text

Personality:
text

History
text

In the forest
text

Role Play
text





Original Template Design © Mizu-chan
Codes found here
Glowing text code found here
Content ideas found here



<center><div style="width:750px; height: 1200px; overflow:auto; background:#BE81F7;text-align:justify; font: verdana 10px;-moz-border-radius: 100px 100px;border-radius: 100px 100px;border: 2px solid #AC58FA"><br />
<center><span style="text-shadow: #B404AE 1px 1px 5px; color: #6A0888; font:italic small-caps bold 48px/54px Garamond, Georgia, Times, Serif;width:200px;">TITLE</span>
</center>
<table style="border:hidden">
<tr>
<td>
<center><div style="width:650px; height: 400px; overflow:auto; background:#C28FF2;text-align:justify; font: verdana 10px;-moz-border-radius: 100px 100px;border-radius: 100px 100px;border: 2px solid #AC58FA"><br /><center style="color: #6A0888;"> <b>Pelt | Antlers | Mask | Magic
(main image here)</b>
</center>

</center>
</div>
</div>
</td>
<table style="border:hidden">
<tr>
<td>
<center><div style="width:300px; height: 400px; overflow:auto; background:#C28FF2;text-align:justify; font: verdana 10px;-moz-border-radius: 100px 100px;border-radius: 100px 100px; overflow:scroll;border: 2px solid #AC58FA"><br /><center style="color: #6A0888; text-shadow: #A901DB 1px 1px 5px;"> <b>TITLE</b>
</center>
<left style="color: #6A0888">
<b>Name:</b>
<b>Age:</b>
<b>Size:</b>
<b>Pictogram:</b>
<b>Gender:</b>
<b>Sexuality:</b>
<b>Scent:</b>
<b>Speaks in:</b>

<b>Relationships</b>

<b>Art</b>
[url=profile link]username[/url] [url=image url]x[/url] 

</left>
</div>
</div>
</td>
<td>
<center><div style="width:300px; height: 400px; overflow:auto; background:#C28FF2;text-align:justify; font: verdana 10px;-moz-border-radius: 100px 100px;border-radius: 100px 100px;overflow:scroll;border: 2px solid #AC58FA"><br /><center style="color: #6A0888; text-shadow: #A901DB 1px 1px 5px;"> <b>TITLE</b>
</center>
<left style="color: #6A0888">
<b>Appearance:</b>
text

<b>Personality:</b>
text 

<b>History</b>
text

<b>In the forest</b> 
text

<b>Role Play</b>
text 

</left>
</div>
</div>
</td>
</tr>
</table>

<center>Original Template Design © [*url=http://www.endlessforest.org/community/mizuchan]Mizu-chan[*/url]
Codes found [*url=http://www.endlessforest.org/community/useful-css-codes]here[*/url]
Glowing text code found [*url=http://www.endlessforest.org/community/glowing-text-code]here[*/url]
Content ideas found [*url=http://www.endlessforest.org/community/lady-pond-lily]here[*/url]</center>
</div>
RikkaChan's picture

Thank you for this.~

Thank you for this.~

your welcome ^^ glad

your welcome ^^ glad someone's using it. let me know if you need help with anything
RikkaChan's picture

Would it be possible for

Would it be possible for invisible scroll bars? o:

sorry i don't know how to do

sorry i don't know how to do that yet :c I will let you know if I figure it out. I also find the scroll bars quite ugly though..
RikkaChan's picture

Oh, no problem.~ c:

Oh, no problem.~ c:

If I figure it out I will let

If I figure it out I will let you know
CydaLuva83's picture

For invisible scrolls, put a

For invisible scrolls, put a slightly bigger box inside of a smaller box. Make sure the inside box is just big enough to cover the scroll bar, or else the outside box might cut off the words. Be sure to put all text in the inside box. Eye
Signature By Aihnna, Avatar by YaraMyst

Ok thanks! I'll try it out.

Ok thanks! I'll try it out. how much is slightly bigger though, say a box that is 300 height and 400 width what would slightly bigger be?
CydaLuva83's picture

If the outside box is 300 by

If the outside box is 300 by 400, try making the inside box 311 by 430.
Signature By Aihnna, Avatar by YaraMyst

ok I'll try it

ok I'll try it
CydaLuva83's picture

This code is from Ireth's CSS

This code is from Ireth's CSS Productions on her second free template. Try playing around with it and seeing what you can do. Though, if you do use this code in a bio somewhere, make sure to give Ireth some credit. :3


Text
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
..
text
.
.
.
.
.
.
.
.
.
.
.
.
.
text
.
.
.
.
.
.
.
.
.
text
Signature By Aihnna, Avatar by YaraMyst

I can't seem to figure it

I can't seem to figure it out, the codes for overflow and the double box aren't working on my code for some reason Sad

.

.
mismatched's picture

Used this here!

Used this here! http://endlessforest.org/community/node/89805 Thank you sooo so much!
ShikaTale's picture

bump

bump

used here. thank you so much!

used here. thank you so much!