Tessisamess

Information

Hey guys! Sneaking in for a late night code now that I'm feeling better; I got a bug up my ass to do a horizontal spin on my Profiler playlist code, so here ya go! I have a fun memories/items tracker coming soon too, yay! Enjoy! ♥

The Coding

<lj-raw><div style="margin:0 auto;width:900px;font-family:century gothic,arial,sans-serif;font-size:14px;line-height:1.7;border:1px solid rgba(0,0,0,0.1);"> <div style="width:350px;height:350px;border:25px solid #05033F;background:url(COVERIMG)center;background-size:cover;float:left;color:#BBBBCD;display:flex;align-items:center;justify-content:center;text-align:center;text-transform:uppercase;letter-spacing:2px;"><span> TITLEHERE </span></div> <div style="padding:20px;margin-left:400px;"><div style="height:360px;overflow:auto;"> <!--- EACH SONG ---> <a href="SONGURL" style="padding:10px;border-bottom:1px solid rgba(0,0,0,0.1);text-decoration:none;color:#999;display:flex;align-items:center;justify-content:space-between;"> <div style="width:100%;margin:0 10px;"><div style="font-size:15px;color:#05033F;letter-spacing:1px;"> Songtitle </div> <i>Songartist</i></div> <div style="float:right;">0:00</div> </a> </div></div> <div style="background:#010119;padding:20px;text-align:center;color:#fff;letter-spacing:1px;font-size:10px;display:flex;justify-content:space-between;align-items:center;"> <span style="text-transform:uppercase;letter-spacing:2px;"> SUBTITLEHERE </span> <a href="PLAYLISTURL" style="text-decoration:none;text-align:center;color:#BBBBCD;font-weight:bold;padding:5px 10px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.1);border-radius:20px;">Play All</a> </div> </div></lj-raw>

Installation Guide

Paste into an entry and fill in the following!

COVERIMG - Album background
TITLEHERE - Album title
SUBTITLEHERE - Footer subtitle
PLAYLISTURL - Link to full playlist

SONGURL - Individual song URL
Songtitle - Song title
Songartist - Song artist
0:00 - Song runtime

Editing Guide

Paste the coding into Notepad or similar and bring up Replace All (usually Ctrl+H) to replace values quickly and easily!

FONTS

century gothic - Overall font

COLORS

255,255,255

'Play all' link background and border (semi-transparent rgba value)

#fff

Tracklist background and footer text

#bbbbcd

Title and 'play all' link text

#999

Song artist and runtime

#05033f

Album cover border and song title

#010119

Footer background

0,0,0

Container border (semi-transparent rgba value)

Terms of Use

♡ Do not remove credit.
♡ Do not redistribute my codes in part or in whole (posting a copy for players to use in your game is fine with a link to original post.)
♡ If you break something during editing, please feel free to drop me a comment and I'll help as best I can!
♡ I love seeing edits! This isn't a rule, but if you have a cool edit of one of my codes I'd love to see it!