Feel free to post here with your own spiffy codes for others to use!

You can add a scrollbar to any of the boxes (i.e. to fix that histories are too long complaint):

Code:

<div style="overflow-y: scroll; height: 500px;">HISTORY AND SUCH GOES HERE</div>

Add a photo for the text to wrap around:

Code:

<img src="imageURLhere" align="right" />

(change "right" to "left" depending on which side you want)

Add a divider that matches the category names/thread titles when viewing a post:

Code:

<div class="thead">title here</div>

The following 3 users Like Declan Wood's post:3 users Like Declan Wood's post
   Clarence Bennet, Hermia Bonaccord, Seneca Lestrange

I've been sticking gifs in my appearance section to bolster the length a bit (and because it's fun). Here's a code that you can post in your thread that will automatically resize when the staff team moves it over to your profile:

PHP Code:

<center><div style="width:90%; height:auto; border: 5px dotted #COLOR; overflow:hidden; align:center;"><img src="GIFLINKHERE" style="position:relative; width:100%; height:auto;"></div> </center> 


Put your custom profile color in where it says #COLOR, your gif link at GIFLINKHERE. Any size works. I've been swapping between "width:100%; height:auto;" and "height:100%; width:auto;" depending on which one is the smaller ratio. Ophelia Devine has width:100%, for instance, while J. Alfred Darrow has height:100%;

The following 2 users Like Ophelia Devine's post:2 users Like Ophelia Devine's post
   Declan Wood, Hermia Bonaccord

---

Get Featured in Witch Weekly!

I have Academic Records!

Class	OWL	NEWT
Astronomy	G	G
Charms	G	G
Defence Against the Dark Arts	G	G
Elective	G	G
Herbology	G	G
History of Magic	G	G
Potions	G	G
Transfiguration	G	G

Show

code

Code:

<table width="100%" style="text-align: center;"><tr><td width="70%"><span style="font-variant: small-caps; font-weight: bold;">Class</span></td><td><span style="font-variant: small-caps; font-weight: bold;">OWL</span></td><td><span style="font-variant: small-caps; font-weight: bold;">NEWT</span></td></tr>
<tr><td style="text-align: left;">Astronomy</td><td>G</td><td>G</td></tr>
<tr><td style="text-align: left;">Charms</td><td>G</td><td>G</td></tr>
<tr><td style="text-align: left;">Defence Against the Dark Arts</td><td>G</td><td>G</td></tr>
<tr><td style="text-align: left;">Elective</td><td>G</td><td>G</td></tr>
<tr><td style="text-align: left;">Herbology</td><td>G</td><td>G</td></tr>
<tr><td style="text-align: left;">History of Magic</td><td>G</td><td>G</td></tr>
<tr><td style="text-align: left;">Potions</td><td>G</td><td>G</td></tr>
<tr><td style="text-align: left;">Transfiguration</td><td>G</td><td>G</td></tr>
</table>

Because the width is set to 100%, it will squeeze into whatever area of space you need~

The following 4 users Like Bella Scrimgeour's post:4 users Like Bella Scrimgeour's post
   Clarence Bennet, Declan Wood, Hermia Bonaccord, Zipporah Farley2

---

— MJ is MAGICAL —

I have this code that doesn't work in IE or Microsoft Edge, but whatevs. It's a custom scrollbar that has padding so you have have less of a noticeable scrollbar in your profiles. I currently use it on Bella's if you wanna look!

Code:

<link href="https://dl.dropbox.com/s/eguv4jw0ukmyhvv/historyedition.css?dl=0" rel="stylesheet"><div class="historyedition" style="overflow: auto; height: 400px; padding: 0px 10px 0px 0px;">
PUT YER STUFF HERE
</div>

the 400px is just a filler number and you can adjust it to fit ~whatever.

The following 1 user Likes Bella Scrimgeour's post:1 user Likes Bella Scrimgeour's post
   Zipporah Farley2

---

— MJ is MAGICAL —

Here's a thing I made for the extras part!

Relationships

Cora Van Helsing Bestie	Regina Lacey Bestie	Lucille Flint Cousin; Bestie	Rchard Gladstone Crush
Fletcher Langley Bossy Boss	Reuben Crouch A Poor Life Choice	Argus Scrimgeour Asshole Father	Wanna be here? Plot with Bella

