[ F2U ] Window's Comments


using!! tysm!! ^^

Thank you for this nice code ^ ^ ) Using ✨

using :3

using, thank you !! :3

This is so lovely! TYSM for coding it!!

using!! thank you so much for the code!!

tysm for the code!

Tysm for the code, it fits perfectly for one of my universes and I used it for almost everyone lmao

https://toyhou.se/spade_zzz/characters/folder:2952598

Hi, I was wondering if there was a way to remove the other buttons? I wanted to try using just the first tab (the about tab)! Not the design notes, story, or relationships tabs. If not that's okay, just thought I'd ask!

Edit: I'm still curious, but it's not really important anymore as I'm just gonna try to use the other tabs as well anyway, it's such a nice code I can't help but wanna use it all despite my frozen brain 😅

hello!  you can delete the second nav-items from the NAV BUTTONS section!

Screen_Shot_2023-05-02_at_1.52.23_pm.png

you can also delete the stats sections as well but it's not necessary as no one would be able to click it anyways haha

Screen_Shot_2023-05-02_at_1.53.05_pm.png

if you want to rid of the "button look", it's a bit more complicated to explain but it's possible; just lmk if you want that as well!  hope this helps ^^

Oh, thank you! I almost forgot about this 😅 thank you I appreciate it!

This user is not visible to guests.

the buttons when it hovers?  that can only be done with CSS/TH Premium!

This user is not visible to guests.

tysm for the code!!

ty for the code!! using it fr fr :D

Hihi I'm like entirely new to coding and I'm wondering if there's a way I can shrink the size of the progression bars and text?

hi!  can you clarify about what you mean about shrinking the progress bars? :]c  like, do you mean making the bars thinner or making each of the bars more compact/closer, or?

for shrinking text, you add [ font-size:#px ] to the style of the text coding!

e.g.  <div class="text-uppercase" style="font-size:10px">CHA</div>

Sorry should’ve clarified more the first time! By shrinking the progress bar I mean making it shorter so I can fit the whole text and still have the bar visible without it being thin. Hopefully I explained that good enough. Thank you for helping with the text shrinking!

you'd want to adjust the col-# numbers then!  you can familarise yourself about it here: https://getbootstrap.com/docs/4.0/layout/grid/

currently, the text is set to col-2 and the progress-bars are set to col-10 but as long as the col's add up to 12, you can mismatch numbers!  here's an example with both text + bars as col-6, which means that they both share the same space!

       <div class="row no-gutters mb-1">
            <div class="col-6 text-center p-1">
                <div class="text-uppercase">CHARISMA</div>
            </div>
            <div class="col-6 p-1 pl-3 my-auto">
            <div class="progress">
                <div class="progress-bar bg-success" style="
                   
                    width:50%;
                   
                height:4px;"></div>
            </div>
            </div>
        </div>

Thank you so much!!

Is there a way to stop images from shrinking when editing the code? Thank you!

this sounds like a WYSIWYG issue; i can only suggest restarting the code BUT to edit with WYSIWYG off and Code Editor on for a smoother experience!  this was in my rules and in the raw code itself ^^

Im sorry! Thank you!

-

looks like you must've deleted quite a few </div>'s by accident?  about 3-4 it seems

you can try adding them back below the <div class="tab-pane" id="windowsix"> but if that doesn't work out, you can use the character history and retrieve a copy of the code when it was working again!  or contrast and compare your version with the original code and see where things went wrong, whatever is easier ^^

ohh that was so easy thank you so much!!!


DUDE THIS IS THE BEST CODE EVER... I've just never seen a code that you can customize so much when it comes to colors before! My brain is always bored when seeing the same code on every single of my characters, but when I use yours it feels like every is different cuz of the color customization <333 IDK MAN I JUST LOVE IT A LOT... I can change aesthetic however I want to fit the character and it's AMAZING!!

using

Hello, I love this code! but is there anyway to change the stat bar’s color? I’m new to code, I’m not sure how to do it :’0

at the progress-bars, the star bar's colours follow the bootstrap theme, to which you can find all of them here: https://getbootstrap.com/docs/4.0/utilities/colors/#background-color

if you want them to be a custom colour, delete the bg-COLOUR and add a background-color:#HEXCODE; in the style!

<div class="progress-bar bg-success" style="
   width:50%;
   height:4px; background-color:#HEXCODE"></div>

Thanks so much!

OK yeah I hate to bother you but I’m gonna need to know how to edit the colors of like everything😅

i have a fully custom coloured version of this code in the makings so i ask some patience! :’D  at this moment, there’s only a bootstrap version for a certain reason

i think i did leave some help in the comments below if you’d like to have a look!

Oh, yes all right. I can be patient. thank you!

this is literally a lifesaver and i love that you even included little tips in the code !! just a lil question, is there any way to change the color of the main layout and text?? i figured out how to change the background but idk how to/if i can change the boxes and the text color !! sorry im new to this and thank you for making :o)

