Love this code !! One thing (not a big deal) is that when playing the music, if you dont pause one song before clicking play on the second song... they will play at the same time/overlap -- its not a huge deal nor do i know if its fixable ... just thought id let ya know : )
i really love this code and would love to use it for my fursona, but my clipboard has a word limit so when i try to copy it it's always cut off in the middle of the stats and idk what to do
i've tried sharing it to notes and stuff but those have a word limit too unfortunately
Using! This code is so pretty and simplistic yet so detailed, I love it! Kudos to you, thank you for making it! ^^
It took me over a month but I finally finished using this code for this guy! After all the relationships and songs I added, it ended up being over 5000 lines!
going to be using this on one of my OCs (lucile), thank you for making this code! it's super informative and great for fleshing out a character :)
It's taken awhile, but I'm almost done with Juniper's new profile! (Just planning on adding the rest of her story and a couple trivia entries)
god this is like my dream code!! so much space for information that i've been DYING to be able to write down about my characters AUGH!!! i'm planning to use this for a good majority of my ocs, i've altered it a little and have already used it for https://toyhou.se/21745702.robbie and https://toyhou.se/8395653.kimmy . awesome stuff! thank you!
I Absoulutely LOVE detailed Character Templates like this!! <33 I am now using it now for my Main OC Jazzy! <3 though I can't seem to easily figure out on how to add more to the songs playlist ;-; so until I find out how I only am able to have 3 songs in ;w; if you have the time, could you please explain to me how to do so? (Yes I did try to follow the instructions inside the code) I am copy and pasting one of the songs inside of the code so I ain't sure if that is the problem! ;w; I am still new obviously- ;w;
Edit: how it isn't working is that it keeps on making another box of the song player btw-
Hello! If you can, could you please provide us with a screenshot or copy of the part of the code that might be going awry? :)
Okay so I was just about to try and recreate what happened so that I could show you the error-
Now since that I am using CircleJourney's Live Code Editor it seems to be working fine now-
originally, I was using This Editor but now that I am on my main Laptop and I am able to go to CircleJourney's it seems to have fixed itself- I am now confused and not sure if it was because of what I copied to paste it, whether it was the placement of the pasted code, or it was the preview editor I was using-
I may need to check again on the other editor so see if it was something else, but from what it looks like the editor seemed to be the problem-
I am so sorry for the inconvenience!! ;-;
I am clearly very new to this and due to my brain not being able to process things I get confused a lot! ;~; again, sorry for the inconvenience!
No need to apologize! When there is an issue, it's best to bring it up, no matter how dumb it sounds. That way, the problem gets fixed before it potentially worsens!
ACP's codes aren't tested on TH live code editors, so that might be what caused the issue. Live code editors tend to restructure parts of codes, especially when the code uses flexbox.
using for her and possibly another oc i want to expound more information on!! i love this! one quick thing, however; whenever i try to play the music i selected(i made sure to only do the embed) and it won't play? not sure what im doing wrong lol
edit: i figured it out. apparently the code hates firefox LOL!! but thank you again <33
this code is so lovely!!! i'm actually in the middle of editing it for one of my mains since she's got so much info lmao
i do have one question though -- for the inventory tab, is there a way for the list of items to cycle through when you cycle through the outfit carousel? or would i need to create a new carousel function for both the outfits and the items?
Using for her!! I was gonna use a different code for her at first, but I just had so much to say and no other code but yours allowed me to go into such obsessive detail <3 thanks for this one!!!
This user is not visible to guests.
HI I LOVE THIS CODE SM!! We need more codes with hella info yesss. I have a question tho! Is there a way to make the overall thing... bigger? Hopefully that makes sense--I wanna know if I can upsize the entire thing. It just hurts my eyes to read bc I use a monitor and it's a bit far away.
do u mean make the text and the box of all the content itself bigger?? i think the only way to do that is to adjust the max-width of the container and each individual font-size. i'm not too sure of any quicker method other than maybe transform: scale(#); but i think that only really works with CSS??? not too sure, i'm pretty clueless as well ESRUHGEIURGHEUHG. the help thread might have answers i don't ^-^'
and yes yes we do need more codes with A TON of info LMAOOOOOOOOOOOOO gonna be making sure im part of the ones who actively work fill the information void on th <333
ty for ur kind words :33
This user is not visible to guests.
This user is not visible to guests.
i'm not the coder but i believe you can do it by putting <div style="background-image: url(URLHERE); background-repeat: no-repeat> before the code and putting the end div at the end of the code!
hi hi i am extremely late ARIGHAERIUGEHRUIGERUISHU I'M SO SORRY
gonna steal neokitty's tip lol (tysm for being more helpful than the literal coder of the template LMAO)
anywho basically add
<div class="p-3" style="background-image: url(URLHERE); background-repeat: no-repeat; background-size: cover; background-position: center;">
before the BEGIN CONTAINER comment. and then add
</div>
at the end of the END CONTAINER comment.
feel free to remove the [ class="p-3" ] as that's just there to make everything look slightly neater.
what you can also do is add
<div class="col-12 row no-gutters p-3" style="background-image: url(URLHERE); background-repeat: no-repeat; background-size: cover; background-position: center;">
after <div class="mx-auto my-5 row no-gutters" style="max-width: 1000px;"> and then just smack the </div> before the END CONTAINER comment -- if you want the background to not take up too much space.
hope this makes sense and helps!
This user is not visible to guests.
np np if u have any more qs tho i highly recommend going here. glad to have helped (even tho i took forever SERIUHGEIURGHERG) <33333
Ever since I saw this code I've been using it for all my characters ahhh thank you sm for making this
hey, im sorry I hope its okay for me to ask another question, I hope this doesn't count as a time consuming question or anything like that! but where it says "put embed here" on the music player it means the letters and numbers at the end of a youtube link right, or am I supposed to add something else too? i've tried and it doesn't seem to be working for me and was wondering if maybe I'm doing something wrong .w.'? is there a possibility maybe certain videos don't work or it might be a browser issue? /genq
yup yup, you need to insert into the placeholder embed the numbers and letters at the end of a youtube link after watch?v=
would it be alright for you to provide me a screenshot so i can better see what could be going wrong? :3
Tysm for the response! also sure thing, heres the screenshot, I don't believe its a broswer issue though as others profiles using the same code had worked, so I feel like it is on my part and i'm likely just missing something .w.' SS: https://i.ibb.co/VmMcB8W/BDF4-E43-E-2-A4-A-4-C80-B70-B-78-EF52-DE9852.jpg Song link (idk if you may need this but.): https://m.youtube.com/watch?v=cwBGqm0Hygw
edit: It um, started working suddenly and i'm not exactly sure why? idk if I put the code in wrong or something but I'm so sorry for wasting your time I feel like such an annoyance right now I'm so sorry .w.;
DRIGUHARIUGHEIRUHEG SORRY FOR THE INCREDIBLY LATE RESPONSE
and no worries dude!!! sometimes errors like this just happen <3 <3 no need to apologize :)
most of the time it's a history issue. reopening the browser, clearing browser's history, or restarting your computer tends to fix it :33
Tysm for responding, and it's okay you didn't even have to respond!
It turns out that it was because the wsig thing (i don't remember how to spell it out) was glitching out and I thought nothing of it (I had it disabled but the time i edited it it showed as if it was enabled, thought it was fine). so it was really just me messing it up, but atleast I know now 😭.
oh yeah WYSIWYG really doesn't treat codes well GSERUGRUIGHERGRH. it's best to just. NEVER enable it, even if it's tempting to for easy editing. it completely messes up the layout of everything and just. breaks the code entirely.
what i like to do is have two separate tabs open for editing: one for making changes in the code itself and one for previewing those changes. that helps me see the direct changes in my edits.
but yeah WYSIWYG really doesn't work WRIJWORWOIJTROI. 0/10 would not recommend
OMG I love this code so much, and will definitely be using it! is it ok for me to ask how to change the color of the text such as the single colored first letter in the name (hope that made sense .w.'), as I'm not really smart enough to figure it out myself? ;w; also tysm for providing the code!
edit: turns out i needed to use the Custom Color code instead of bootstrap ;w;
This template has stolen my heart, and I'm now going to revamp all of my kids' bios with it. Love it, love it, love it!!
This user is not visible to guests.
you can make certain backgrounds transparent by adding background-color: transparent; or background-color: rgba(0, 0, 0, 0); in the style="" of the element whose background you wanna change. as for the border, you can add border-color #[HEXCODE]; in the style="" of that element. hope this helps!! remember that Google and the TH help thread are always great options for coding solutions <3
thank you using!! :3
Using for my little fire boy! This goes so in-depth and is pretty! I do love scrolling but tabs are great too, amazing code!
Oh god this was a SAVING GRACE for me. I’m really picky when it comes to HTML templates and for this one to not only have the tabs I wanted but MORE and to look so nice at the same time,,, needless to say I snatched it up real quick lol. Anyways, used it for my girl Arielle!! Still working on it a bit, and then I get to have some fun modifying it for my other characters >:)
using for my son, my scrunkly supreme, my blorbo, my boy,,,,
tysm for making this code!! the layout is super pretty and i love extensive codes,, i've been absolutely obsessed with this since day one and i finally got around to (mostly) filling it up :D
Hello! :D your code is great, I love it, but I have a doubt, is there any way to change the color of the white borders?
heyo! sorry for the reply but the music play seems to not be working on the example or on my end!
I'll try and edit things on my side but just wanted to let you know ^-^
it may just dislike my browser/computer as well lol
hey hey! ^-^ do you mind if i ask what browser you're using? i haven't tested the code out anywhere else other than chrome, so i'm not sure if it functions on browsers like opera and firefox and explorer. internet speed might have something to do with it as well.
im using firefox! that might be the issue haha, would u mind clicking the music player on your end on the character linked above if it's no trouble?
Usually the lil music portions work for me but firefox might not like the carousel pfft-
If thats the case I'll play around with the code myself ^-^
alright, i clicked it, and yes it works, 100%!
it's most likely a browser problem, yeah ^-^'
thank you for making this code, i really love it! is there a way to make the photo carousel on the first tab not automatically move? as in, it only moves when you click the arrows? it really distracts me. again, thank you for making this code! im someone who likes to have all the details for my ocs in one place, so this is super handy!
This user is not visible to guests.
oh it's not actually all that difficult to add tooltips!! simply add tooltipster inside the a class="nav-link" in the navigation section and then add title="[words]" after the class. you can also add data-placement="[left/right/top/bottom]" if you want to specify where you want the hover to appear <3
here are two examples:
<a class="nav-link tooltipster" title="personality" data-toggle="tab" href="#PERSONALITY" style="border-radius: 0; background-color: #e4a3a3;">
<a class="nav-link active tooltipster" title="about" data-placement="left" data-toggle="tab" href="#ABOUT" style="border-radius: 0; background-color: #e4a3a3;">
hope this helps! :3
thanks for using <333
This user is not visible to guests.
hi hi!! tysm <3333
to answer your questions:
1) you'll need premium to do that, i believe!! CSS will let you add the option to show an indication of what tab you're on <3
2) sorry, but would it be okay for you to elaborate on this question? i'm not exactly sure what you're referring to. do you mean the tabs on the left column or the slideshow on the right column?
This user is not visible to guests.
i'm so sorry, but i still don't quite understand your question :')
do you mean the tabs in the left column are overflowing? as in, on mobile, the tabs are outside of the rest of the content? in that case, you might have to remove a tab or two.
or by "slide" do you mean "scroll"? in which case, you'll simply have to remove anything that says overflow-y: auto; or overflow: auto; in each major block
if you have any screenshots, it would be greatly appreciated if you were to share them with me so i can help better! ^-^
thank you!! <3
i believe you'll be able to change the background color by adding background-color: #(hex code); inside their style="" section ^-^
This user is not visible to guests.
hi! if i'm not misunderstanding your question, you might want to:
replace <div class="px-3 py-2 bg-faded d-flex justify-content-between align-items-center" style="letter-spacing: 5px; font-variant: small-caps;"> with <div class="px-3 py-2 bg-faded d-flex justify-content-between align-items-center" style="letter-spacing: 5px; font-variant: small-caps; background-color: #[hex code];">
replace <div class="col bg-faded align-items-center px-2 py-1"> with <div class="col bg-faded align-items-center px-2 py-1" style="background-color: #[hex code];">
replace <div class="w-100 d-flex align-items-center justify-content-center mx-2 px-2 font-weight-light bg-faded" style="letter-spacing: 1px;"> with <div class="w-100 d-flex align-items-center justify-content-center mx-2 px-2 font-weight-light bg-faded" style="letter-spacing: 1px; background-color: #[hex code];">
replace <div class="carousel-item active text-center bg-faded p-3"> and <div class="carousel-item text-center bg-faded p-3"> with <div class="carousel-item active text-center bg-faded p-3" style="background-color: #[hex code];"> and <div class="carousel-item text-center bg-faded p-3" style="background-color: #[hex code];"> respectively.
replace <div class="w-100 d-flex align-items-center justify-content-between text-uppercase bg-faded" style="font-size: 30px;"> with <div class="w-100 d-flex align-items-center justify-content-between text-uppercase bg-faded" style="font-size: 30px; background-color: #[hex code];">
replace <div class="col-lg-7 pl-lg-3 card rounded-0 border-0 bg-faded"> with <div class="col-lg-7 pl-lg-3 card rounded-0 border-0 bg-faded" style="background-color: #[hex code];">
replace <div class="p-3 bg-faded" style="height: 420px; overflow-y: auto;"> with <div class="p-3 bg-faded" style="height: 420px; overflow-y: auto; background-color: #[hex code];">
finally, replace <div class="col-12 order-lg-4 mt-2 bg-faded p-2 text-uppercase text-right font-weight-bold" style="letter-spacing: 5px;"> with <div class="col-12 order-lg-4 mt-2 bg-faded p-2 text-uppercase text-right font-weight-bold" style="letter-spacing: 5px; background-color: #[hex code];">
the main gist of it is this: because the code isn't exactly fully custom colors, every major block with bg-faded needs to get a background-color: #[hex]; in its style=""
add color: #[hex code]; after background-color: #[hex code]; if you'd like to change the color of the text. the text with the custom accent won't be affected.
the final code should look like this (with both the background-color and color):
if you're going to use a background color as dark as in the image above, you might want to change text-muted to either text-light or text-white. you should end up with something like this:
hope this helps!! <3
if you have any more questions, i strongly recommend you direct them to Toyhou.se's Coding Help Thread, where more available folks with knowledge of coding will be able to answer you better and faster than i will ^-^
dude it's so much- and i love it
goes into every lil spot
AND WHEN U SWITCH TABS U GO TO THE TOP OF THE PAGE INSTEAD OF HAVING TO SCROLL BACK UP LIKE MOST OTHER CODES
like how
u have made masterpiece <3
Oh this is in depth! :0 I love how it's so much information but it's all so clean!
[F2U] Even More OwO's Comments