skuraa.nexi
。☆✼★━𝓓𝓻𝓮𝓪𝓶𝓮𝓻 𝓲𝓷 𝓢𝓽𝓪𝓻𝓼━★✼☆。
- Group
- Dice
- Quests
context
I like this one.. it keeos track of the people roleplaying and the characters they roleplay as ^^13: ToriTown CensusA character gallery or CS roster code but with a landing page and multiple sections, because guess what? Baby bad at codes learned tabs. Not very good tabs - I still don't know how to change them based on what tab you're on, but. You can click them and you can go to the tab. Wow! This would have been done yesterday if I was at least 2% less lazy and did the contents but. YOLO.
Keep the tab names as font awesome icons. I realize now why it's usually vertical tabs and not horizontal, because trying to make it mobile friendly with longer names going horizontally just COMPLETELY mucks it up. Just like the credits did. So they're in a different spot today. The buttons are a little funky on mobile but they work. It's not like they're 50 pixels away from where they need to be.
There are a lot of variables. t stands for tab. So t1 is the tab one color (and the header background color), t1border is the border color, t1header is the header text color, t1font is the header font, and t1bg is the background color. Then replace the 1 with the tab bg is just the backdrop color.
For the character cards, put a line bread between the final div tag and the first border tag so the shadows don't cut off. Also make sure to have the ending div tag of the previous card and the first div tag of the next card start on the same line. The names are the links and colored with the tab's header text color.
This was torture.
The top of the preview looks weird with this before it but if you don't have anything else it should look fine.
EDIT (10/20/2024): Fixed the character images being contain rather than cover. Now they wont repeat.Tabs, Character Directory, Hidden Scroll, Mobile Friendly - [LINK]
Coded by AnemoVictorious
Tab 1 Header
write some stuff here! these boxes have a hidden scroll
Coded by AnemoVictorious
very useful and aesthetic, something I look for in my everyday life ^^ or do I..?