Code:

<center><div class="thead">Relationships</div>
<table width="90%" style="border-collapse: separate; border-spacing: 10px; text-align: center;"><tr valign="top"><td width="20%"><img src="http://i.imgur.com/HnCyteJ.gif" width="100%"/><br>
<a href="PROFILEURL">Name Here</a><br>
<i>Relationship</i></td>
<td width="20%"><img src="http://i.imgur.com/HnCyteJ.gif" width="100%"/><br>
<a href="PROFILEURL">Name Here</a><br>
<i>Relationship</i></td>
<td width="20%"><img src="http://i.imgur.com/HnCyteJ.gif" width="100%"/><br>
<a href="PROFILEURL">Name Here</a><br>
<i>Relationship</i></td>
<td width="20%"><img src="http://i.imgur.com/HnCyteJ.gif" width="100%"/><br>
<a href="PROFILEURL">Name Here</a><br>
<i>Relationship</i></td></tr>

<tr valign="top"><td width="20%"><img src="http://i.imgur.com/HnCyteJ.gif" width="100%"/><br>
<a href="PROFILEURL">Name Here</a><br>
<i>Relationship</i></td><td width="20%"><img src="http://i.imgur.com/HnCyteJ.gif" width="100%"/><br>
<a href="PROFILEURL">Name Here</a><br>
<i>Relationship</i></td><td width="20%"><img src="http://i.imgur.com/HnCyteJ.gif" width="100%"/><br>
<a href="PROFILEURL">Name Here</a><br>
<i>Relationship</i></td><td width="20%"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/2c/Rotating_earth_%28large%29.gif/300px-Rotating_earth_%28large%29.gif" width="100%"/><br>
<a href="URL">Wanna be here?</a><br>
<i>Plot with ----- <img src="http://i50.tinypic.com/2jg1qq9.gif"/></i></td></tr>

</table></center>

— thanks to Lynn for quick fix for smaller screens!

The following 5 users Like Bella Scrimgeour's post:5 users Like Bella Scrimgeour's post
   Declan Wood, Marianne Hatchitt, Reuben Crouch, Veronica Gallivan [Meeka], Zipporah Farley2

---

— MJ is MAGICAL —

Want the "relationships" in the extras section without the ~extra~ coding?? I got the code for you

note: it looks prettier and spaced out in the actual extras section!

Name Here Short description of relationship [button image here] Name Here Short description of relationship Name Here Short description of relationship

Name Here Short description of relationship Name Here Short description of relationship [button image here] Name Here Short description of relationship

Name Here Short description of relationship Name Here Short description of relationship Name Here Short description of relationship

Code:

<center><table width="90%" style="border-collapse: separate; border-spacing: 15px; text-align: center;"><tr><td width="33%" valign="top"><blockquote><b>Name Here</b><hr><br>
Short description of relationship
<hr><br>
[button image here]
</blockquote>
<br>
</td>

<td width="33%" valign="top"><blockquote><b>Name Here</b><hr><br>
Short description of relationship
</blockquote>
<br>
</td>

<td width="33%" valign="top"><blockquote><b>Name Here</b><hr><br>
Short description of relationship
</blockquote>
<br>
</td>
</tr></table></center>

to add a new relationship, choose one of the three < td > columns and add the following inside (just text):

Code:

<blockquote><b>Name Here</b><hr><br>
Short description of relationship
</blockquote>
<br>

aaaand this if you want to add a button image w/ the description:

Code:

<blockquote><b>Name Here</b><hr><br>
Short description of relationship
<hr><br>
[button image here]
</blockquote>
<br>

The following 2 users Like Bella Scrimgeour's post:2 users Like Bella Scrimgeour's post
   Elias Grimstone, Zipporah Farley2

---

— MJ is MAGICAL —

Resumes for working characters in the "Other" field are my new favourite thing. It's not super pretty, but here's what I'm using! Add more rows as needed

Code:

<blockquote><b>RESUME</b>
<center><table width="80%" style="font-size: 12px;"><tr><th style="font-weight:bold">Position</th><th style="font-weight:bold">Duration</th> </tr>
<tr><td>JOB</td>
<td align="center">YEARS</td></tr>
<tr><td>JOB</td>
<td align="center">YEARS</td></tr>
</table></center>
</blockquote>

