I used the code for my profile!
hi there!! I'm working on the code but when I put in an image for the background, it split into multiple images (three on the top, three on the bottom) for some reason? is there any way to change it to be just one?
hello! this is because the background settings are set to background-repeat:repeat, causing that tile effect!
for one image, add in: background-size:cover; background-repeat:no-repeat; like so!
<div class="container-fluid shadow p-3" style="font-size:95%; background-image:url(IMG_URL_HERE); background-size:cover; background-repeat:no-repeat;">
GLASS BEACH GLASS BEACH GLASS BEACH i was looking at this and audibly cheered when i noticed <3 also this code is LOVELYYY
Hello! i'm a little confused on how to change the background to a solid color since its a png, any chance you could help me out with that?
hi! if that's the case, you'd need to switch background-image:url() to background-color:#HEXCODE instead ^^
Hiya!! I'm having slight trouble with the pagedoll. How do you make it bigger? I am confused on where to put the "#px" ^_^"
THIS IS SO CUTE is there a way to get rid of the gridded background? ;o;
at the top of the code (so when it begins), delete background-image:url(https://static.tumblr.com/d40eae727a79de74c5b3c4cb5c8e9fd5/2pnwama/HC7pfqdws/tumblr_static_e6k5mmnyclc0c488gcsk00wgo.png); !
this will also leave behind a box shadow so delete shadow as well!
using this!! its so cute :D (also im kinda stuck with the commission , art trade and req text here??? In the code test thing it lines up properly but when I put it in my profile, its not lined up properly D:)
found this code really cute!! only issue im having is with the music box though, it seems to be altered correctly but the video box doesnt seem to appear on my end and only on the live code editor i used
have a read of this comment and try that!
been eyeing this code for a while and i've finally decided to switch to it!! thank you for the pretty code as always jiko!
Hi !! 100% gonna use this code for my profile, but I can’t seem to get the youtube video to work properly T__T? Even though I’ve checked several times and I think? Unless I’ve missed something, the code seems to be exactly as it should be, here’s some pictures so you can see!
Perhaps it’s just the video itself, but lmk what you think if it’s an issue on my end!
heyo! i think how you edited the iframe is correct but assuming the song you wanted to play is this one, delete the _o at the end of the embed as that belonged to the placeholder!
so that it's actually N8Xg8gvjgcw?controls=0
im obsessed with your codes theyre absolutely AMAZING, just a question though,, how do you change the font? coding noob here lmao
you'd want to add a font-family:# to the style of the code and depending on if you want all of the font to be specific, you want to delete the text-monospace as well!
for example:
<div class="p-3 mb-3 font-italictext-monospacelead text-lg-left text-center" style="font-family: georgia, serif; color:#47a491; background-color:#f5f5f5;"> (user)name !! </div>
you can find a full list here but not all of them are supported by toyhouse ovo)b
CC, it stands for custom colour!
yes, it’s the CC version
HELP just telling you now that the raw code sheets broke (Toyhouse bug) so i have to fix it later today for you/other’s to use 😭😭
sorry for the inconvenience!!!
edit: fixed now! please enjoy using it! <3
hi um this is an incredible code but i am . losing all hope KJHFDJK i mightve broke the bottom section of the code and i have no idea how to fix it... i did try re-copypasting it but it did Not work
edit: nvm i solved it !!! sorry for the comment
please read my rules more carefully; WYSIWYG had been used which messes up the code's format, especially for this type of music players. delete the span coding so that it is just the iframe
<span class="fr-video fr-fvc fr-dvi fr-draggable"><iframe class="w-100" src="https://www.youtube.com/embed/DrQgUfkYhic_o?controls=0" style="height:340px;position:absolute;top:-60px;left:0;" frameborder="0"></iframe></span>
Using! Also, you can Help me? I'm trying to make the pixel Art I made to looks with nice Resolution but I can't... You know how or is not Pixel Friendly?
used thiz silly little awesome code ^_^ !! i rlly like all ur codez n thiz onez super cool !!!!!!!!! (mine lackz the pagedoll az i dont have a image 4 it rn lol) using and editing ur codez iz so fun
Hmm, I am trying to put an image in for the page doll but I am unsure as to why it isn't working.. I put the link in for the image but it still isn't working at all. It's supposed to be transparent png of Pure Vanilla cookie and I know it is supposed to show up right there but it isn't.
I used this code and I absolutely loved using it even through it made my brain break for the first hour of the five ^^
you got the idea but you missed out on deleting the <div>'s end tags!!! the </div>'s
think of it like finishing a sandwich, i guess LOL. if you're eating it, you don't leave out the bottom bun!
tip: click on the little arrows next to the line numbers on the left ;) they are very handy for collasping groups of codes and are your friends when it comes to deleting large sections
if you are also looking to make the summary card fill in the pagedoll space, change col-9
to col-12
under SUMMARY as well <3
Hi! I love this code so much but I ran into an issue and can’t figure out what to do?
I’m not good at code so I have no idea what I am doing or could do but when I put an image url down some code appears under it with a huge space along with it, I used the CC code I think? I’m not too sure what the difference is and everything was fine up until I had to put the photos in. Any idea what I could do?
The image examples wont load to my comment and if you need to see the code to help I’m Reese’s.Puffs#6161 on discord or Buggz.png on Instagram!
hey! make sure you insert the image address INSIDE the brackets; i think that is the issue here? ^O^
and also be careful about the image host site; some of the links are limited so it'll break in the code after some time (a private discord server or toyhouse itself works fine)
background-image:url(IMAGE), not background-image:IMAGE
you may need to restart the code (i.e. copy and pasting a fresh copy of the code)otherwise, you're free to shoot me a pm of the raw code here or on discord (TAPIOCA#1562) if it's still not working!
for the pronouns section, you have to delete the text-muted first!
your CSS is causing the text colour to be that grey colour so you'd have to insert [color:#fff!important;] to the HTML, where the info starts!
<div class="p-3 pr-5" style="color:#fff!important; background-color:#b995b7;">
same goes for the link icons as well—if you were after that—but it's probably better to set it in your CSS instead
<a href="LINK_TO_SOCIAL" style="color:#HEXCODE; text-decoration:none;">
I'm not sure how to change the YouTube video. I'm trying to use this video:
I can try editing on my laptop because it's hard doing it mobile.
omg I actually got it to work.
hi just wanted to say thank you! this code is really cool! I've frankenstiened it and using it as my current profile code :)
Thank you for this awesome code, I have seen a lot harder to understand and even though I edited it and still need to fix some few mistakes I made. I found it easy to use. ^—^b
Heya! A friend of mine helped me make the character images (i made mine folders) click-able to the character link. I thought it wasn’t obvious enough to click the text to get to the link.
Is it okay with you if I share the code here, in case someone else needs it? ^^
rlly cool code, I’m using it for my profile :0 I have a question tho- if I’m using a pagedoll code from smwhere else with this, where would I insert the code ? at the end ? srry if this sounds confusing ^^”
Hii, i'm having an issue with the instagran page, I did add the link for my inatagram profile but it doesn't send me there, what do i do?
i'm not seeing a inserted link anywhere (compare your insta link to my CODE BY JIKO link when you scroll down); make sure the code looks like this/includes the href=!
<a href="LINK_TO_SOCIAL" style="color:#47a491;text-decoration:none;">
<i class="fab fa-instagram-square fa-lg"></i>
</a>
otherwise, this is most likely caused by a WYSIWYG issue but the above should be a quick fix! uvu;
hi! i hate to ask for help rather than figure it out myself, but im using your code for my user profile and im having issues with changing the text in the specific box for the youtube video, what am i doing wrong? thank you for your time!
it's mentioned in the comment guide!
/* SIZING
----------------------------------------
→ default is [contain] or [cover]
→ if you need to zoom in a pagedoll, use [#px] and adjust when appropricate!
(higher number, more zoomed in)
---------------------------------------- */;
background-size:contain;
/* SIZING
----------------------------------------
→ if using [top center/left/right] does not work, use numbers [#px #px]!
→ first value controls the horizontal positioning, second value controls the vertical positioning
(tip: it can be negative hehe)
---------------------------------------- */;
background-position:center;">
you can start with background-size:400px;
and then increase it from there!! you would also need to adjust the positioning at the same time. hope this helps! <3
where it is highlighted below~! background-size is for zooming, background-position is for adjusting the placement of the image nvn)b
/* SIZING
----------------------------------------
→ default is [contain] or [cover]
→ if you need to zoom in a pagedoll, use [#px] and adjust when appropricate!
(higher number, more zoomed in)
---------------------------------------- */;
background-size:contain;
/* POSITIONING
----------------------------------------
→ if using [top center/left/right] does not work, use numbers [#px #px]!
→ first value controls the horizontal positioning, second value controls the vertical positioning
(tip: it can be negative hehe)
---------------------------------------- */;
background-position:center;">
hello!! i have a problem, i dont really know where to put [#px] to make it bigger, but ive done it instead of [contain], no matter what number i add it stretches it too much, how do i fix that???
this is for the pagedoll? you might also need to adjust the positioning as well if you haven’t already! that of something has broke in the code itself but
every pagedoll is different though and it’s hard to determine what needs fixing; if you’re okay with it, you can dm me a link to the image you’re using and i can find out what values works out for you! <3
Oh my gosh!! I love this code SO much it's exactly what I've been lookin for! Already using it https://toyhou.se/PokiiPon Had a lot of fun editing it tysm!!
i don't see a live view on your profile so i'll write down general tips:
- ensure you are using the Custom Coloured version and have read my rules (including how to use them if you are new).
- in Code Editor, press Control/Command + F and a white box will appear in the corner for you to easily switch colours
- you can read through avicode's tip for this!
hello, i want ask if is possible change color... whit dark color...
with the custom coloured version, yes! i left instructions under the accents/colours on how to do that non)b
o tysm... i think i lost the instructions XD
for easy use, it's "use control/command + f to quickly change the colours!" but i recommend using code editor for that (enable it in your display settings)!!
you can read more from avicode's tip!
I don't understand how to make the pagedoll bigger. Which part of the code do I need to change...Can you pls help me?
How do I make the music box show up?
i can see this code
<span class="fr-video fr-fvc fr-dvi fr-draggable">
in yours (and the broken layout) which tells me that WYSIWYG was used (accidentally or not), so i'd advise to be more careful or just disable it (in your display settings, and enable code editor) when editing codes !!delete the span class and the video will pop back up :]
<span class="fr-video fr-fvc fr-dvi fr-draggable">
<iframe class="w-100" frameborder="0" src="https://www.youtube.com/embed/Co7t6NxsW-4?controls=0" style="height:340px;position:absolute;top:-60px;left:0;"></iframe></span>
Mine also says contenteditable=“false>
since you removed the code (?), i can't help more than that; i need it to see what to fix.. uvu;
i've left instructions on how to enable code editor but because you are on mobile, it won't work (it's very difficult to edit, i don't advise it unless you are on a desktop); all i can recommend is disable WYSIWYG (it is in my rules) and making sure the current code for YOU is the same as the original. WYSIWYG adds unnecessary classes which screws up HTML templates, which is why your code has the contenteditable=“false>
SOBS HELP ME THE VIDEO IS WIERD
ty tho :)
im losing my mind
i can see this code <span class="fr-video fr-fvc fr-dvi fr-draggable">
in yours (and the broken layout) which tells me that WYSIWYG was used (accidentally or not), so i'd advise to be more careful or just disable it when editing codes !!
just delete it and the video will pop back up :]
<span class="fr-video fr-fvc fr-dvi fr-draggable">
<iframe class="w-100" frameborder="0" src="https://www.youtube.com/embed/ElkuSVwNx_o?controls=0" style="height:340px;position:absolute;top:-60px;left:0;"></iframe> </span>
Thank you! Its just really annoying turning it off cuz its makes everyhting so messy and hard to read :dies:
if it's making everything messy, then you need to enable Code Editor (and disable Profile Text for WYSIWYG in your Display Settings), which preserves the layout instead! or use an online editor, either works nvn)b
Is it like this?
yep, that's Code Editor!
since WYSIWYG has already ruined its layout though, it's best to just get a fresh set of the user code and restart (IF the layout is bothering you; if not, you can continue editing) ovo)b
Hi! I really like this code, it's super cute and clean which is exactly what I'm looking for ^^.
I'm running into an issue however. The video player in the bottom right corner is not displaying at all with the code copied from the bookmark. Changing the position from absolute to relative makes the video appear but not in the format in which the example is (instead it's left aligned, no buffer zones). Could you help me get it up and running properly? :'D I have it in a hidden character profile for testing purposes, and I can share it with you. Thank you!
WOAH YOU REALLY BLEW IT OUTTA THE WATER WITH THIS ONE <333 ITS SO GORGEOUS AAAA
[ F2U ] User Onigiri's Comments