Report Blog Entry
Hover over an album to see its title!
I couldn't fit in all my albums because this code needs some tinkering (it's not very flexible or mobile friendly yet), but I'll get to that some other time.
Update (16/09/2023): I'm really happy to see you guys use my code to display your collections (or favourites, or whatever else...!), I see you!! I promise a better code is inbound, I just get distracted alot. Thank you to the people who link back to this post and give credit as well, it's not required but very very much appreciated. ^__^
For as long as I don't feel this code is ready for the Layouts page, you can find the code on my website.
Occasionally Asked Questions (updated 17/01/2024)
Make sure you copied both the HTML and CSS, putting the CSS between a <style> and </style> tag. Without the CSS the albums will show up as a plain list. It should not matter whether you paste the HTML or CSS code first.
When putting the code in a blog post, make sure you switch over to the HTML editor (<> icon on the left top) before pasting, and switching back to the visual editor (eye icon in the same place) to see if it works.
It's still not showing up!
You may have deleted some of the HTML tags while editing on accident. It may be easier to copy the code and fill it in again. Mind that all the tags serve a function and the only text you have to change is the url to the image (between src=" and ") and the title of the album (between <div class="title"> and </div>).
The images are squashed!
As far as I know this only happens if you put the code on a SpaceHey profile, in which case replace the CSS with this CSS instead. Although this works this fix is only temporary... mostly because I'm not happy with it right now, lol.
The images aren't loading!
Check if the host you used is allowed on SpaceHey (right click -> open image in new tab: if it says permission denied or something along those lines, it's not allowed). The safest bet is to host images for yourself on a free image hosting site or a website you own.
I've encountered another visual bug
This code is still (and I'm sorry about that) not fully finished - one glaring example is the albums spilling over outside the section you put them in. This is on my to-do list, but don't be afraid to tinker with the CSS to your liking!
The solutions above didn't work...
Don't be afraid to reach out! Even if it takes a few days for me to respond I don't mind helping out and appreciate the feedback, for some bugs i may not even have encountered myself yet!
Comments
Displaying 20 of 37 comments ( View all | Add Comment )
H43LA
using !!
Vincente the clown
Using tysmmmmm
Sahej2po
I don't get how to change the albums to my own stuff :I
within the html change the urls (within src=" ") to the images and the album titles
by Kazimir; ; Report
I think I was close, I just didn't understand how to find my own images and make them apply correctly. It just showed up as nothing. Maybe I'll try again another time. Thank you tho
by Sahej2po; ; Report
misstokenmetal
using
<Llkor!
Thanks for sharing :3 using!!!
𝔯𝔢𝔱𝔦𝔠𝔢𝔫𝔱𝔠𝔯𝔦𝔢𝔰.
this is soo good!! thnx for sharing this (using) ^_^!!
SYDNEY SABOTAGE </3
using!! ^_^
𝐤𝖆𝖙𝖍𝖊𝖗𝖎𝖓𝖊 ☆⋆｡𖦹°‧★
using, but quick question, how do you change the color of the font when you click the album cover?
that would be by adding a style to #vinyl-gallery .title, like so:
#vinyl-gallery .title {
color:magenta;
}
by Kazimir; ; Report
thank you so so much!!
️
by 𝐤𝖆𝖙𝖍𝖊𝖗𝖎𝖓𝖊 ☆⋆｡𖦹°‧★; ; Report
pi3rcethe_adri
Using
Kr0ms4l1s_decent
anytime i try to use the codes, it does stack but js rotates
you can send a dm with your code and ill check whats up
by Kazimir; ; Report
Wren Dynastay ੈ♡˳
It keeps coming out as a list no matter what I do pls help!! :(
if youre still having this issue, you can send a dm and ill have a look. (are you sure you didnt forget to copy paste the css, too?)
by Kazimir; ; Report
Remiii ⋆｡°✩
i'll be using!! :)
alex !! 💫🦈
can someone share the code in here? the website is down
lol its up again! sorry for the inconvenience
by Kazimir; ; Report
thanks !!
by alex !! 💫🦈; ; Report
❥ judar
using :3
tristan ⛧ inactive ⌆
usinggg but i ahve a problem, like 7 of the albums arent loading but at the same time when i hover my mouse over where oe of them would be they all appear at once and idk its super weird,, what do i do??
are the images not loading? in that case youd have to try uploading them on another site. or are the boxes where the vinyls would be not showing up?
by Kazimir; ; Report
both. i made a little blog/bulletin testing it out if u want i could send it to u or smtg??? and even the code iyw
by tristan ⛧ inactive ⌆; ; Report
sure, send it over!
by Kazimir; ; Report
alright. dms or just here?
by tristan ⛧ inactive ⌆; ; Report
leo
using i'll return if something wrong
andrzej ❦
Hii, the vinyls are all spinning and idk why, could I have some help?
hello! taking a peek im pretty sure its because my code uses the same class as the spinning vinyls you already have on your profile. itd just take renaming either the spinning vinyls or the showcase vinyls' classes in both the css and html to fix it
by Kazimir; ; Report
zé
using !!
´ ཀ`) ︵ ͜ ♱
I have done everything right in the "Occasionally Asked Questions" section and it still comes out as a list for me and I don’t know what I’ve done wrong
hello! you can dm me your code and ill look it over
by Kazimir; ; Report
𝚔𝚢𝚕𝚎𝚎 ☆
thank youuuuu so much for posting this! i've been trying to find this code for so long! i got it to work on my profile, but i just had one question - is there any way to change the font color for the titles? the background on my profile layout is black so the titles blend in and u can't see them :(
yes! the titles are under the class .title, you can add whatever styles you want to the code or just make a new css block called .title (im not sure if anything on the spacehey profile page already uses that class but i dont think so)
by Kazimir; ; Report