Tessisamess

© TESSISAMESS

Information

Hey guys! Short info on this one since it's just a cute standalone playlist to match the style of Profiler. Enjoy! ♥

The Coding

<lj-raw><div style="margin:0 auto;width:500px;font-family:century gothic,arial,sans-serif;font-size:14px;text-align:justify;line-height:1.7;border:1px solid rgba(0,0,0,0.1);"> <div style="background:#000 url(BGIMG)center;background-size:120%;color:#fff;"><div style="height:250px;background:rgba(0,0,0,0.3);display:flex;align-items:center;justify-content:center;text-align:center;padding:40px;"><div> <img src="ICONHERE" style="width:60px;height:60px;border:2px solid #fff;border-radius:100%;"> <div style="font-size:27px;color:#D5C1E2;"> Soundtrack </div> <div style="opacity:0.8;font-size:12px;"> subtitle </div> </div></div></div> <div style="padding:25px;border-bottom:1px solid rgba(0,0,0,0.1);"> <!--- 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;"> <img src="ALBUMIMG" style="width:50px;height:50px;"> <div style="width:100%;margin:0 10px;"><div style="font-size:15px;color:#8C60A6;letter-spacing:1px;"> Songtitle </div> <i>Songartist</i></div> <div style="float:right;">0:00</div> </a> </div> <div style="background:#060606;padding:20px;text-align:center;color:#fff;letter-spacing:1px;font-size:12px;"> <a href="PLAYLISTLINK" style="text-decoration:none;display:block;margin:0 22%;text-align:center;color:#8C60A6;font-weight:bold;padding:5px 0;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.1);border-radius:20px;font-size:13px;letter-spacing:1px;">Listen on Spotify</a> </div> </div><a href="http://tessisamess.insanejournal.com/" style="display:block;width:500px;margin:5px auto 0 auto;font-family:century gothic,arial,sans-serif;color:#aaa;text-decoration:none;letter-spacing:2px;font-size:9px;text-align:right;">&copy; TESSISAMESS</a></lj-raw>

Installation Guide

Paste into an entry and fill in the following!

BGIMG - Header background
ICONHERE - Header icon
Soundtrack - Header title
subtitle - Header subtitle

SONGURL - Each song video/lyrics URL
ALBUMIMG - Each song's album image
Songtitle - Song title
songartist - Song artist
0:00 - Runtime

PLAYLISTLINK - Playlist link
Listen on Spotify - Playlist link text

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,arial,sans-serif - Thing

COLORS

#fff

Header icon border, header blurb

#D5C1E2

Header title

#8C60A6

Song title; playlist link text

#999

Song text

0,0,0

Content borders; header background darkening overlay

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!