Replies

May 28, 2017 8 years ago
Kazuhira
is sweet
User Avatar
Fortify_923

the ones with finished codes are torturer and slander.

it's been a year or more since i've done heavy css and what i've done has been on tumblr, what do you think?

May 28, 2017 8 years ago
Bug
User Avatar
Segfault

I really like Slander's profile! Very fun and great design. It's unique too, not something you see every day on a pet profile here :)

Torturer's is great too! I just have some small suggestions regarding the design:

  1. The text in general is somewhat hard to read, especially the links. The links are currently white and aren't readable against the white/light background of the textbox. I also find it hard to read the color, species, and owner line right above that because it is blue. I would try switching those two actually: blue text would show up better on a white background, and white would show up better on blue. (So for instance, your username Kazuhira is fairly visible, as opposed to the other blue text on that line.)

  2. I didn't actually see the heart for liking the pet at first, because it's blue. I think it would help if you could change it to have a white outline, or change it to a different color. Further, the bright red that it changes to on hover looks kind of bad to me. I think the red in general is a bit too bright, and clashes with everything else. Maybe a darker red would work better in this color scheme?

  3. Small thing, but make sure to change cursor to pointer on hovering over the pet-like heart. I know Subeta doesn't do that by default, but I consider that to be a flaw to begin with, from a UI/UX perspective.

Anyway, great work and good luck with making improvements :D

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

May 29, 2017 8 years ago
Frenchi
is hopelessly romantic
User Avatar
Vivisect

i think they both look great!

with regard to torturer's page, i agree with the point about changing the white links in the text box to a darker color, and i'd suggest changing the background size to 'cover' so it fills the whole page regardless of window size. you could use something like this:

body { background: url(IMAGEURL) no-repeat center center fixed; background-size: cover}also, the pet like heart is positioned a little low and overlaps the name (at least, that's how it appears on my screen).

slander's profile is super neat, i love all the fun hover effects! may i ask what font you're using for the name?

May 29, 2017 8 years ago
Kazuhira
is sweet
User Avatar
Fortify_923

thank you! i like slander's better myself for sure @ _ @ i did his after torturer's + did a layout sketch beforehand, so it kind of had a warmup

but! i had the bg of torturer's set to 100%vh and i changed it to cover and it doesn't seem to change at all for me, but i did change it to cover ?

and yeah! i actually edited it a lot between posting it on the forum and currently (it was all black and red and i decided i didn't like the layout, wanted art, etc. it's almost completely different) and at some point the heart just stopped moving vertically. i didn't change any of the code (besides value) and i have no clue why it stopped moving. i'm trying to figure that out because i want to either position it in the corner or something, but yeah, i'm not sure why the style broke

the font i used for slander's name is love ya like a sister :V

May 29, 2017 8 years ago
Frenchi
is hopelessly romantic
User Avatar
Vivisect

you have to add the other things (no-repeat center center fixed) to make the cover look right. the way you have it now, it matches the width of the window but tiles vertically if the window is taller than the image. if you do it the way i gave, it makes the background image fill the entire window.

as for the pet like button, try adding "position:absolute" to its styling, and then change the pixel values to whatever looks best to you. if you want it in the top left corner, you could just set them both to 0.

May 29, 2017 8 years ago
Kazuhira
is sweet
User Avatar
Fortify_923

ooh alright! i think i fixed both of the things! thank you!

May 29, 2017 8 years ago
Frenchi
is hopelessly romantic
User Avatar
Vivisect

yep, looks perfect now!

Jun 21, 2017 8 years ago
LatinBsnDude
User Avatar

I'm new to this site so I'm unfamiliar with the HTML of pet profiles as of yet. I'll take a look at how to clean up your "torturer" profile. I think it's really cool but the coding is messy and it shows in the ability to interact with your links and such. Great work so far though. [edit]Alright. I have a revision. I moved some things around but I generally tried to keep the same feel. Everything is accessible and organized neatly in my version. Save your current code somewhere in case you don't like mine. Code is on Pastebin

Please log in to reply to this topic.