Jack ☂'s profile picture

Layout published by Jack ☂

published
updated

Add to Favorites

View Layouts

View Profile

Report Layout

Vinyl Showcase Library - Shows the album and info above hover

Tags: hover, html, album, code, animation, layout, vinyl, decoration, band, music, hover, album, animation, layout

Description:

Common Questions

Change the covers and everything you'd want!

Any image hosting site works

The image hosting site i used in my own layout is Rate Your Music, search your desired album, click in the image and the site will give you a html code.

To change the title color (if), change the #000000 to any other color code.

♪ Exemple In My Profile ♪

Preview:

Layout Screenshot
click on the image for a larger preview

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.


Comments

Displaying 20 of 4433 comments ( View all | Add Comment )

ARThur_

ARThur_'s profile picture

using!!


Report Comment

Taraneh

Taraneh's profile picture

using :3


Report Comment

𓏵 ⋮ hallie / marie ₊ ⊹

𓏵 ⋮ hallie / marie ₊ ⊹'s profile picture

Using!


Report Comment

Connor

Connor's profile picture

Using!! Thank you so much!


Report Comment

mia :/

mia :/'s profile picture

when I use this layout everything else codes correctly, but The pictures/ album covers don't show :( plz help


Report Comment

a

a's profile picture

using


Report Comment

Chris

Chris's profile picture

using


Report Comment

Shr00mG00ber01

Shr00mG00ber01's profile picture

usingg


Report Comment

cass

cass's profile picture

usinggg


Report Comment

M3TAL_LXVER🖤

M3TAL_LXVER🖤's profile picture

UGHH this is sooo hard to do


Report Comment

ジュイ 🫧

ジュイ 🫧's profile picture

using :3


Report Comment

Bea

Bea's profile picture

I can't get the photos to load or smth like am I using a bad link of what??


Report Comment

Aren

☠ Aren ☠'s profile picture

I tried this but all my pictures are under the place they are meant to be in and they are really wide and don't fit the page. Can anyone help me?


Report Comment



try following @lupitaa333's tutorial on yt , they show how to do do it pretty easily :3

by pxeater; ; Report

dont forget "< / div>" command after the last vinyl :]
(no spaces)

by Rai; ; Report

Byronic Angel

Byronic Angel's profile picture

using! thank you, i think i did something wrong lol they're all spaced out by a lot.


Report Comment

SH_4RK ✞

SH_4RK ✞'s profile picture

using


Report Comment

𝙺𝚒𝚔𝚒𝙲𝚘𝚏𝚏𝚎𝚎 ₍ᐢ..ᐢ₎

𝙺𝚒𝚔𝚒𝙲𝚘𝚏𝚏𝚎𝚎  ₍ᐢ..ᐢ₎'s profile picture

I wanna use it but i got confused on how to place it n make the songs appear, im dumb pls help


Report Comment



hello, do you still need help? i can help with that

by Gr◌◌s; ; Report

yes plssss, i rlly wanna add it to my layout n im desperate!!!

by 𝙺𝚒𝚔𝚒𝙲𝚘𝚏𝚏𝚎𝚎 ₍ᐢ..ᐢ₎; ; Report

Well, in each part where it says " < img src = "ALBUMCOVERSOURCE" / > " is where you are going to put the image of the cover of the song that you want to put, replace the "ALBUMCOVERSOURCE" with the link of the link address of the photo (for example, search on Google for your favorite song and on the first photo that appears from the album, you right click on it and click on "copy link address")

Now, just below that will appear " < divclass = "title " >Artist - Album < / div > " there you are going to replace it and put the name of the artist and the name of the album (or the song) for example: < div class = " title "> Melanie Martinez (Artist) - Cry Baby (Album) < / div >

obviously without the parentheses

If you have any questions or got lost somewhere, you can tell me!

by Gr◌◌s; ; Report

omgg thank u sm, now i understand a bit morew!!!!<3

by 𝙺𝚒𝚔𝚒𝙲𝚘𝚏𝚏𝚎𝚎 ₍ᐢ..ᐢ₎; ; Report

I understand you because I was also confused at first, anyway, yw!

by Gr◌◌s; ; Report

Lerdentim

Lerdentim's profile picture

usiiingggg XPPP


Report Comment

d3rp7_h00v3s

d3rp7_h00v3s's profile picture

Using!!q(≧▽≦q)


Report Comment

✿༺ 𝒟𝑜𝓁𝓁𝑒𝒹𝐿𝒶𝓂𝒷 ༻✿

✿༺ 𝒟𝑜𝓁𝓁𝑒𝒹𝐿𝒶𝓂𝒷 ༻✿'s profile picture

Im using (˶˃ ᵕ ˂˶)


Report Comment

henhenn!!

henhenn!!'s profile picture

usingg!!


Report Comment