Hii, this code is fantastic and very versatile. I love it! Just one question, though. Is it possible to change the color from blue to something else? If so, how?
I've been looking for the perfect code and totally forgot i had this saved!!,,, i have a question tho, is there a way to make the ref tab have multiple images? i have like 2-3 separate refs (main ref clothes, and other forms) that id like to keep in the tab, idk if id need to copy the code and paste it to make it to scroll or what, thanks ~
thanks for the kind words! the entire box does scroll so you can pretty much copy paste the snippet for the image for several refs. here's a quick way you can add images while keeping the images flush to the right that you can just copy+paste in the image section of the tab. let me know if you need more help!
<!-- original snippet -->
<div class="col-lg-9 p-1">
<a class="h-100 d-flex" href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="CLICK TO SEE FULL RESOLUTION" style="min-height:550px; background:url(#) center no-repeat;background-size: contain"></a>
</div>
<!--NEW CODE BELOW-->
<div class="col-lg-3 p-1"></div><!--for spacing-->
<!--copied snippet-->
<div class="col-lg-9 p-1">
<a class="h-100 d-flex" href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="CLICK TO SEE FULL RESOLUTION" style="min-height:550px; background:url(#) center no-repeat;background-size: contain"></a>
</div>
<!--add more copies above this line-->
edit: ive made tabs (after hours of f'ing around with different templates) but when i click on a tab they dissapear . idk how to fix it heres the whole code, sorry if im taking too much time and i understand if ur too busy to help Thanks a ton tho for what you've done so far!!
It works tyms! Although is there a way to get rid of this gap between the images? if not thanks for the help! Or maybe how would i make a tab inside to click to different refs like how u have here , except instead of pass/preset it would be like clothes/design (i found this by accident but love the layout)
hey! sorry about the wait, i just logged back on here lol
if you're still looking for help, is this what you're looking for? your original code just had some improper nesting of divs (and i also recommend aligning them to keep track of your nests (that i kinda got lazy to fully fix myself lol) let me know if there's any more questions!
You, my friend, are absolutely amazing. A code that has everything AND is free??? This is exactly what I needed! Thank you so much for providing this to the world of toyhouse! Edit: I do have one question. For the stats, how do you change them?I can't seem to figure the bars out.
hey thanks for the kind words!
here's the documentation for progress bars in bootstrap: https://getbootstrap.com/docs/4.4/components/progress/
but basically, in this line of code that should be repeated in all of the stats,change the following bolded+underlined part to whatever number between 0-100
<div class="progress-bar" style="width: 0%; height:8px;"></div>
hey! i'm not really sure by what you mean by this, the character profile shows a live sample of how it's intended to look already and the original blank code is always up for reference as well
feel free to ask me any specific questions though!
no problem!
if it's just the link, here's how you add them
but basically:
<a href="ADD YOUR WEBSITE LINK HERE (will link to site)">ADD WHATEVER TEXT YOU WANT HERE (will show on the profile)</a>
<a href="https://toyhou.se/">Toyhou.se Website</a> --> will appear as Toyhou.se Website
{F2U} Side Buttons's Comments