Replies

Jul 18, 2017 8 years ago
Frenchi
is hopelessly romantic
User Avatar
Vivisect

i decided pinafore's ancient profile was in need of an update, so i gave it a second go round. it was a lot of fussing to make sure everything stays centered with a scaling page, though, so i'm curious if everything looks alright on other folks' resolutions? thoughts in general are also welcome, of course.

Jul 18, 2017 8 years ago
Possum
likes the classics
User Avatar
Curse

Everything looks nice on my screen! Absolutely gorgeous profile. (:

Chibi by

Jul 18, 2017 8 years ago
Dotty
User Avatar
Pippa

I think it's super pretty, though I do find the font a little difficult to read.

click for user profiles

Jul 23, 2017 8 years ago
Bug
User Avatar
Segfault

Just cuz you asked...

The background image (the open book) will become misaligned with your page content on smaller widths. Since the background image should be aligned with the page content in all cases, I would place it as the background of your pet_info div instead, relatively position pet_info, and absolutely position the contents. Hope this helps c:

🐝 ☕ bug (he/him) | your friendly neighborhood code wrangler. stay in the loop! join and check out the latest admin post highlights

Jul 23, 2017 8 years ago
Frenchi
is hopelessly romantic
User Avatar
Vivisect

thanks, i noticed that but couldn't think of an efficient way to fix it (positioning everything took so long and by the time i considered changing it i was exhausted and figured most people have screens at least 900 px wide). i will look into it though.

Jul 23, 2017 8 years ago
Bug
User Avatar
Segfault

Doing it the way I described wouldn't take long or be complex as all of the positions would be relative to the storybook (so-to-speak)

The easiest method would be to have the storybook be a centered background on pet_info, but have a little padding around it (that is, pet_info should be a bit larger than it). Positioning things from there should be fairly simple to estimate and adjust - for instance, the safety pin at the top right corner would simple be top:0 right:0 and the spool of thread would just be bottom:0 right:0.

🐝 ☕ bug (he/him) | your friendly neighborhood code wrangler. stay in the loop! join and check out the latest admin post highlights

Please log in to reply to this topic.