Welcome, Charmers! Within, you'll find coding from staff and members alike that you may choose to use here on Charming. Remember—no coding is ever required, but for those interested, these are all comonly used on-board, or set up specifically to work on-board!


CONTENT WARNING:

Add a clear, collapasable content warning to your post.

Code:

[cw=Content Warning]Warning goes here[/cw]

POST BOX:

Add a bit of ~decor to your posts without messing about with actual HTML. Adds a boarder and bottom bar around whatever content you like.

Code:

[post]Content goes here[/post]

IN-LINE IMAGES:

Add a photo around which text will wrap. Both the alignment ("left" or "right") and the width can be adjusted to meet your preferences/needs.

Code:

<img src="imageURLhere" align="right" width="20%" />

ACADEMIC RECORDS:

Add your character's academic accomplishments (or lack thereof) to the history or "other" section of their profile. You can see an example of this in action here.

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>

TITLE BAR:

Add a thick title bar, like the one at the top of this post.

Code:

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

SUBTITLE BAR:

Add a thinner title bar, like the one at the top of this section.

Code:

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

SCROLL BAR:

Do you have a particularly long section in your profile, or perhaps want ads that seem to keep going forever?  Add a scroll bar to your coding to make it a bit less unwieldy. You can adjust the height (currently set at 550px) to suit your needs.

Code:

<div style="overflow-y: scroll; height: 550px;">TEXT HERE</div>