Yello~ to make this to the point, i got two codes im making to both practice html, and to look cool. Theyre, uh, garbage though. So if anyone has any tip n' tricks or recommendations to make this look or function better, it would be an amazing help!! Tysm!!! (i talk about mobile a lot, so check out this website to see it!!)
One, my profile: https://pastebin.com/T5YjqSvc; im using it right now, if you'd like to check it out live! https://toyhou.se/Mikikilla
The run-down of this code is pretty simple; ive got 2 columns, with an absolutely-positioned image on top to cover the seams. This isnt the best set-up though, because it takes a while to load on slow connections and looks terrible on smaller screens!! I thought i'd make the wide-screen version first and fix up the mobile one later, but now that im done i have a feeling im gonna have to totally re-do it. I'd also love to make the image not absolutely positioned and have the icons at the end of rows not collapse on smaller screens. (On a side note, if theres a way to change both the image AND the content id love to know??? im not sure its possible on the free version though)
Two, a character profile: https://pastebin.com/MMdNNr0r; you can preview it here (feat. my code slave) https://toyhou.se/2724622.ronan (though im working on it right now, so it might change soon)
it started when i started editing vom's code to this: https://pastebin.com/Ed3PtGrQ (you can see it here https://toyhou.se/2656605.wither). realized i could just collapse it into a table, https://pastebin.com/z69rPJFH (no preview, its basically the same thing but with tables lmao), and fiddled with it until i ended up with the design ive got now. technically its okay on mobile, ive just recently tried a new <li> system and i kinda messed it up. what i want is a table with pills that look like tabs sticking out of the container altogether; i realize i could do this by moving it to outside the base div and moving it, but on mobile itd appear on top?? so im stuck. i got it to work on the left, but the right its totally unresponsive. i'd like the end result to be a specific height with the 2nd column dead center (rn the cols are 4, 3, 5 because 5 2 5 is too small, its driving me crazy) and the bars looking like they should- while also being reliable hahaha- and the mobile version being ordered with the center col first, then the left and right bars and both pill rows on the left. does that make any sense??? im also planning on adding a few more sections below, also pilled, if anyone can think of a good place to put them? and one last thing: i have my codes set up where i can put as much or as little info as the character needs, so i need it to function with both a minimum and maximum amount of stuff- i.e. from only the center column and a name, to only one table with no tabs, to both tables with a varying amount of tabs etc etc etc. oh and yeah can anyone tell me how to get the name to appear above the image here like it does on mobile?? https://toyhou.se/2747533.cadi https://pastebin.com/gZW1snfY
thanks for reading if you did, any advice is very very welcome!!! (keep in mind this is, of course, a wip. and also im very new hahaha)
(for those looking for free html im totally fine with yall using it but pleASE WAIT LMAO,,, ITS SO BAD RN)
wicked OH JFBFJ right at that moment I was fiddling with it, my bad!! You can check it out now, if you want hahaha
And nahh not at all, I just used a bit as a placeholder (and reference pfft). And uh... yeah I gotta agree, I think I bit off way more than I can chew. It's fun though 😂
Still, ahh!! I didn't even think of that, I'm totally gonna add that into the code!! Thank you!!!