Hey I'm corvid named finger and I like warrior cats.

nice to meet you, corvid named finger

I'm having trouble changing the text color- https://toyhou.se/24301898.oleanderheart - could you possibly please help me out? I used the CC code, but I can't seem to find the code to change the colors. I also tried redoing the code altogether in case i missed or deleted something. ^^

I'd like for the text within the transparent bg to be this color - #9bb1e7 while the yellow is - #3575aa

It’s been a while so I don’t know if you’re still responding to questions but- I’m having trouble making the icon rounded?
“paste [fr-rounded] in the img class if you want a circle icon!”

But I’ve tried all of these and it didn’t work so I was just wondering how I do it?
1. class="img-thumbnail rounded-0 p-2 my-2 mx-auto" style="height: 200px; width: 200px;" "[fr-rounded]">

2. class="img-thumbnail rounded-0 p-2 my-2 mx-auto" style="height: 200px; width: 200px;" [fr-rounded]>

3. class="img-thumbnail rounded-0 p-2 my-2 mx-auto [fr-rounded]” style="height: 200px; width: 200px;">

Using for some of my warriors ocs!! This is a super cool code <3!

OBSESSED. Used here and here!!! Planning on applying it to more! Thank you!!!!

very easy to use - thank you!

I really like this template, its very simple yet nice! will use for most if not all my ocs lololol, thank you for making this code   

Used for my girl, Darkpool!

will use again!

Using probably for multiple ocs including this one!! i am in love with this. Very easy to use too. //

thank you kind soul for making this template, you are forever be loved for this kind act of yours

I used your Template! Thank you so much for creating it, its super helpful and very well organized!! <3

Hi! I love the code, but i have a question ^^;; when i do the coding to enter the heart in relationships to full, it only outlines/bolds the heart in white, not make it full. what can i do to fix this? thanks sm!!

have you changed the first value as well? ^^  it's a little bit outdated but it's fas/fa-solid for a full heart, and far/fa-regular for a lined heart!

<i class="fas fa-heart"></i>
<i class="far fa-heart text-muted"></i>

This user is not visible to guests.

Use the CC version instead!

otherwise, you can do so by adding color:#HEXCODE in the style and deleting text-primary ^^

This user is not visible to guests.

Hey hi, it's probably been so long you don't answer these anymore but if you happen to get this, how would I go about putting an image into the appearance category? I've tried copying and pasting the text that makes me add an avatar picture and it will work, but I am unable to have text describing the character's design alongside it, it will accept one or the other but not both? Is there anyway around this or should I instead turn to describing the design in the Design Notes?

normally, inserting an image should work if coded like this: <img src="IMG_ADRESS_URL_HERE">; you can find an in-depth page about this!

you may need to have the img inside a paragraph like this <p><img></p> if the text for character description is disappearing but as long as WYSIWYG is 100% disabled, it should work!

Oh thanks, I actually came onto TH just now to reply to my comment saying I figured it out lol, but thank you for responding ^^

It's one of my favourite codes! I used it for Sunrise and changed it a bit.

this is absolutely perfect for my fanclans! will def be using this for most if not all of them!

Hello there I’m using the custom color code and 

I was wondering how to change the colors of the yellow stuff

And how to I change the hearts and how do I change the amount in the info for attributes,battle,traits

hello!  instructions for all of these are actually written in the code itself ;w;/ so i'll just copying/pasting them (with extra info) here:


changing the color

use ctrl + f in the editor to easily replace all!

note: this is only possible if you have a keyboard and have toyhouse's code editor enabled.  alternatively, circlejourney also works!  when you do it, a little white menu will pop up on the top right of the editing space.  for visuals, please visit this tutorial and scroll down to "REPLACE WORDS/ A LINE OF CODE ALL AT ONCE"!


changing the hearts

full: <i class="fas fa-heart"></i>
empty: <i class="far fa-heart text-muted"></i>

if you are referring to changing the actual heart icons, you can go to fontawesome.com and find whatever you are after!  toyhouse has access to all, if not most, of the icons


changing stat number

for the stats, change the number in width:50% to your desired percentage [ 0% to 100% ]

Thank you so much I didn’t see them I’m afraid my vision is a bit weird at times 

to be fair, they're kinda all around the place so i actually don't blame you for missing one of them QvQ

happy it helped! <3

feel like commenting again cuz woooh i rlly love this code, ive heavily modified it to fit my ocs but this code has been a rlly good jumping off point and made me interested in coding work, so i feel like i wanted to thank you for that :]

