D.I.Y moodbars!

Code:

<center><img src="IMAGE" style="border: 5px solid white; outline: 3px solid #COLOR; max-width:25%; margin: 5px;"/> <img src="IMAGE" style="border: 5px solid white; outline: 3px solid #COLOR; max-width: 25%; margin: 5px;"/> <img src="IMAGE" style="border: 5px solid white; outline: 3px solid #COLOR; max-width: 25%; margin: 5px;"/></center>

Helpful hints:

1. I use pinterest to find images. I use vague searches—"cottagecore aesthetic gif" works best for WC characters, while "royalty/princess aesthetic gif" for UC characters. You can find a good mix just by going down the rabbit hole and adjusting the search to fit your needs or color scheme.
   
2. I edit in PS.
   
3. I use images size 245 x 135.
   
4. Only 750 characters are allowed in the profile quote section, so I typically reduce the nickpic images' lengths by using bit.ly. It's only really a problem if you have an actual profile quote (which I do).
   
5. If you have a profile quote, reduce to bitly, and still cannot save it, check the character count on wordcounter.net an see if it's possible to delete some spaces in the move. You can delete the space between the ';' and the next element.
   
6. If none of that works, choose a smaller quote or forego the moodbar :P

The following 4 users Like Freddie Prewett's post:4 users Like Freddie Prewett's post
   Amelia Evans, Angelica Selwyn, Anne Moony, Katherine Midford

---

— set by mj <3 —

Hi some of these might be repeats but I can't be arsed to look. these are the ones I use in my profiles every. single. time. and get upset when I can't find them without switching accounts to steal them from my own profiles:

Floating GIF in the appearance section. Fill in #COLOR with the color that you use on the profile.

Code:

<img src="URL" style="border: 5px solid white; outline: 3px solid #COLOR;" align="right" hspace="10" vspace="5" width="45%"/>

Scrolling histories so you don't have ONE HUGE SECTION that you have to continue scrolling for:

Code:

<link href="https://fonts.googleapis.com/css?family=Marck+Script" rel="stylesheet"><link href="https://dl.dropbox.com/s/eguv4jw0ukmyhvv/historyedition.css?dl=0" rel="stylesheet"><div class="historyedition" style="overflow: auto; height: 350px; padding: 0px 10px 0px 0px;"><blockquote>
HISTORY
</blockquote></div>

Other section! It's pretty ~basic~ but it fits my needs:

Code:

<link href="https://dl.dropbox.com/s/7zamono3amgvkfz/newlog.css?dl=0" rel="stylesheet"/><div class="dottedlist" style="text-align: left;"><blockquote><center>— <b>SKILLS</b> —</center>
<ul><li>LISTTHINGHERE</ul></BLOCKQUOTE><br>
<BLOCKQUOTE><center>— <b>TRIVIA</b> —</center>
<ul><li>LISTTHINGHERE</ul></BLOCKQUOTE><br>
<BLOCKQUOTE><center>— <b>ACADEMICS</b> —</center><br>
<br>
<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>P</td><td>—</td></tr>
<tr><td style="text-align: left;">Charms</td><td>O</td><td>E</td></tr>
<tr><td style="text-align: left;">Defence Against the Dark Arts</td><td>E</td><td>E</td></tr>
<tr><td style="text-align: left;">Herbology</td><td>O</td><td>O</td></tr>
<tr><td style="text-align: left;">History of Magic</td><td>D</td><td>—</td></tr>
<tr><td style="text-align: left;">Potions</td><td>O</td><td>O</td></tr>
<tr><td style="text-align: left;">Transfiguration</td><td>E</td><td>E</td></tr>
</table>
</blockquote></div>

REPUTATION. Plz do these. The first one is the one I use for characters at Hogwarts. I try to differentiate between "what members of the general public might know" vs. "what people who live with them nine months of the year might know". The second one is a generic rep code.

Code:

<link href="https://dl.dropbox.com/s/7zamono3amgvkfz/newlog.css?dl=0" rel="stylesheet"/><div class="dottedlist" style="text-align: left;"><blockquote><center>— <b>THE PUBLIC</b> —</center>
<ul><li>LIST</ul>
<center>— <b>AT HOGWARTS</b> —</center>
<ul><li>LIST</ul>
</div></blockquote>

Code:

<link href="https://dl.dropbox.com/s/7zamono3amgvkfz/newlog.css?dl=0" rel="stylesheet"/><div class="dottedlist" style="text-align: left;"><blockquote><ul><li>LIST</ul>
</div></blockquote>

The following 1 user Likes Julian Fisk's post:1 user Likes Julian Fisk's post
   August Echelon-Arnost

---

— gorgeous set by MJ<3 —

Also if you value my sanity never use one of my old letter templates with me. I use this one nowadays and it's foolproof :P

Don't forget your google fonts codes and the ref link!

Code:

[post]<div align="right"><span style="font-family: 'FONT', cursive; font-size: 26px;">## Month, 18XX</span></div>
<span style="font-family: 'FONT', cursive; font-size: 26px;">Dear Name Here</span>

TEXT

<center><span style="font-family: 'FONT', cursive; font-size: 26px;">Name Here</span></center>[/post]</center>

  

---

— gorgeous set by MJ<3 —