Try your hand at duelling!

Posts

This section allows you to view all posts made by this member. Note that you can only see posts made in areas you currently have access to.


Topics - Elspeth E. Tilden

Pages: [1]
1
Testing & Graphics / — playlist templates.
« on: 04/17/2021 at 15:17 »

VINYL RECORD PLAYLIST TEMPLATE
this is a simple customisable template that looks like a vinyl record. i've tried to keep it relatively basic so that it's easy to customise -- the album cover, the track list background colour, the border colour, font family, and font colour can all be changed to match whatever aesthetic you like. ♡♡♡

TIPS: aesthetically, the template looks best with 10 songs with no overlap. i wouldn't change the track list font size either but it's up to you!!

Code: (click select and ctrl+c to copy) [Select]
[center]

[div style="width:350px; height:300px; position:relative;"]

[div style="width:250px; height:250px; background-image: url(https://i.ibb.co/b2tY8wr/250x250placeholder.png); background-size:contain; border:1px solid BORDERCOLORHERE; filter: drop-shadow(3px 3px 2px #0a0a0a); z-index:1; float:left; position:absolute;"][div style="width:230px; height:230px; over-flow:y:auto; overflow-x:hidden; margin-top:10px;"]















[div style="width:205px; height:200px; padding:15px; background: rgba(255, 255, 255, 0.8); margin-top:10px; font-family:TRACKLISTFONT; color:TRACKLISTFONTCOLOUR; font-size:10px; line-height:17px; text-align:justify;"][center][span style="font-family:CHARACTERNAMEFONT; font-size:20px; color:NAMECOLOUR; text-shadow: 1px 1px black; line-height:30px;"][b]NAME HERE[/b][/span][/center]
1. song name
2. song name
3. song name
4. song name
5. song name
6. song name
7. song name
8. song name
9. song name
10. song name[/div][/div][/div][div style="float:right; filter: drop-shadow(2px 2px 1px black);  z-index:2; position:absolute; left:126px; bottom:32px;"][img]https://i.ibb.co/r4YXnyj/vinylpng.png[/img][/div]
[/div][/center]

tip: to change the tracklist background color, find background: rgba(255, 255, 255, 0.8) and replace the first three sets of numbers with the [u][b]RBG VALUES[/b][/u] of your desired colour!!

EXAMPLES:
















dagmar sawaki 
1. song name
2. song name
3. song name
4. song name
5. song name
6. song name
7. song name
8. song name
9. song name
10. song name
















eloise warwick
1. song name
2. song name
3. song name
4. song name
5. song name
6. song name
7. song name
8. song name
9. song name
10. song name
CODED BY PANDA 


Pages: [1]