The following 5 users Like Balthazar Urquart's post:5 users Like Balthazar Urquart's post
   Charlotte Beauregard, Hermia Bonaccord, Melody Crouch, Roberto Devine, Ruby Urquart

---

— mj makes pretty things! —

I've been asked recently how I "tag" people in my profiles despite tagging not working, so I thought I'd post the code here so people can find it easier :P

Profile Links!

Profiles don't support tagging, so if you've tagged in your apps you'll quickly find that your links revert back to the original formatting of @"Character Name". To fix this, I utilize colored links using the following code:

Code:

<a href="PROFILELINK" style="color: #USERCOLOR">Name</a>

Then I pick the color off the list based on their usergroup:

Show

Hogsmeade #785964
Irvingly #513871
London #A52268
Elsewhere #A07BB7
Ministry #00A79F
Hogsmeade Hospital #EF4678
St Mungo’s #69223B
Irvingly Infirmary #3A5545
Beast #9E2A3F
Being #C34940
Spirit #D37438
Hogwarts Staff #6B6086
Gryffindor #EB4A4C
Hufflepuff #CA992C
Ravenclaw #146EA1
Slytherin #009347
Portrait #213468
Temporary #A3D290

If you're doing multiples at once, I suggest just copying the same profile URL for each and then changing the profile number (which is located at the end of the URL) for the sake of time management #howtolazy101

The following 4 users Like Charity Lloyd's post:4 users Like Charity Lloyd's post
   Aldous Crouch, Amelia Evans, Basil Foxwood, Charlotte Beauregard

---

A bunch of people asked for the more-detailed Appearance stuff I've done, so here it is:

Code:

<div style="overflow-y:auto;height:600px;"><span style="letter-spacing: 1px; font-variant:small-caps;font-weight:bold;color:#000000;">General |</span> Text text text<br><br>

<span style="letter-spacing: 1px; font-variant:small-caps;font-weight:bold;color:#000000;">Expressions |</span> Text text text<br><br>

<span style="letter-spacing: 1px; font-variant:small-caps;font-weight:bold;color:#000000;">Deportment |</span> Text text text; posture, carry themselves, default looks; tension?<br><br>

<span style="letter-spacing: 1px; font-variant:small-caps;font-weight:bold;color:#000000;">Fashion |</span> Text text text; colors; <br><br>

<span style="letter-spacing: 1px; font-variant:small-caps;font-weight:bold;color:#000000;">Accessories |</span> Text text text<br><br>

<span style="letter-spacing: 1px; font-variant:small-caps;font-weight:bold;color:#000000;">Scent |</span> Text text text<br><br>

<span style="letter-spacing: 1px; font-variant:small-caps;font-weight:bold;color:#000000;">Distinguishing Characteristics |</span> Text text text<br><br>

<span style="letter-spacing: 1px; font-variant:small-caps;font-weight:bold;color:#000000;">Face Claim |</span> Text text text</div>
<br><br>
<center><div style="width:90%; height:auto; border: 5px dotted #000000; overflow:hidden;"><img src="GIF LINK HERE" style="position:relative;  left: 0px; height:auto; width:100%;"></div> </center>

swap out the color code for either your profile color or a two shades darker version for legibility (I used this site to get my darker shades); add or remove sections as you please

The following 3 users Like Reuben Crouch's post:3 users Like Reuben Crouch's post
   Amelia Evans, Hermia Bonaccord, Roberto Devine

---

MJ made this <3

Edited version of the ^ appearance gif there, with responsive sizing: (shove this at the top or bottom of your appearance section)

Code:

<div style="max-width:18rem; height:auto; border: 5px solid #COLOR; overflow:hidden; float:right;"><img src="GIF LINK" style="position:relative;  left: 0px; height:auto; width:100%;"></div>

Ben's profile has an example, feel free to edit however you like!

(This works for gifs that are at least 280px wide - if you use something smaller it may make it grainy so play around with your max-width)

The following 1 user Likes Reuben Crouch's post:1 user Likes Reuben Crouch's post
   Clementine Greengrass

