I'll use this and I read it all! ^^
i absolutely love this code i use it with almost every character !! I'm just wondering if theres a place i can see all the little icons that i can use in place of the little palm tree? I've just been typing things in and seeing if they stick lol
https://fontawesome.com/search !!
Toyhouse has Pro so any icon should work ^^
could you help me with a few things? its alr if not all
whenever i use the fa-duotone ones, they show on the editor page but not on the actual page
is there a way i can make the first tab info a scrollbox?
and on how to make one extra tab? i wanna split design notes to being the first tab so its the one automatically viewed
how are you coding the fa-duotone icons (not all icons are supported on toyhouse (but do on editor) so that's a potential issue)? if i were to change the palm tree to fa-duotone, <i class="fa-duotone fa-tree-palm"></i>
, it works fine for me :O
all of the tabs scroll by default! unless you mean something else?
this is a bit of a loaded question; i can't easily explain this very well (sobs) so i'll have to redirect you to Aurorean's guide here for a general tutorial of adding more tabs! hope this helps, i do recommend practicing (either with Aurorean's example or with Vernal) before you put in your character's information if you are still new to coding!
ill try the duotones again and it ended up working, i guess it was just being weird
for the little basic character info part, so it scrolls separately from the moodboard
thanks for the tutorial! i didnt know about the active part and thats where i was messing up
you can have a new scrollbox by setting a height and an overflow! you can add it just below the BASICS header!
<div class="basics pb-3" style="height:200px; overflow-y:auto;">
hello, another question
if i wanted to put a colour on the background/textbox (idk what to call it, under the name tag) rather than it adapting to the th themes? i figured it out for the text, but i dunno where to change for the box
<div class="card-block p-0 tab-content table-responsive bg-faded h-100">
in that line specifically, delete bg-faded and add a style="background-color:#HEXCODE; !
Heya! I'm using this code and I'd love to know how to change the background tab into a character relations tab without breaking it ^^"
i mean, as long as it's inside the background tab page, the content should stay within that space unless the relationship coding is messing it up; otherwise (since this code doesn't come with a relation section), it really depends how you'd format it ovo;
i just whipped up a quick and basic one though (suited for short summaries)! if you delete all of the paragraphs, you can replace that with this:
<div class="text-muted text-justify" style="height:330px; overflow:auto">
<div class="row no-gutters m-n1">
<div class="col-3 mx-auto p-1">
<div class="text-center"><img src="https://file.toyhou.se/images/7745356_UbxFaTbtSE8Egg6.png"></div>
</div>
<div class="col-lg-9 p-1">
<div><a href="LINK_HERE">Name</a> (relation)</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non.</p>
</div>
</div>
</div>
you're welcome to adjust the numbers, hope this helps in any way? ^-^)b
How would I make it into 3? I am struggling once more, I apologize ;0;
(on mobile so i haven’t tested it but) you should be adding more rows around here:
<div class="text-muted text-justify" style="height:330px; overflow:auto">
<div class="row no-gutters m-n1">
<div class="col-3 mx-auto p-1">
<div class="text-center"><img src="https://file.toyhou.se/images/7745356_UbxFaTbtSE8Egg6.png"></div>
</div>
<div class="col-lg-9 p-1 mb-3">
<div><a href="LINK_HERE">Name</a> (relation)</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non.</p>
</div>
<!-- add more ABOVE this line -->
</div>
</div>
I'll be using this code for a frankenstein! May I move/edit your code credit though? The codes i'm mixing it with is making it all glitchy
im not sure what’s happening to mine but i can’t edit it without the gradient just. disappearing. like the whole chunk of code just deletes itself ;w;
could you please link me the character with the code? ^^
sooo ok you’ll have to ignore the pictures 😭😭 they’re really stupid i was testing the code out
You have WYSIWYG on; please disable it from your display settings and try again with a new version of the code. The gradient might’ve disappeared because of this :] !!
it disappears no matter what i do! im not sure how it’s on at the moment but i never code with it on!
When I took a look a code, the layout is completely broken which is evidence of WYSIWYG to me.
When you say you don’t code with it on, do you actually have it checked off in your account settings, or switched off in your character profile? <:0
tysm for the kind words!
Unfortunately, I believe it is a browser thing <'3 I use an iMac to create codes so the scroll bar does not appear like that for me (and thus, having no problems generally). Maybe in your case, you could add ml-3
or pl-3
to that text box? Just so it 'squishes' the content to the left side to avoid clipping into the scroll bar! Overall, I can't offer a lot of help in that area, sorry! :[
I'm still not done coding but used in everyone in here (๑´˘`๑)♡ https://toyhou.se/Pastelaine/characters/folder:296712
using! I'd probably use it with some other characters but this is the first one :D tysm for share this beautiful code!
[ F2U ] Vernal's Comments