Replies

Jun 3, 2023 2 years ago
Flying Ace
norfie
User Avatar
Gerald Neil Calhoun

I used to love designing and coding profiles way back in the day, like in 2008 or so when I was a young adult with too much time on my hands. When I no longer had a lot of free time due to college, I stopped making profiles, and now it has been a very long time since I have done any graphic design work at all.

Just for giggles and to try something that used to bring me much joy in days of yore, last night I updated my profile with something I threw together in an evening based on my ancient code. Because I am interested in returning to profile coding, I'd love to hear feedback on my latest attempt. I want to embrace more "modern" coding styles and features. Recently I have seen people with super fancy profiles with animation and the like, and I don't even think such a thing was possible back when I did profile coding!

One specific question I have is how to center the pet name under the pet icon. I seem to have messed that up ages ago.

"Every bit of you is worthy of your loving." - Emmanuel

Jun 3, 2023 2 years ago
Fossil
is a fossil
User Avatar
Theropod

Ooh I like it! Stylish and minimal :>

As for the pets being centered, I think the best way would be to change the .avatar_head. Try this, or with a different value to whatever works best on your screen:

.avatar_head { margin-left: 110px; }


[tt][ banner art by Pablo Rivera || CI/Button my me || Art shop ][/tt]

Jun 3, 2023 2 years ago
Frenchi
is hopelessly romantic
User Avatar
Vivisect

i would probably do it as

.avatar_head { margin: 5px auto }

that'll automatically center the icon with the text by giving it equivalent margins on the left and right, while maintining the 5px top and bottom margins it has by default.

Jun 4, 2023 2 years ago
Flying Ace
norfie
User Avatar
Gerald Neil Calhoun

Thank you so much! Using the avatar_head class fixed it. ❤ I decided to use the margin property and it looks great now.

"Every bit of you is worthy of your loving." - Emmanuel

Please log in to reply to this topic.