---

MJ made this <3

Olive said learn flexboxes and I TRIED but in the end this is just a slightly more responsive table. You can see it in action for Fortitude Greengrass's history - it has responsive min-widths, aligns your text to the top of the row, puts a border between rows, and has title styling built in that you can use or not. That's it, that's all it does, it's very simple. You can style the sidebar as titles:

Code:

<link href="https://dl.dropbox.com/s/vfuk5bpv8pc0mir/cleantable.css?dl=0" rel="stylesheet"><div class="cleantable"><table>
<tr><td><span class="title">July, 1866<br>Optional Title</span></td><td>Ford is born.</td></tr>
<tr><td><span class="title">1868 &mdash; 1877<br>Optional Title</span></td><td>Noble is born in 1868, which is delightful. Ford is very much in favor of siblings to play with. He is followed by Verity, Grace, and finally by Clementine in 1874, which completes the Greengrass family. As a group they are close-knit and affectionate, though it is clear from the beginning they are remarkably different people with personalities that might clash in another setting.</td></tr>
</table></div>

or add a centered title:

Code:

<link href="https://dl.dropbox.com/s/vfuk5bpv8pc0mir/cleantable.css?dl=0" rel="stylesheet"><div class="cleantable"><table>
<tr><td colspan="2" style="text-align:center"><span class="title">A Centered Title</span></td></tr>
<tr><td>July, 1866</td><td>Ford is born.</td></tr>
<tr><td>1868 &mdash; 1877</td><td>Noble is born in 1868, which is delightful. Ford is very much in favor of siblings to play with. He is followed by Verity, Grace, and finally by Clementine in 1874, which completes the Greengrass family. As a group they are close-knit and affectionate, though it is clear from the beginning they are remarkably different people with personalities that might clash in another setting.</td></tr>
</table></div>

example:

Show

A Centered Title
July, 1866	Ford is born.
1868 — 1877	Noble is born in 1868, which is delightful. Ford is very much in favor of siblings to play with. He is followed by Verity, Grace, and finally by Clementine in 1874, which completes the Greengrass family. As a group they are close-knit and affectionate, though it is clear from the beginning they are remarkably different people with personalities that might clash in another setting.

Or just don't use the title at all :P Add as many rows as you need. Yell at me if it breaks.

  

---

MJ made this <3

Stuff to fix the "other section overflows into the abyss" issue. You can see it in action (for now, since his profile is empty) on Caiaphas's other box. The stylesheet has embedded coding for dotted lists, arrow lists, floral lists, and a table with stylized th & td boxes. Delete whatever you don't want to use and away you go. The resume example uses the same table style as grades.

Of note: I still can't figure out how to fix the issue where the OWL/NEWT score table overflows the blockquote. For some reason, a third column just makes it go crazy :P I can only sometimes replicate this error outside of Charming which makes it difficult to fix. WORKAROUNDS FOR NOW: Either don't put that table in a blockquote (you will still be able to read the table just fine on small screens, the blockquote for some reason just wants to be smaller) or combine your OWL/NEWT scores into one column. I've included both in the code sample below and in the example on Cai's profile.

Code:

<link href="https://dl.dropbox.com/s/fk4mk6rcp1lkq3r/Other.css?dl=0" rel="stylesheet"/>

<blockquote><div class="dottedlist">
<ul><li>Item A
<li>Item B
<li>Item C</ul></div></blockquote>

<br><br>

<table class="grades"><tr><th>Class</th><th>OWL</th><th>NEWT</th></tr>
<tr><td style="text-align: left;">Astronomy</td><td>—</td><td>—</td></tr>
<tr><td style="text-align: left;">Charms</td><td>—</td><td>—</td></tr>
<tr><td style="text-align: left;">Defense Against the Dark Arts</td><td>—</td><td>—</td></tr>
<tr><td style="text-align: left;">Herbology</td><td>—</td><td>—</td></tr>
<tr><td style="text-align: left;">History of Magic</td><td>—</td><td>—</td></tr>
<tr><td style="text-align: left;">Potions</td><td>—</td><td>—</td></tr>
<tr><td style="text-align: left;">Transfiguration</td><td>—</td><td>—</td></tr>
</table>

<br><br>