hey hi i'm happy you like the little tips!! <33

you can change the colour of the backgrounds through background-color:#HEXCODE; in the style (you may need to delete bg-faded first) and the text is by color:#HEXCODE; (you also may need to delete text-muted, text-body or text-white)

an example would look something like:

<div class="bg-faded rounded border-0 p-2 px-3 text-monospace small text-muted text-right shadow" style="background-color:#HEXCODE; color:#HEXCODE;">

hope that helps!

AAH THANK U SO MUCH!! i appreciate it so so much !!!!

using, tysm for such a cute code :] i know BS means boot strap, but i couldn't stop giggling about how it makes it look like you're calling it bullshit..

the world will never know 🤫  tysm!!

using !! :D

using! :3

using :3

This user is not visible to guests.

hey!!  the old code didn’t have a font set but it was most likely combined with font-family:avenir ?

you can add the font-family to any style of the code, though if you want to change all of the font: probably the first one!

<div class="mx-auto" style="font-size:95%; font-family:avenir; margin-top: 40px; max-width:1100px">

hope this helps! ^^

i’m still using the old version for my shiba sona and looking at this and the old version at the same time makes me wonder how you’re so good at this stuff! great revamp!

bwahah thabk youu!!!!! (*^▽^*) means a lot! <33  on another note, i adore your profile aesthetics !!

aaa tahnk you for checking them out! it means alot ;0; 💖💖💖

!! yoo what a glowup ! :O

YES TY!!  all new and sparkly now >:3c

hiiiiiiii jikooooooooo,,,, so i went down and read richiearts' comment because i had the same issue! but after following the directions there the coding seems to stop working properly after orders 12 & 11? i was wondering what the fix to this might be?

character with the problem: https://toyhou.se/4795531.penny (she's an old roleplay character hence why she has so many relations 😵😵)

i can also provide images or whatnot if you need it, so you can see the exact coding i have and what the error may be.

thank you so much! i know it's an old code but i still love it lmaoooo

heyyy!  it looks like the orders get confused when it gets to double-digits, which is why it gets funky after Salvatore's :[  i had a look on the web but there isn't much on how much orders you can place..

the code is very close to having a renewal which should make adding more than 12 relationships possible (i.e removing the annoying orders LMAO)!  until, i'm not sure there is an easy way to fix this, sorry for the inconvenience!!

that's ok! thank you for looking into it <3 the update is GORGEOUS!! it's gonna be pain trying to copy and paste everything to the new template though grrrrr 😒😒

thank you!!!!  and best of luck with that 🤭

let me know if any other problems occur!

I have been using this template for so many of my ocs! I really love it and it is so easy to edit! Thanks so much!

thanks for the lovely words!! <3

Used it here and edited it a bit, though, somehow the background does not stay fixed and the tab "addendum" stays active even though I click on other tabs... :o https://toyhou.se/3178855.johan-frey

for the background, you'd need to change the background-attachment to scroll instead of fixed!

background-attachment: scroll;

as for the tab, it seems to be working fine for me? :>  not sure if you just fixed it but in general, it's usually because there is an extra active show element in the tab class!

Ahh, thank you! And yes, I seemed to have fixed it while finishing the code up! 

It's really a great piece of work, so thank you for sharing it!!

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

love this code! im still learning how to decorate my toyhouse so i plan to use it! thanks for the hard work!

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

yes!  you may need to edit some things to make it a 'user' code but go for it! and tyvm! <3 

I plan to use this with tons of my ocs! Is it Bootstrapped?

belated response but yes!!  <3

Just the colors are and we can change the icon and back color yes or?

you can change whatever you want — as long as my credits are there, i don't mind!

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

