using here, thank you!!

Using here, thank you so much!

hi :3 I used the code here but I don't think my music player is working properly :•( !! any help would be greatly appreciated, thank you for the lovely codes !!

https://toyhou.se/23289004.brekkie

Hey! I've got the same problem, so I may be able to help you!
Try these:
- If you picked the song code (in the youtube link) from a playlist, this may have altered the link. Try to pick the song link from the video directly, outside of a playlist.
- I know from experience that these youtube codes are easily broken when the code is edited in WYSIWYG ("what you see is what you get"), which is the default Toyhouse edit box. Try to rewrite your code but only with the WYSIWYG being disabled (you can disable it by clicking on the button on the top right corner above the editing box.) DO NOT start editing with the normal box, as it'll probably break the youtube part, but try to have the WYSIWYG disabled by default! 

Hope that helps! If it doesn't, I'm afraid I can't help more, sorry D:

ah thank you sm !! I'll have to give this a go when I get home , I appreciate the help ! <3

Just when I tell you that I made it work, I edit something in WYSIWYG, and I broke my song   Ah, I guess I'll just remove it from the code cause it's annoying me ahah. But it confirms, I think, that the WYSIWYG is the issue!

Question, is there a way to give the background a custom image instead of a flat color?

Hi! I read the T.O.S. and rules and I'm going to use the custom coloured one. This code is amazing, and thank you for making it!

This user is not visible to guests.

used here

sorry for so many comments i love your codes

used cc here!! hope u don't mind my mass commenting btw, i just love showing off how i customized ur codes and give ideas to anyone who happens upon my comment on how to customize it too! ^^

I read the uh thing for the code, the TOS thingy n wanted to let ya know Imma use the Custom coloured one

Hiii not a question about the coding, but i was curious on the song name in the example with Chrome? its a bop and i can't find it ;w; EDIT: nvm found it >:D