<blockquote>
<table class="grades"><tr><th>Class</th><th>Score</th></tr>
<tr><td style="text-align: left;">Astronomy</td><td>—/—</td></tr>
<tr><td style="text-align: left;">Charms</td><td>—/—</td></tr>
<tr><td style="text-align: left;">Defense Against the Dark Arts</td><td>—/—</td></tr>
<tr><td style="text-align: left;">Herbology</td><td>—/—</td></tr>
<tr><td style="text-align: left;">History of Magic</td><td>—/—</td></tr>
<tr><td style="text-align: left;">Potions</td><td>—/—</td></tr>
<tr><td style="text-align: left;">Transfiguration</td><td>—/—</td></tr>
</table></blockquote>

<br><br>

<blockquote><table class="grades"><tr><th>Occupation</th><th>Years</th></tr>
<tr><td style="text-align: left;">Job Title which gets sort of long sometimes</td><td>1888-1889</td></tr>
<tr><td style="text-align: left;">Job Title</td><td>1888-1889</td></tr>
<tr><td style="text-align: left;">Job Title</td><td>1888-1889</td></tr>
<tr><td style="text-align: left;">Job Title</td><td>1888-1889</td></tr>
<tr><td style="text-align: left;">Job Title</td><td>1888-1889</td></tr>
<tr><td style="text-align: left;">Job Title</td><td>1888-1889</td></tr>
</table></blockquote>

<br><br>
<blockquote><div class="florallist">
<ul><li>Item A
<li>Item B
<li>Item C</ul></div></blockquote>
<br><br>
<blockquote><div class="arrowlist">
<ul><li>Item A
<li>Item B
<li>Item C</ul></div></blockquote>

Also I figured out you can just put the style stuff directly into the profile boxes, no hosted .css needed. If you're coding-savvy and want to tweak things around to your liking, here's the base style to mess around with:

Code:

<style>
.arrowlist li {
list-style-type: none;
}

.arrowlist ul {
margin:0;
padding:0;
}

.arrowlist li:before {
content: '➜';
margin-right: 1rem;
padding-right:none;
}

.florallist li {
list-style-type: none;
}

.florallist ul {
margin:0;
padding:0;
}

.florallist li:before {
content: '❧';
margin-right: 1rem;
padding-right:none;
}

.dottedlist li {
list-style-type: none;
}

.dottedlist ul {
margin:0;
padding:0;
}

.dottedlist li:before {
content: '※';
margin-right: 1rem;
padding-right:none;
}

.grades {
width: 100%;
}

.grades tr.nthchild(1) {
text-align:justify;
}

.grades td {
border-bottom:1px solid gray;
text-align:center;
}

.grades th {
text-align:center;
font-variant: small-caps;
font-weight: bold;
border-bottom:double;
}
</style>

As always, shout at me if it breaks ~

  

---

MJ made this <3

Update Application

Lynn — Today at 5:03 PM
petition for someone to post a code version of the base profile code + the appearance/history stuff we basically all use so I can just copy/paste one thing instead of hunting it down every time

Compiled all of the appearance/history/other extras from above in the application link, since a lot of us tend to break the code or have to search for all the different pieces xD

Show

In-Character

Full Name: First, middle, last
Nicknames: If any
Birthdate: Month, day, year
Current Age: ? Years
Gender: Actual and, if different, perceived
Occupation: If any
Reputation: Appropriate number 1-10 & why
Residence: Where do they currently live?
Hogwarts House: Either current or former. If future or for those who did not attend Hogwarts, simply write 'unknown'
Wand: ex. holly, 11", supple, single phoenix tail feather
Blood Status: Pure, half, muggle
Social Class: Upper, middle, working
Family: Optional.
Appearance:

General | text here

Expressions | text here

Deportment | text here

Fashion | text here

Accessories | text here

Scent | text here

Distinguishing Characteristics | text here

Face Claim | text here

History:

A Centered Title
YEAR Label	Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
YEAR	Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
YEAR	Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
YEAR	Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
YEAR-XX First Year	Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
YEAR-XX Second Year	Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
YEAR-XX Third Year	Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
YEAR-XX Fourth Year	Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
YEAR-XX Fifth Year	Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
YEAR-XX Sixth Year	Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
YEAR-XX Seventh Year	Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
YEAR	Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
YEAR	Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
YEAR	Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Personality: Can be as short as 3-4 words!

