Replies

Sep 1, 2016 9 years ago
IronicScorpio
only has room for one
User Avatar
Xefesir

Okay, so I had some serious mishaps when I first started this little project, but I eventually got it down. This pet page isn't meant to be anything complicated, I wanted tasteful, simple and cute. I also did my best to match the style with my pet. It is for my bloodred jollin Lumin.

https://subeta.net/pets/Lumin

Check it and tell me what you think? Keep in mind, I haven't had computer access for almost a year. So I am very rusty. Some of the positions had to be just a smidge rough so the content would fit in their designated boxes. I made a column for her stats, and I connected it to the image of Lumin, because honest it looked awkward connecting to nothing.

"...I've been through it all baby, I'm mother courage."

Sep 1, 2016 9 years ago
Frenchi
is hopelessly romantic
User Avatar
Vivisect

well, first of all it looks like you're using right positioning when you should be using left positioning. this is an issue because depending on how big your browser window is, things will move around and the background will stay static so they won't line up. all you need to do is change wherever you have "right:__px" to "left:__px" and then adjust the number until it's in the right spot.

also the black text is impossible to read on the dark background, as is the red text on the gray background. i would suggest making it white or light gray, or some other light color so that it is visible. you can do that with the following:

, , body, , {background-color:transparent; color:} or whatever color you prefer, if not pure white.

finally, the dimensions of the background image are a bit awkward. i'd suggest moving the credit section up, around the bottom of the story section, so that it doesn't go off the bottom of the page and become unreadable.

that said, i like the idea of it, and it's impressive considering you haven't done anything like it in so long.

Sep 1, 2016 9 years ago
IronicScorpio
only has room for one
User Avatar
Xefesir

see, the background is being wierd. I have changed that sucker ten times, and it keeps stretching like that. The actual image, is a lot smaller than that, it was made to fit, but everything on it compact, with just a little empty space on the edge. Originally I was going to put Lumin's face on the very right edge, but tossed the idea once it started all of that mess.

When you said black text, at first I was confused xD but I realize what you mean now. Yeah, white may be the better option for the text. I did use right, Not sure whyyyy...? I just kind of did. But I will play with it some more and see if I can't fix it. I hate changing it from absolute, only because Everytime I open the page after that, they still move?? Eh. I will get it down.

But thank you for the compliment :3 I took a little more time on this one. The background from before was just to give me an idea. I am planning on trying a couple of things when I get this done. One, I want to do all of my pet pages, and each pets story goes with the others, in the order in which they were adopted/created. Then, I want to figure out some prices, and once I get good enough again I would like to make a forum and set up shop. Then maybe, enter the pet spotlight from time to time and see how I do. I just need to get this one at 100% then I can proceed >< pain in the neck, haha

"...I've been through it all baby, I'm mother courage."

Sep 1, 2016 9 years ago
Frenchi
is hopelessly romantic
User Avatar
Vivisect

try using this code so the whole background appears when you scroll down:

body {background:url(http://i67.tinypic.com/9utg6p.png) 1600px 1120px; height:1120px}

Sep 2, 2016 9 years ago
IronicScorpio
only has room for one
User Avatar
Xefesir

Now, we have the finished product :3 https://subeta.net/pets/Lumin

"...I've been through it all baby, I'm mother courage."

Sep 2, 2016 9 years ago
Frenchi
is hopelessly romantic
User Avatar
Vivisect

it's definitely much better, but that red text is still awfully hard to read - maybe try making it a darker shade of red, like the color you've used for the name and section headings? also i know you can't see it on your end but the spotlight nomination link is overlapping the stats section. you can open the page in another browser where you're not logged in to see it, and then reposition it in the browser where you are logged in.

Sep 2, 2016 9 years ago
IronicScorpio
only has room for one
User Avatar
Xefesir

O.O oooo Can you tell from your end the guesstimation of the position I will still try the browser bit though

"...I've been through it all baby, I'm mother courage."

Sep 2, 2016 9 years ago
Frenchi
is hopelessly romantic
User Avatar
Vivisect

if you want to put it below the stats, you could do this:

.pet_spotlight {position:relative; top:400px}

Sep 3, 2016 9 years ago
IronicScorpio
only has room for one
User Avatar
Xefesir

Done :3 Thank you so much for all of your help!

"...I've been through it all baby, I'm mother courage."

Please log in to reply to this topic.