Aishurel's RP Layouts

UPDATE: Added live previews for The Fairest and Vasanti -Dec 30 2017
Discord: https://discord.gg/j9wqt7E

Contents:
I. The codes/layouts
II. Extra scraps

THE CODES: feel free to shoot me a link to your profile over Discord. I love to see how people edit the color schemes or layouts into something completely new or just a personalized version. You can also ask for coding help there. Discord: https://discord.gg/j9wqt7E
------------------------------
WARNING: Some previews may be VERY NSFW!
4 NEW LAYOUTS!

1) Kanalea (some animation)
   code: https://pastebin.com/thV5HAQn
   example: http://i.imgur.com/uth5wr8.jpg

2) Eddie (some animation)
   code: https://pastebin.com/5H55QLAd
   example: https://d2apta45lm8eal.cloudfront.net/

3) Baalaum (some animation)
   code: https://pastebin.com/ZA6mfGXx
   example: https://d2lgtt83mx0yg9.cloudfront.net/

4) Dentelle (Short intro animation)
   code: https://pastebin.com/1YedZ60y
   example: https://d34agih1n1q012.cloudfront.net/

5) The Succubus (Faster, more info-heavy version of Oak profile)
   code: https://pastebin.com/zuKp427M
   example: https://d1pyxmeu7egy4m.cloudfront.net/

6) Oak (Animated!)
   code: https://pastebin.com/6iGtu9D0
   example: https://d2x1kqd3095viy.cloudfront.net/

7) The Fairest (Animated!)
   code: https://pastebin.com/7mRUpLSt
   example: https://d2q356v79q1jr1.cloudfront.net/
   (fixed intro pic bringing down a white background with it and font of credit line)

8) Dulcibella (Animated!)
   code: http://pastebin.com/8191bRCK
   example: http://aishurel.neocities.org/dulcibella.html
   (Issue that prevents scrolling the box information when moused over the fog has been fixed)

9) Trev (Animated!)
   code: http://pastebin.com/V0xEeksf
   example: https://d303gass0wfbt7.cloudfront.net

10) Layout for two characters
   code: http://pastebin.com/AkS7j2Dd
   example: https://puu.sh/rIG2E/27c82eee07.jpg

11) Vaughn (Animated!)
   code: http://pastebin.com/Qt79Q42t
   example: https://d2kqkt1un00qmu.cloudfront.net/
   AUTHOR'S NOTE: This has clearly become my most popular code, but a lot of people aren't using the image area correctly so their pictures wind up looking tiny and shoved up top. Just crop your picture to be tall and narrow and it will fill in the space better. To upscale an image to look nicer stretched out use http://waifu2x.udp.jp/ It is a wonderful tool I use on nearly every profile to make images crisp and clean. Also refer to the dimensions I used for the Vaughn picture: http://i.imgur.com/T9nlbEF.png

12) Demon Cleaner
   code: http://pastebin.com/ghfRpyWX
   example: https://puu.sh/tapsJ/f6854dafc2.jpg

13) Leandra Acquarone
   code: http://pastebin.com/dbNTTfSB
   example: https://puu.sh/tapux/ed1827861f.png

14) Cheesecake (some animation)
   code: http://pastebin.com/DpXxTVdy
   example: https://profiles.000webhostapp.com/cheesecake.htm

15) Vasanti (Animated!) Update: September 15 2017
   code: http://pastebin.com/B4cYPFqR
   example: https://d2tbzdtcvnqh8e.cloudfront.net/
   (Added music button back in for users who want to have a character theme)

16) Aishurel
   code: http://pastebin.com/wdycEpJa
   example: http://aishurel.neocities.org/aishurel.html

17) Aishurel (OLD VERSION, but still nice)
   code: http://pastebin.com/6Y0ZZLns
   example: http://aishurel.neocities.org/oldaishurel.html

Extra Scraps
------------------------------
Extra 1) Animated Line
         code: https://pastebin.com/VERGDyni
         Exactly what it says. Use it to learn how animations work or style and use it how you want

Extra 2) Scrolling speech box
         code: https://pastebin.com/syrwVQsj
         Made for a friend who ended up not using it. Its a speech bubble that scrolls like a teleprompter. Could add a nice touch to
         your code!

Extra 3) Piranha (Animated!)
         code: http://pastebin.com/LXqXScci
         example: https://puu.sh/tap31/7f5b777003.png NOT SAFE FOR WORK!
         A simple profile with a scrolling background. I've seen some people rework it for legit characters.