Other:

• Item A
  
• Item B
  
• Item C

Class	OWL	NEWT
Astronomy	—	—
Charms	—	—
Defense Against the Dark Arts	—	—
Herbology	—	—
History of Magic	—	—
Potions	—	—
Transfiguration	—	—

Class	Score
Astronomy	—/—
Charms	—/—
Defense Against the Dark Arts	—/—
Herbology	—/—
History of Magic	—/—
Potions	—/—
Transfiguration	—/—

Occupation	Years
Job Title which gets sort of long sometimes	1888-1889
Job Title	1888-1889
Job Title	1888-1889
Job Title	1888-1889
Job Title	1888-1889
Job Title	1888-1889

• Item A
  
• Item B
  
• Item C

Sample Roleplay Post: At least a paragraph. Only required for first or canon characters.

Out-of-Character

Name: Or Alias
Age: here
Contact: If any: Discord, PM, E-mail, etc.
Other Characters: If any
How did you hear about us?: where or who?

Code:

<center><div style="width: 95%; padding: 2%; text-align: left; border: 3px #454545 double; background-color: #fff;">
<div class="thead" style="margin-bottom: 10px;">In-Character</div>
<b>Full Name:</b> First, middle, last
<b>Nicknames:</b> If any
<b>Birthdate:</b> Month, day, year
<b>Current Age:</b> ? Years
<b>Gender:</b> Actual and, if different, perceived
<b>Occupation:</b> If any
<b>Reputation:</b> Appropriate number 1-10 & why
<b>Residence:</b> Where do they currently live?
<b>Hogwarts House:</b> Either current or former. If future or for those who did not attend Hogwarts, simply write 'unknown'
<b>Wand:</b> ex. holly, 11", supple, single phoenix tail feather
<b>Blood Status:</b> Pure, half, muggle
<b>Social Class:</b> Upper, middle, working
<b>Family:</b> Optional.
<b>Appearance:</b><blockquote><span style="letter-spacing: 1px; font-variant:small-caps;font-weight:bold;color:#000000;"><div style="max-width:18rem; height:auto; border: 5px solid #000000; overflow:hidden; float:left; margin:10px;"><img src="GIF LINK HERE" style="position:relative; left: 0px; width:100%;"></div>General |</span> text here<br><br>
<span style="letter-spacing: 1px; font-variant:small-caps;font-weight:bold;color:#000000;">Expressions |</span> text here<br><br>
<span style="letter-spacing: 1px; font-variant:small-caps;font-weight:bold;color:#000000;">Deportment |</span> text here<br><br>
<span style="letter-spacing: 1px; font-variant:small-caps;font-weight:bold;color:#000000;">Fashion |</span> text here<br><br>
<span style="letter-spacing: 1px; font-variant:small-caps;font-weight:bold;color:#000000;">Accessories |</span> text here<br><br>
<span style="letter-spacing: 1px; font-variant:small-caps;font-weight:bold;color:#000000;">Scent |</span> text here<br><br>
<span style="letter-spacing: 1px; font-variant:small-caps;font-weight:bold;color:#000000;">Distinguishing Characteristics |</span> text here<br><br>
<span style="letter-spacing: 1px; font-variant:small-caps;font-weight:bold;color:#233444;">Face Claim |</span> text here
<br><br></blockquote>
<b>History:</b> <blockquote><link href="https://dl.dropbox.com/s/vfuk5bpv8pc0mir/cleantable.css?dl=0" rel="stylesheet"><div class="cleantable"><table>
<tr><td colspan="2" style="text-align:center"><span class="title">A Centered Title</span></td></tr>
<tr><td><span class="title">YEAR<br>Label</span></td><td>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</td></tr>
<tr><td><span class="title">YEAR<br></span></td><td>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</td></tr>
<tr><td><span class="title">YEAR<br></span></td><td>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</td></tr>
<tr><td><span class="title">YEAR<br></span></td><td>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</td></tr>
<tr><td><span class="title">YEAR-XX<br>First Year</span></td><td>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</td></tr>
<tr><td><span class="title">YEAR-XX<br>Second Year</span></td><td>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</td></tr>
<tr><td><span class="title">YEAR-XX<br>Third Year</span></td><td>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </td></tr>
<tr><td><span class="title">YEAR-XX<br>Fourth Year</span></td><td>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</td></tr>
<tr><td><span class="title">YEAR-XX<br>Fifth Year</span></td><td>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</td></tr>
<tr><td><span class="title">YEAR-XX<br>Sixth Year</span></td><td>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</td></tr>
<tr><td><span class="title">YEAR-XX<br>Seventh Year</span></td><td>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</td></tr>
<tr><td><span class="title">YEAR<br></span></td><td>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</td></tr>
<tr><td><span class="title">YEAR<br></span></td><td>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</td></tr>
<tr><td><span class="title">YEAR<br></span></td><td>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</td></tr>
</table></div></blockquote>

