Profile
Profile
PLEASE NOTE BEFORE USE
- You can customize the playlist background, both the outer border and inner block. However, if you are using artwork that is not yours or purchased by yourself, please make sure to link the images used in the credit snippet at the end of the code. Images used must fall within the Stygian user guidelines.
Light on Dark: code here!
<div style="width: 350px; color: #ededed; font-size: 18px; margin: auto; padding: 20px 20px 20px 20px; background: #4f4f4f url('OUTERBORDERIMAGEURL'); background-size: cover;">
<div style="background: #ededed; padding: 5px;">
<div style="padding: 50px 5px 50px 5px; background: #4f4f4f url('CENTERBLOCKIMAGEURL'); background-size: cover;">
<center>
<span style="font-weight: bold; font-size: 20px; font-family: monospace; text-transform: uppercase; letter-spacing: 4px;">
PLAYLIST NAME
</span><hr />
<span style="font-family: monospace; font-size: 12px; letter-spacing: 0.5px;">
<a style="color: #fff; font-weight: bold;" href="MUSICURL">
SONG NAME</a>
. song artist
</span><br /><br />
<span style="font-family: monospace; font-size: 12px; letter-spacing: 0.5px;">
<a style="color: #fff; font-weight: bold;" href="MUSICURL">
SONG NAME</a>
. song artist
</span><br /><br />
<span style="font-family: monospace; font-size: 12px; letter-spacing: 0.5px;">
<a style="color: #fff; font-weight: bold;" href="MUSICURL">
SONG NAME</a>
. song artist
</span>
<!--- add more above this line for more songs! --->
</center>
</div>
</div>
<div style="margin: 5px 0px -10px 0px; text-transform: uppercase; font-size: 7px; color: #ededed;" align="right">CODE BY <a style="font-size: 7px; color: #ededed;" href="https://toyhou.se/roc/characters/folder:791729">☾</a> / IMAGES CREDIT: <a style="font-size: 7px; color: #ededed;" href="CREDITLINKHERE">X</a></div>
</div>
Dark on Light: code here!
<div style="width: 350px; color: #000; font-size: 18px; margin: auto; padding: 20px 20px 20px 20px; background: #a4a4a4 url('OUTERBORDERIMAGEURL'); background-size: cover;">
<div style="background: #000; padding: 5px;">
<div style="padding: 50px 5px 50px 5px; background: #a4a4a4 url('CENTERBLOCKIMAGEURL'); background-size: cover;">
<center>
<span style="font-weight: bold; font-size: 20px; font-family: monospace; text-transform: uppercase; letter-spacing: 4px;">
PLAYLIST NAME
</span><hr />
<span style="font-family: monospace; font-size: 12px; letter-spacing: 0.5px;">
<a style="color: #000; font-weight: bold;" href="MUSICURL">
SONG NAME</a>
. song artist
</span><br /><br />
<span style="font-family: monospace; font-size: 12px; letter-spacing: 0.5px;">
<a style="color: #000; font-weight: bold;" href="MUSICURL">
SONG NAME</a>
. song artist
</span><br /><br />
<span style="font-family: monospace; font-size: 12px; letter-spacing: 0.5px;">
<a style="color: #000; font-weight: bold;" href="MUSICURL">
SONG NAME</a>
. song artist
</span>
</center>
</div>
</div>
<div style="margin: 5px 0px -10px 0px; text-transform: uppercase; font-size: 7px; color: #000;" align="right">CODE BY <a style="font-size: 7px; color: #000;" href="https://toyhou.se/roc/characters/folder:791729">☾</a> / IMAGES CREDIT: <a style="font-size: 7px; color: #000;" href="CREDITLINKHERE">X</a></div>
</div>
