Super nice code!
Was perfect for my baby Averill
love this code, thank you for making it available!! it suits a group of my characters perfectly :D i've been messing around with it to try and add 2 more sets of the stats bars with the title above them, but i can't seem to figure it out without ruining the collapse function on the other tabs :') i have no coding experience, if you have the time i would really appreciate some help 3
Hi I've been trying to add a theme song player like the one on this page into another template that didn't have one in it. I just copy and pasted another player from the template I used for this character that came from you and it worked really well in circlejourney but it messed up the formatting big time and now instead of being all next to each other, all of the little boxes are on top of each other. Here is a picture of the section of the code and here is the page it's messing up. Do you know how I can fix this/add a theme player I'm new to HTML and I'm really stuck on this :). Sorry to bother you, Ijust thought you'd probably know the answer :)
Hi there!
Honestly have no idea how you messed the code that much, I suggest starting with taking the original blank code and filling it from scratch because I don't think this one can be taken back into a normal form. Then, I believe you did not copy the full block, because you would need to have a closing </div> before the final </li>, and you have the final block's </li> after the </iframe>. I am also not sure if you also have an extra closing </li> afterwards which you don't need, but I cannot say for sure.
This code is so cute and thank you so much it was absolutely perfect for this girl!
Hello! I hope it's alright if I ask, but how do you get rid of the space after the borders? Idk if I did something wrong, but the spaces show up whenever I use a code with borders most of the time. I can also type in it for some reason.
Edit: nvm I fixed it.
Love this code!! Tysm for creating it!! I had so much fun using it ^^ (for this char: https://toyhou.se/19831725.corvid )
Tysm for making this code! It's very fun to use, I love it alot!! I'm still coding my character's page, but tysm!
Hello! I've already gave an answer to a similar question earlier!
You need to change the % in "width: 50%" everywhere to your value 0-100, working in the Code editor with WYSIWYG off
The 0% will be the left edge (empty bar) and the 100% will be the right edge (full bar)
Hello! I love the constellations and box frames that you used in this code; would you mind if I used those parts in a space themed world code I’m making? Credit will be given ofc ^^
Hope you don't mind me leaving a comment here. I feel like there were a couple things I wanted to add to the basics section but I don't think it's working. It ends up making text smaller and goes past the lines.
I'm not sure if I'm doing something wrong or the code is just made to be smaller. I think I was only trying to add two things and it wasn't having it. 😅
How do you make layouts mobile friendly? Everytime I make one, it just squishes the layout on mobile and makes it hard to read
For me it all depends on the columns in a row in the first place! For every col I make I set "col-12 col-lg-x", so they'll be full-width on mobile and will take certain amount of space (1-12) on large screens. You also need to experiment with padding (p-x) and margins (m-x) as they can also be set differently on PC and mobile. The minimum height and h-100 is also useful in different situations when you need, for example, the image in a card to be larger on PC but smaller on mobile. In overall, it all strongly depends on the layout and how you want everything to look like on mobile.
Usually I make sure the layout is mobile friendly right when I code the blank template with no content inside yet. You can use th.circlejourney.net to code your stuff live and switch between normal mode and "vertical" time to time so you can see how everything might look on mobile devices! Mostly it's all trial & error (and a lot of learning) so you just need to practice but keep some basic stuff like that in mind!
9. || Astrology's Comments