f2u . guilt by association's Comments

nothing to be sorry for ! c:

tbh the whole code could use a refresh -  the song links also seem broken in the preview to me :p i have a thought on how to redo the whole player to be more consistent, but i'm in the process of moving so it may be a bit before i can give the whole thing a proper look

for now, a fix that should be work shouldddd be changing the opacity! right now, the code should look something like this, under the <!-- SONG 1 --> (or song 2) comment

<span><iframe class="flex-fill" style="height:1em; width:1em; opacity:0;

i think either toyhouse itself or some browesers decided that an element at 0 opacity shouldn't really be interactable ? which makes sense bc that Is easy to abuse . but for our nefarious purposes, the quickest solution should be to just fake it by changing the opacity to a technically-visible but still very transparent value, like so

<span><iframe class="flex-fill" style="height:1em; width:1em; opacity:0.01;

you may be able to see a little ghost of an embedded video above the play button, but you should be able to lower that even more to 0.00001or what have you until it's as gone as you'd like! c:

hm, i can't seem to find a reason why that'd happen just from looking at your page - toyhouse seems to be treating it as if there were never text there at all. could you send me the code you're using in circlejourney so i could better troubleshoot?

How do I make a background like yours? I can only find instructions for a large background

have you tried what i mentioned below in a response to user vinesauce?  if not, that should be the easiest solution! and if that is what you've  tried and you're still having trouble, could you send me the edited  code so i can understand exactly what changes you're making? :0c

like it mentions at the top of the code in the notes, what you'll need to take and replace is actually the video id (the "Ypmes7XisTg" in "https://www.youtube.com/watch?v=Ypmes7XisTg" in this case), not the entire link ! this is because it needs to be an embed link, not a link to the original video page - the link you'll want to have here is https://www.youtube.com/embed/Ypmes7XisTg ! replacing the link you have in the code with this should work c:

there is! adding a color property to each of the icons' tags will work (they'll look something like <i class="fab fa-twitter" style="color:#000000"></i>, you can insert any hex code in). just keep in mind that 1. they will no longer change colors when hovered over (not without adding extra css, which isn't accessible without premium of course), so it may not be as obvious that they're clickable links, and 2. depending on what color you choose, they may not work with every toyhouse theme, so i recommend double checking to make sure they're visible on all backgrounds (https://th.circlejourney.net/# is a rly useful tool for this! tho you can also just change your theme and reload your page) !

apologies for the late reply! it should be possible to add a background, yes ! to do that you'd put the entire thing within another container, i recommend doing this with the custom version so you don't have any unexpected visability issues to deal with like you might in the boostrap version. you should also make sure to specify a text color with this container for the same reason, the automatic theme colors 

for this, i just added the following above where the code says <!---------------{ CODE START }--------------->:

<div class="rounded p-5 my-5 mx-5" style="background-image: url('https://media.discordapp.net/attachments/873044632701894696/873335123699982336/wood.jpg'); color:white" >

and then a </div> to close it at the very end! additionally, if  you wanted to add an extra translucent box on top of the background and  underneath the rest of the code, you could add this after that:

    <div class="rounded p-5 my-5 mx-5" style="background-color: rgba(0,0,0,.5);">

and then an extra </div> at the end to close that too, making it look something like this

i'm not quite sure what you're asking about the stamps though? the images used for the stamps are already formatted as stamps, most of them would be taken from deviantart! you can find them in groups like this, or just searching the website for "stamps". there are also templates to make your own, if that's what you're interested in c:

the top is about 183 x 185px and the bottom is about 183 x 231px, but you should be able to make anything bigger that's around the same ratio work! if they're smaller, they'll probably get blurry resizing

hey sorry for the randomness, but i was wondering how you got the stamps to work? 

well first of all thank you for making me realize i had a privacy extension that broke every youtube embed kdhgkashfdk-- i've got that my-end probelm sorted out now

as for the code, i could swear this has happened before but i have no clue where it comes from - the whole "<span class="fr-video fr-fvc fr-dvi fr-draggable" contenteditable="false">" tag isn't in the original code and seems to break the music player, removing that (plus the corrosponding end tag "</span>", after the "</iframe>") should make the songs play!

here's a working version that you should be able to replace the section you have now with!

im glad you like it :D and huh, i see what you mean, that's ..... super strange!

from inspecting it my guess would be that there's something wrong with the way the iframe was input (essentially, something around the youtube link), the source of the video doesn't show up at all for some reason? though if it worked before and you've re-done the code already i'm not sure what exactly made it start acting screwy

could you please send me the code you have now in a pastebin link or something so i can take a look and troubleshoot further? :0

the solution should be the same, the reason "bg-faded" doesn't show up is that you're using the custom color version; "bg-faded" is the class that makes the color match the theme. yours should look something like this right now <div class="card my-2 rounded-0" style="padding:1px;border:1px solid #5efffc;background: #ff3bef;"><br></div> (possibly with more or less spaces? the pastebin you sent me is all squished together, idk why that is exactly but it tends to happen if you turn off wysiwyg and paste a code in without reloading the page first? not super important but it can be harder to see where to edit when it's squished)

but yea, you just add height:4px; to the style of those! it should look something like this after <div class="card my-2 rounded-0" style="height:4px;padding:1px;border:1px solid #5efffc;background: #ff3bef;"><br></div>

as for the playlist, https://pastebin.com/LzHiSKRN this should fix everything! just copy and paste that in over where it is in the old code, starting at "<!-- MUSIC PLAYER -->" and ending at " <!-- copy & paste song 2 here for more songs -->"

an extra span got in there somehow? "<span class="fr-video fr-fvc fr-dvi fr-draggable" contenteditable="false">", which looks to be why the songs weren't playing. and the play and next buttons got moved out of the span they were meant to be, which would be why the format of the first song messed up.

(also part of it miiight have something to do with the second video you used not allowing embeds? when i opened the link you had there (https://www.youtube.com/embed/WHcFDJCjY3s) and tried to play the video i got a video unavailable message. to remedy that i just replaced it with a different video for the same song (https://www.youtube.com/embed/yHgIYfNF8kY), which doesn't seem to be any different aside from excluding a few seconds of silence at the end)

and dw about bothering me, its no problem !! hope this helped, lmk if you have any more trouble!! :3

to change that you'll just need to mess with the "background-size" property! they should both read "background-size: 101% 101%" right now, you can either delete the whole property to make them fit automatically (though they'll probably be zoomed in), or mess with the numbers to strecth the back out in the right direction (something like 150% 101% should work for the first one)! and then if they're not cropped right, you can use the background-position property to fix that ! there's an explanation of that with examples here if you need ! (also dkjfghfkld don't worry i totally get it, hyperfixations are like that sometimes)

hi ! sorry for not replying earlier, but it looks to me like it's working fine on your profile at the minute! if you still need help you can send me a pastebin link with the code so i can troubleshoot the issue !

can you send me the code in a pastebin link or something so i can troubleshoot it? i'd love to help but there's not much i can do without seeing how you edited it !