used on this character here! super amazing code, was a blast to edit <3
I love this html and I wanted to use it for a character, but I'm having troubles with the relationship chart images. i have the overflow: hidden; so the images go into the circle, but the name text goes inside the circle too rather than outside. Is there a way to fix this? Apologies if this is confusing. i'm very new to html coding ^^;
hi, glad you like it!! :D that behavior is intentional since the images in the original book overflow, but to get the behavior you want, you can add border-radius: 100%;
to the img
tag's style=""
definition. if you also want some of the white circle to show around the edges, add padding: 5px;
(however much you want, doesn't have to be 5px) as well :] you don't need overflow: hidden;
on the parent element if you do it that way!
So cool!
I'm excited to use this for my character profile for Meritrius since he's the only Dungeon Meshi OC I have made currently. :3
Ooooh I had frankensteined another code to imitate the Dungeon Meshi guide looks, but we'll see if I'll edit this. I do like the result I came to, but oooooh... Might frankenstein some stuff from here too!
I LOVE THIS CODE OH MY GODDD
srry if this is a dumb question, is there a way to change the font from sans to something else?
THANK YOUUUU im glad you like it!! :D and yes, you can change this section in the first line of code to swap out the main font:
font-family: 'Comic Sans', 'Comic Sans MS', 'Chalkboard', 'ChalkboardSE-Regular', sans-serif;
though the selection of fonts you'll be able to choose from is pretty limited. you can read more about the font-family property and how to use it here: https://www.w3schools.com/css/css_font.asp (though what it says about quotation marks around font names is wrong for use on toyhouse—you need to use single quotes instead)
and here's a list of web-safe fonts: https://www.w3schools.com/css/css_font_websafe.asp
This is so cool AAAAAAAAAAAAAAKRJDFNGFCGYRTFRNIJNDNJFGHUNFNJSZJHBBHESRBUHERSBHERNJERW /pos
I dont have any memes to express how I love this
[F2U HTML] Adventurer's Bible's Comments