hey!  it sounds like you used the wrong link for the avater?  are you using the image address (to add in images, right click and press "Copy Image Address" and paste!)?

if that doesn't work, could you show me the character with the code? :>

This user is not visible to guests.

ahh true, it would be difficult to do that!

an alternative for mobile then would be to: press + hold > share > copy link!! 👀 that does the trick well!

This user is not visible to guests.

Hey So sorry to bother you, I've been trying to add more character's to Link's tab. But I haven't Been able to get them to work correctly (The Character icon and Character information on the link page ends up all displaced and jumbled) and I'm not sure how to fix the issue as everything I've tried so far hasn't worked. If you could help me out or have any tips on how to add more character's to the Link page (if possible) Id really Appreciate it :)

Also Just wanted to say that this is an amazing code and I hope to use it for a few of my character's!

Heyo! Don't know if you still need this but I'll reply for you and for anyone else— >>;

It sounds like you may be adding it below the tab's ending divs, OR that WYSIWYG was used (and if it is, I ask kindly for you to disable it in your display settings before proceeding).  Just a heads up that this code is super old and there's so many lines of codes that are unnecessarily difficult!!  I understand if you would not want to use this one anymore (I don't suggest it anyways until I revamp it) but yeah, just a head's up ^^

First, copy the last relationship segment like this one and paste it here (just after the last relation):

<!-------------------------------- [ CHARACTER THREE ] --------------------------------->
<!-- [ AVATAR ] -->
<div class="order-md-5 col-md-4 px-2 pb-4 d-flex hidden-sm-down">
<img src="https://file.toyhou.se/images/7745356_UbxFaTbtSE8Egg6.png"
class="m-auto img-thumbnail rounded-circle w-100 bg-faded">
</div>

<!-- [ CONTENTS ] -->
<div class="order-md-6 col-md-8 pb-4">
<div class="p-3 card bg-faded border-0 my-auto">
<p class="d-flex justify-content-between align-auto my-auto">
<a class="text-uppercase my-auto" href="LINK HERE">Name</a>
<span>relationship</span>
</p>
<hr class="w-100 my-1">

<div class="p-1 text-muted" style="max-height:110px; overflow:auto">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a felis molestie, porttitor est eget, euismod mauris. Integer fermentum est vitae dui pretium fermentum.</p>
<p>Fusce quis velit vel sem pellentesque iaculis congue non lorem. Aliquam vulputate lacus consequat, volutpat ex ut, blandit lacus</p>
</div>
</div>
</div>
<!-------------------------------- [ CHARACTER THREE END] --------------------------------->

Because of the way I initially coded this, the next few steps might be confusing to grasp over...  Do you see the highlighted text above?  They control the order of the way the avatar and content appear in.  The numbers are all you need to change for it to be aligned.  Change order-md-5 to order-md-7 and order-md-6 to order-md-8 (basically +2).

Depending on if you want the avatar to appear on the left or right, you might have to do it the other way around (order-md-5 to order-md-8).  This should happen for every second segment (relation 2, relation 4, relation 6, etc.).

For example, it applies here for the forth character relation.  This is what you put in!:

<!-------------------------------- [ CHARACTER FOUR ] --------------------------------->
<!-- [ AVATAR ] -->
<div class="order-md-8 col-md-4 px-2 pb-4 d-flex hidden-sm-down">
<img src="https://file.toyhou.se/images/7745356_UbxFaTbtSE8Egg6.png"
class="m-auto img-thumbnail rounded-circle w-100 bg-faded">
</div>

<!-- [ CONTENTS ] -->
<div class="order-md-7 col-md-8 pb-4">
<div class="p-3 card bg-faded border-0 my-auto">
<p class="d-flex justify-content-between align-auto my-auto">
<a class="text-uppercase my-auto" href="LINK HERE">Name</a>
<span>relationship</span>
</p>
<hr class="w-100 my-1">

<div class="p-1 text-muted" style="max-height:110px; overflow:auto">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a felis molestie, porttitor est eget, euismod mauris. Integer fermentum est vitae dui pretium fermentum.</p>
<p>Fusce quis velit vel sem pellentesque iaculis congue non lorem. Aliquam vulputate lacus consequat, volutpat ex ut, blandit lacus</p>
</div>
</div>
</div>
<!-------------------------------- [ CHARACTER FOUR END] --------------------------------->

awahhhh hopefully this explains it well enough and isn't a mess of words!!  If you still need help, just hop over to the help forum!  ;w;/ <3

Thank you!!!!!

not sure if you'll still reply , but how many relationships can we add?

as much as you want (it just scrolls) !!  there shouldn’t be a limit when you add anything ^^

hi! this template is rlly cool and i wanna use it, but im having trouble understanding what each of the stats mean and googling hasn't really helped-

ive guessed the first 5 but the last one im still not sure what it means-

charisma, confidence, intelligence, wisdom, empathy, hum.. 

if any of those are wrong please correct me lol plea

I left comments on what they actually are though?  Inside the code, just above each stat… TwT

Anyways, you’re pretty much correct!  The last one is humour.

i ended up figuring that out and i was like oh im dumb nfjwofdo

thank you a lot tho <3

(i didnt rlly look at the code until i figured it out since i wanted to know if i wanted to use it n stuff before getting all of it down- sorry for the inconvenience)

all goods!  if you do end up using this code, i hope you enjoy it!! <33

i did end up using it, thank you! (i used it on her https://toyhou.se/11638277.neptune-cloudtop )

This user's account has been closed.

If it keeps on shrinking, it sounds like you are editing with WYSIWYG and will ask that you disable it in your display settings before continuing!! :O

And yes, of course!

This user's account has been closed.

Hello! Just asking. When i put on the Background photo it loads for when i edit but when i view it after i update that Character from Editing it doesnt Load? Or is it just me? :0 you can check it Here!

It looks like you got it but the reason why it wasn't working is because you have WYSIWYG on!  Please disable it from your display settings and/or restart the profile for better editing/results ^^

Ooh i see! Thank you! :>

using for astrid !!! <3

using!

hey!! im using it on a loki and a more to come :)

hello, I was wondering if there was a way to change the contents of the 'story' tab? I'd like to change it out for something else, but whenever I try to delete the contents of the story tab, it merges with the links tab and the code breaks :(


ty for your help!!

Hey there!  If you delete the contents from Line 360 (<div class="pb-3">) to Line 435 (second last </div> in that section), that should work!  You might have been deleting the wrong </div>, which is why the code is breaking unless you activated WYSIWYG at one point.

If you had something else in mind, let me know!

Oh my god I loved this code. Using on this character https://toyhou.se/7944175.amanhecer-brilhante

And I plan to use on other oc's too uwu)b

Hello ! I have some troubles to change the little icon, it always put me a pin tree or something, can I get some help please ? By the way I love how to code !

On this line: <i class="fad fa-tree-palm fa-lg"></i>

Replace tree-palm with any icon available on fontawesome!

Hope that helps! ^^

This user is not visible to guests.

thanks for using it!! <3

This user is not visible to guests.

¡Gracias! Lo estoy usando <3

I really really like this code! You did wonderfully on the making of it and I will definitely be using it for everyone in my Forever Homed Folder so their folders can look just as nice as your code does! Thank you for making this code f2u!

Aww, I'm super happy to hear that!  Many thanks! (#^-^#) <3

Using for my oc Appleblossom

ty for using my code!! <3

Switching over to using this for my characters, at least the main ones!! This is gorgeous


eeeK thank you for the kind words! >< <3

This code is one of my faves, using it with smol edits in profile and about sections on some of my ocs now, will use it on most of my ocs for sure when I'll upload them/complete their profiles for sure because this code is a chef kiss😳

uwaaaaAA, ty ty for the kind words and for using them! ;—; <3

mwah!! using this code, the theme is beautiful <3

thank you kindly!! (๑>◡<๑)♡

Definitely gonna use, although how would I change the background image?

hey there!  if you’re referring to the beach background in my example, there’s a line of code near the start that says something like:

background: url (INSERT URL HERE)

just put in your image in there! ^^  it must be a direct link to the image though!

Thank you!

Using! It looks great!! 

Using this here! Thank you for the awesome profile code ^^

Used here but its not completely finished yet
but it looks awesome

Using! :D It looks absolutley amazing!

using!

This user is not visible to guests.

Using <333

This may very well be one of my favorite character profile codes ever! it is clean and well organized, and even gives a little liberty room to adjust stuff.

This code rocks. I've been looking forever for the perfect "computer"-type code and this one has been the most aesthetically pleasing designed one I've seen so far!!!

WOW using! ♡