ive used this for a variety of characters, but heres my alien bounty hunter

Used for my boys page :D

used it 4 this girlies page !!

hey!! how do you do half hearts in the relationships section?

you can head over to fontawesome.com to find more but you can replace the fa-heart with fa-heart-half-stroke !

thank you!!

ahh also, how do you add a background photo?

you can use this snippet but the main scroll box will not appear nicely because there's no set background for that :]  you'll have to add a card in its class somehwere

so under the col-lg-8, you would add/change the bolded bits
<div class="card rounded-0 border-0 p-3" style="height: 730px; overflow:auto">

that worked!! thank you sm!

so sorry for all the questions,, but is there a way to change the color of the background behind the text? the grey background, or does it have to stay grey?

the background follows your site theme so you'll have to manually add it in!

in the (or any) card's style, add background-color:#HEXCODE , but also color:#HEXCODE for the text so it's theme-friendly ^^

Used here!

using for my wc ocs!

amazing code! its so clean and organized, easy to figure out too! (coming from someone who isnt the best with code) def gonna use it for magpie and other warrior oc's

I customized this a bit and am using it for all my characters :) thank you! I really like this code

This is overall such a gorgeous code, but I'm using only the stats bar from this for now (for Cinderpaw) :) Your credit of course remains

Using for Cricketpoppy! <3

spent all of my computing science double setting this code up on Twiggy! I love it x3

using!! thank you for this, I'm probably gonna use this on a majority of my ocs 

I think I may have done something wrong https://toyhou.se/15935296.fallowfrost 

Nevermind! I fixed it! The "theme" under "residence" messed it up so I changed it to something different and it's fixed! 

Thank you so much! Been using this for sure! I was wondering if, for the personal information on the left sidebar, is there a way to make it so the text could be aligned completely right so that the text all hits the far right edge? If like, one apprentice name is long and the other is short, the shorter name kinda floats?

example: https://toyhou.se/14423414.acorntuft

Thanks!!

hey!!  to fix this, you would need to add class="text-right to the answer span tag!  for example—in regards to the residence—it should be:

<span class="text-right">Dark Forest<br>ShadowClan (former)</span>

hope this helps! <3

Thank you so much!! <3

how can i fix the right side of the code (the one with the appearance, design notes, personality, etc.) to match the left side after adding more things?? because the bottom looks a bit strange,, i'm new to coding so im not sure how to fix this,,

if you added more things in the left column, then you would have to go to this line of code <div class="p-3" style="height: 710px; overflow:auto"> and increase the height!

Using! This code is wonderful and im using for all my warriors!

how do you insert the code?

If you go on the character page, then manage character, then edit profile you can paste the code there :D

This user's account has been closed.

I'm curious If there would be a way to add a banner Image at the top where the name/title goes?

there is!  above the HEADER (so around line 28), you can add this for the image banner!  adjust the min-height:100% if needed!

hope this helps! <3

<!-- ------------------------------


      IMAGE BANNER


------------------------------- -->
<div class="col-lg-12 p-1">
<div class="bg-faded p-3" style="min-height:100px;

      background-image:url(IMG_FILE_HERE);
      background-position:center;
      background-size:cover">

</div>
</div>

tysm! It worked great!

This user is not visible to guests.

i can't 100% tell what your problem is with just this screenshot (it can be multiple things at once) but i think your main problem is that you have WYSIWYG on?

please disable it from your Display Settings and enable/use the code editor instead (you may need to restart the code); this is addressed in my rules! ^^

This code is amazing! Though a problem I'm having is that the icon in the top left keeps shrinking and shrinking for some reason every few seconds. Is anybody else having that problem? It's really annoying.

I’m having the same problem as well! When I’ve gone in to fix it up, it’s all squished together (looks like this). Is that happening to you as well?

Ahhh I can't really read code super well but whenever you put codes into Toyhouse yeah it squishes up like that. I was more or so talking about the icon part for the code. The icon just keeps shrinking and shrinking

Oh I just wanted to include the picture because whenever the icon shrinks for me, that’s what happens to the code. Technically the code isn’t supposed to squish up like that and it always happens when the icon shrinks.