<b>Personality:</b> Can be as short as 3-4 words!

<b>Other:</b> <link href="https://dl.dropbox.com/s/fk4mk6rcp1lkq3r/Other.css?dl=0" rel="stylesheet"/>
<blockquote><div class="dottedlist">
<ul><li>Item A
<li>Item B
<li>Item C</ul></div></blockquote>
<br><br>
<table class="grades"><tr><th>Class</th><th>OWL</th><th>NEWT</th></tr>
<tr><td style="text-align: left;">Astronomy</td><td>—</td><td>—</td></tr>
<tr><td style="text-align: left;">Charms</td><td>—</td><td>—</td></tr>
<tr><td style="text-align: left;">Defense Against the Dark Arts</td><td>—</td><td>—</td></tr>
<tr><td style="text-align: left;">Herbology</td><td>—</td><td>—</td></tr>
<tr><td style="text-align: left;">History of Magic</td><td>—</td><td>—</td></tr>
<tr><td style="text-align: left;">Potions</td><td>—</td><td>—</td></tr>
<tr><td style="text-align: left;">Transfiguration</td><td>—</td><td>—</td></tr>
</table>
<br><br>
<blockquote>
<table class="grades"><tr><th>Class</th><th>Score</th></tr>
<tr><td style="text-align: left;">Astronomy</td><td>—/—</td></tr>
<tr><td style="text-align: left;">Charms</td><td>—/—</td></tr>
<tr><td style="text-align: left;">Defense Against the Dark Arts</td><td>—/—</td></tr>
<tr><td style="text-align: left;">Herbology</td><td>—/—</td></tr>
<tr><td style="text-align: left;">History of Magic</td><td>—/—</td></tr>
<tr><td style="text-align: left;">Potions</td><td>—/—</td></tr>
<tr><td style="text-align: left;">Transfiguration</td><td>—/—</td></tr>
</table></blockquote>
<br><br>
<blockquote><table class="grades"><tr><th>Occupation</th><th>Years</th></tr>
<tr><td style="text-align: left;">Job Title which gets sort of long sometimes</td><td>1888-1889</td></tr>
<tr><td style="text-align: left;">Job Title</td><td>1888-1889</td></tr>
<tr><td style="text-align: left;">Job Title</td><td>1888-1889</td></tr>
<tr><td style="text-align: left;">Job Title</td><td>1888-1889</td></tr>
<tr><td style="text-align: left;">Job Title</td><td>1888-1889</td></tr>
<tr><td style="text-align: left;">Job Title</td><td>1888-1889</td></tr>
</table></blockquote>
<br><br>
<blockquote><div class="florallist">
<ul><li>Item A
<li>Item B
<li>Item C</ul></div></blockquote>

<b>Sample Roleplay Post:</b> At least a paragraph. Only required for first or canon characters.
<div class="thead" style="margin-bottom: 10px;">Out-of-Character</div>
<b>Name:</b> Or Alias
<b>Age:</b> here
<b>Contact:</b> If any: Discord, PM, E-mail, etc.
<b>Other Characters:</b> If any
<b>How did you hear about us?:</b> where or who?
</div></center>

updated january 2024

The following 3 users Like Philomena Sprout's post:3 users Like Philomena Sprout's post
   Ezra Applegate, Penelope Fawcett, Xander Stanwell

---

❧ Welcome to Evergardens ❧