Hi!I'm really sorry, but I really can't figure out how to make music play :( . When I write code, I always get </span> and I can't delete it. Maybe I'm doing something wrong?

May I ask, how would I get the code? 


view the tabs if you haven't already! ^^  all of my codes are avaliable via tabs

I made the buttons have image backgrounds for the custom colored version, and when I hover over it / am on the tab it turns into this color, I could not find the settings for what color the buttons are when you hover over them anywhere. Is there any way to change it?

Screen_Shot_2022-12-19_at_10.50.27_AM.pn

if you're using images for the backgrounds of the <a>, the image covers the whole thing, including hover mechanics; however, you can still use images, just on the <li> style instead!

   <li class="col-lg-12 col nav-item text-center rounded" style="background-image:url(IMG_LINK_HERE); background-size:cover; background-color:#7ac1c7; margin:3px">
        <a class="text-white btn btn-block btn-outline-secondary active d-flex h-100 border-0" style="text-decoration:none; box-shadow:none;"
        data-toggle="tab" href="#axiomaticone">
           
            <i class="fas fa-user fa-fw m-auto" style="font-size:20px"></i></span>
           
        </a>
    </li>


Thank you!

This user is not visible to guests.

assuming you just mean in general/how to do it, i use iframe!

This user is not visible to guests.

aghhhh this code is so cool!!!!!!!!! very vibey, ten out of ten, i love it so much ahsjkfhlqsdalfkjwepfjp-o. all the love to you! i might use this one for my characters!!

Thank you for making these codes! I'm new to all of this and it's a blessing! ^^

This code is soo fun to edit. I've already used it with Nugget https://toyhou.se/16684980.nugget and I might use it for all my splatoon ocs 😳

Ello! Sorry to bother you but I'm slightly confused on the color pallete part. I can't seen to find a good website to get the numbers! Any suggestions? Usually I can only get the hexx code.

you’d only need the hexcode though, either in hexadecimal form or the RGB form :O

i usually use this website !

Tysm! Sorry abt that ^^

This user is not visible to guests.

what bars are you referring to exactly? ;w;  the raw code, progress bars, something else?

This user is not visible to guests.

if that’s on your mobile screen, both html layouts appear normal for me (as in all of the buttons are in a single row) :<

it might be because of the custom colour’s background (has padding); i would suggest making the icons smaller (20px to 15px maybe?) and see if that works for you

This user is not visible to guests.
This user is not visible to guests.
This user is not visible to guests.

hiya! i've been tinkering with the bootstrap version so i can add some color but i'm having some trouble trying to change the color of the buttons  (not the hover) i can't seem to figure it out >_<

if you want to change the colour of the buttons, you would use the custom coloured one instead!

if you generally want to change the bootstrap colour of the buttons (i.e it follows the site theme), you would change the btn-primary to any of the following found here: https://getbootstrap.com/docs/4.0/components/buttons/

o alright thank you !!

hi! i love this code I was just wondering how I could edit the bars in the personality section. Thanks!

adjust the width:50% to any percentage !

Omg that simple? I was messing with every number BUT that one lol. Thank u!

Hello, could you please explain the part of inserting a link when playing music? I've looked through the comments and tried everything I can, but I can't figure it out. :(

Here is the character I want to put the song on

have a read of this comment and see if that works out for you!
https://toyhou.se/~comments/15650997

if you are able to edit with the code editor (either toyhouse's [enable in your display settings] or circlejourney's), i would recommend restarting with a fresh copy of the original code :]

edit: also i can't see the youtube embed link so i think you are also using the wrong link

Sorry to bother you! I am using this code and would like to know how to enlarge the height of this code? I succeeded for the width but the height, I would like it to take more space on the screen since I hide my recent images!
Like this : https://toyhou.se/13078718.zipp-alt-sona-

no worries!!  you can change the height of the code by increase the height value here at TAB CONTENT:

<div class="card bg-faded tab-content table-responsive p-3" style="height:540px;">

this will only take care of the tabs/content side's height though, so you will need to add h-100 to the FOCAL IMAGE column as well! this will automatically make the image the same height as the content height without you going back and forth to edit things!

<div class="card border-0 bg-faded h-100" style="min-height:540px; background-image:url(IMAGE); background-size:cover;background-position:center;background-repeat:no-repeat;">

you shouldn't need to manually change the min-height because that sets up the image height for mobile view! <3  hope this helps!

thank you, i just tested it and it's perfect <3

im in love with this code, but is there a way to edit the hover color in the tabs of the custom color version? i can't seem to find the value that it's pulling!

you technically can by changing the btn-outline-secondary to any of bootstrap colours (it will follow your site theme) but for custom colours, you'd need CSS / TH Premium for that !!

thank you!

i love this code so much, but i just can’t get the focal image to work for the life of me. all of the other images work, but the first one just won’t show up no matter what i try! any suggestions?

mm that's strange!  you should be able to paste the image url/address where it says background-image:url(IMG_HERE); !!  unless something important was accidentally deleted on that section..

would you be able to show me a live view of the code?  i.e. the character with the broken code? ^^

i always have a separate tab for new codes when coding them, so it’s https://toyhou.se/9298288.ghost/16019071.cough! the snippet you suggested is still present there, so i don’t know what’s wrong. i’ve tried multiple different images and tweaks 

hmm see, when i go onto your character's profile, that snippet is not visible to me at all xO

your's

Screen_Shot_2022-05-08_at_12.21.41_pm.pn

blank version

Screen_Shot_2022-05-08_at_12.19.55_pm.pn

however, can you confirm if you are editing with the code editor OR the WYSIWYG toggle button? because the WYSIWYG toggle button is known to make small errors like this

WYSIWYG is turned off and code editor is on, and ive never had this problem before so idk whats going on? is there any reason why it isnt showing up?

sometimes the image host site can be a problem (e.g. DeviantArt’s stash as they only give temporary links rather than permenant ones) toyhouse itself or discord seems to work well though…

other than that, i’m not too sure !! orz </3

WYSIWYG is the biggest issue concerning images, followed by incorrect image link (must be the image address), then actual bits of the code missing, then poor image host sites

have you tried to grab a fresh version of the code and trying again (in case something was deleted)?  if that doesn’t work, you are welcome to dm me a paste bin of the code + the image url you want to use so i can have a better look at it ^^

3 Replies

I really loved the code !! Keep up the good work :D

But I'm not sure if the song played for her, not quite sure whats wrong because I've done a different code with a music player but everything seems fine :^

i can see that WYSIWYG was used sometime during edits which breaks the music coding ^^;

delete the <span>'s and the music should be working alright!

<div class="w-100" style="position:absolute;top:490px;right:0;height:49px;overflow:hidden;">
<span class="fr-video fr-fvc fr-dvi fr-draggable">
<iframe class="w-100" frameborder="0" src="https://www.youtube.com/embed/s7-GTShjcqY?controls=0" style="position:absolute;top:-125px;left:0;height:300px;opacity:.001;"> </iframe>
</span>
</div>

Using! Amazing code, the only thing that didn't worked was the music jsjs

usually because you used the wrong video link or WYSIWYG was used, i'm afraid!

you can send me a link and i can see what went wrong? :]

No worries it worked now uvu I forgot to say that

Yo this code is amazing! Definitely gonna use it. I made sure to read the rules too!

This code is just perfect ! :D

>:O !!!  WAH thank youu!! <33

You're welcome ! I'm definitly gonna use it ^^

This user is not visible to guests.

YEAHH!!  thank you!!!! >:3c

Cant wait to see it available!

LMAOO i forgot to switch privacy settings TT  should be up now!! <3

oooh thank you!

This user's account has been closed.

YOU!!!!  OMFG <3 <3 <3 <3
3291f465090b362e548709ac769f4147.jpg