I’ve tried to redo the code and fix the icon but it still gets smaller every time :( I still haven’t figured out the problem and it’s annoying :/

Oh oofy yeah the problem is really annoying, I think it may have been something on the posters/coders end that makes the icon shrink, I'm unsure lol

hey you two!  looking at that image alone, it tells me that WYSIWYG was activated sometime during editing!  this explains why: (1) the images are shrinking and (2) the code layout is all "squished".

when you disable WYSIWYG, do you disable it from your character profiles or your display settings?  it should be from your display settings, as per my rules state <<;

8 Replies

Ah forgot to comment but im using this (modified and with some element from the panomaric) for Singh! Planning on using it for others when i finish the modifications :3 

It's not actually for a warriors oc but the code allows a big space for ramblings and more developed ocs so im using it :]

Can I ask how you turned the little plant in the left? corner to a paw?

change fa-seedling to fa-paw, check fontawesome.com for other icons you can use ^^

edit : actually for singh i think used fa-paw-claws specifically

Tysm!

used this code on all of my bonfireclan characters!!!!

I used this code for runa!

Tysm for letting people use this code, it's great!

TYSM FOR THIS <3 and your rules and TOS are very informative ty!!

I'm gonna use this, it looks lovely!>w<
I've read the rules btw!<3

This user is not visible to guests.

Just made one of my warriors with this code! edited it slightly because I'm not that detailed xD And I think I did something at the bottom to not be able to have the "code by Jiko", so I moved it to the top instead, I hope that's ok! https://toyhou.se/11977664.talonheart

I used this for my sona but for some reason when I go in to edit the code, it's all in one block of text and out of the organized format it originally comes as. Has this happened before? Sorry for bothering you!

You have WYSIWYG on — it ruins the layout of codes rather than preserve it.  Please read my resources at my rules page to know how to turn it off properly ^^

Used for Kyros Mars. Thank you!

i love the heavy warriors code!! but is there a limit to how many relationships you can have per page? after I get to the seventh relationship, they start to stack weird if that makes sense?

Hello!  You might have copied/missed a </div> somewhere because the code fits well over twenty (and more) relationships! ^^

If you want, you can give me a pastebin link of the code and I can fix it for you?

yup, i see where i messed it up a bit with the

This is stunning! <3

thank you sm! <3

I have a question how do we edit each attribute and the hearts by realtionship

Straight from the code itself:

• for the stats, change the number in [ width:50% ] to your desired percentage [ 0% to 100% ]

For the relationship hearts, here’s a guide:

• full: <i class="fas fa-heart"></i>
• empty: <i class="far fa-heart text-muted"></i>

Thank you

Definitely using!

I love this! I think I'll use it for my warrior ocs

Using!

using this code!!! the new update is absolutely perfect fhdsfgs time to update all my wc ocs w this one hell yes

Use this code so much, love the little updates! :)

This user is not visible to guests.

ty!!! <33

Who is the pretty kitty of the icon?👀

👀 is he !!!  (his bio is a little outdated though whoops)

OMG HE BABY I'M IN LOVE AAAA

hi ive been trying to use this code but every time i try and add a picture for my character it shrinks to nothing whenever i switch in and out of code view? any idea why this is a thing thats occuring?

You most likely have WYSIWYG on.  Please refer to this forum post on how to turn it off for code use (and to enable Code Editor too)!

thank you! this should help! i appreciate it (also i love your code its beautiful) 

Thank youuu!  Glad to know <33

using !! 💃

This user is not visible to guests.
whi

using! also, i have a small question - in the relationships section, the profile images show up as little circles, even after putting the img url. i'm not sure how to fix it.. ;; (wysiwyg is off)

do you think you can give me the raw code via google docs or stash? :>

just so i can take a closer look because sometimes, it’s a case of using the wrong url or something minor broke mid-way!

using !!

Using!

This user is not visible to guests.

Ahhh absolutely will be using this! <3

thank you so much for making this layout! i've been searching everywhere for one that is for a warrior cat oc, and was about to give up, then i looked at the feed and saw this!!! i can't thank you enough!!! also, i'll be using this quite often fyi!

oh, you’re super welcome !!!! ;o;

i’m so happy that you like it; a few people did want a warrior based code so i decided to whip one up hehe ;3

(just visited your page and it’s so aesthetic i’m <33 )

np! (ahhh tysm! thats what i was aiming for-- thanks 4 saying that,, it means a lot! <33)

also,, im really bad at making html XD. i can only edit it lol.

p.s: i used it on https://toyhou.se/5697529.snowcloud uwu 

oooh !! i saw it not long ago but you're nearly done with her,,, i'm impressed! lovely job òwób

aww tysm !!   

yesh i finished her just now! >w<

Using this beauty!

Can i translate it into Polish just for my own characters? You know i want er- read informations about them in my language.  So that will be easier to me to know what it's about.

of course, go for it !!! <3