Oh my godddd, I've been DYING to use smth like for my own bnha oc, tyvm for this!! <33
This looks lovely. I stripped it down to only the personal data and not the more info section, might change my mind later but I didn't know that the scroll bat popped up when I added an alias section.
Additionally, I might alter it to fit a few other canons.
Love this code!! Already used it for one of my characters (needs to be revamped tho haha) Curious question though if you don't mind: I noticed the sidebar image is supposed to be 350x750 to fit, but when I add my own image it cuts off on the sides. Is there any way to contain the whole image into the sidebar box? I'd appreciate the help!!
Using for my hero student oc! https://toyhou.se/10727552.takara-suko
It works so well for a short and simple introduction
hi! i lov this sm, i would like to ask tho if theres a way to change the background color and not make it bootstrap?
Hello! If you're referring to the main info box's background colour then:
- Press CTRL + F then type in search "min-height: 640px; border: 6px solid;"
- After the ; add background: #ffffff or the hex colour code you want to use
- The line of code should now look like <div class="card rounded-0 p-3" style="min-height: 640px; border: 6px solid; background: #ffffff">
As for removing bootstrap's default colours that depends on what you need changed? If you're trying to customise text colour, you will need to add and remove a few things
- Press CTRL + F then search "text-muted"
- Replace ALL with nothing to remove it
- If you want to change the main text colour (excluding hero's status), you can add color: #000000 (or whatever colour you want) to the top line of code. The code should look like <div class="container" style="max-width: 820px; color: #000000;">
- This will however affect the border colour too. So if you want a different border colour press CTRL + F and search for "border: 6px solid" (there's only 2)
- Add a hex colour after solid. Code should look something like style="min-height: 240px; border: 6px solid #HEXCODE;
I hope this was not too confused. I tried to simplify it as best as I could ;__;
This user is not visible to guests.
You need to change the hex color of "background-color". There should be annotations in the coding to help :0
There are 5 shapes per stat option. If you want one of the shapes to be white, the code should be "background-color: #ffffff;" If you want it to be grey, change it to "background-color: #5d5d5d;"
If you can find it in the code, press Ctrl + F and type in "background-color: #ffffff" it will show you where it is!
This is amazing! (An alias section would've been helpful, however, seeing as they tend to have hero names, but hey, just a suggestion :D)
I absolutely love this and the codes you do!! I've been trying to get into a bit of the formatting and it's really amazing to see what you can really do with it. Thank you so much for sharing these F2U formats! ^U^
Hey there! You can use it by copying and pasting the code from one of the tabs into you character's profile.
Before pasting be sure to follow these steps (otherwise you risk breaking the coding):
- Turn off "WYSIWYG" and turn on "Code editor" > https://toyhou.se/~account/display
- Paste the code into the Code editor and edit it however you wish!
[F2U] Boku no Hero Card's Comments