My WP
-
Newly skinned…I did the layout myself π Unfortunately, my hosting company accidently deleted my MySql Databases, so I had to reinstall…so right now, I dont have much. Let me know what you think?
I’m only 16, so dont be too harsh π Does it look ok on your browsers?
-
Nice job.
Suggestions:
1/setting the font size in em on the body triggers a bug in ie that causes fonts to go goofy on zoom. Change the body declaration to:
font-size: 90%;
and use a raw number for line-height(no unit after it)
line-height:1.3;
2/ the content text readability will improve if you could see your way clear to bump the contrast a little. It is kind of too light now.
3/More important: keep up the good work!!!Nice … but very light colors ?
Thanks for the suggestions π I tweaked the colors a little bit…not sure how much it helped though.
Hi, I think you did not understand– or I did not make myself clear. To avoid the IE font-scaling problem, the font-size on the /body/ needs to be a percent. You had font-size: 0.9em; That should change to font-size: 90%; The font-sizes throughout the remainder of the stylesheet should then be expressed as /either/ percent or em.
Only line-height is a raw number, and it is so whether it is in the body declaration, but also throughout the style sheet.
So to review;
1/ font-size on body expressed in percent unit
2/ font-sizes on individual selectors in percent /or/ em’s
3/ line-height in the body declaration and throughout the style sheet is a raw number(no percent or em unit is used).Freak yourself out. Try #000 for the content text.
aesop is right. once you fix that, your site will view well in bot IE and FF. I also think you need a little more contrast between your posts and background. Just a little nudge.
Sorry about that- you were clear in explaining, I just didnt understand π I changed the font sizes to percents, and left the line-height numbers as raw numbers. I also changed the post text to #000 …I’ll change some of the lighter colors as well. Hopfully it looks a little better?
You are an *exceptionally* talented young woman.
Do not let this long list scare you. Trust me, you are doing far better than some of the folks on this forum who “think” they know what they are doing.
1/ #ooo on the content text does read better.
2/ Tweak the the contrast on the other font colors, too. No need to go crazy with it– just experiment a little. Color adjustment can be made over a long period of time.
3/ You had 0.9em on the body declaration. I suggested 90%. You made it 100%. This is good!!! Brings it up to user default.
Some versions of Opera have a rounding error. Change 100% on the body to: 100.01% to be even nicer to Opera.
4/ #rap{/*font-family: Georgia ,serif; font-size: 95%;*/}
You have already declared the font-family in the body. Not necessary to repeat it. Delete the font-size as well.
5/ my error here–just forget 5.
6/ letter-spacing, unlike line-height it requires a measurement unit:
acronym, abbr, span.caps {letter-spacing: .07;}
the unit for letter-spacing is either px or em. Personally, I see no need to letter-space that stuff, but– it is your call.
7a/ Content-text is controlled with this ruleset:
.post-content, .page-content {
font-family: Georgia;
font-size: 90%;
}
You can delete Georgia as it is inherited from the body declaration.
Now comes a tough one:
***Do you want the content text letters to be 10% smaller in both the heigth /and/ width of what any user in the world has declared as their default? If your answer is ‘yes,’ leave font-size: 90%;(you will now be declared as being *very* cool).
***Or do you instead want relinquish your ‘coolness’ and practice typography(basically typography is about making content readable). If so, delete font-size: 90%; and replace it with font-size: 109%;(or whatever just before Georgia trips to a display font). If so you will no longer be cool. But then you won’t be a control freak either.Your Call!
7b/ line-height for content text:
You have
p {line-height: 1.5;}
Typographers think of blocks of content text as though it were a piece of fabric or fine tapestry. Try to think that way, too. Squint your eyes at the blocks of content text. You will see its color(I am talking about the black-whiteness of it, not its hue). You can adjust the color of the tapestry by adjusting the leading. Leading is like sort of the the space above and below the lines of text. CSS uses line-height to adjust the lead and half-lead. Experiment with gently tweaking the line-height to subtly alter the color of the fabric. Clue: you may be just a tiny bit light right now…
See the leading/half-leading specs: http://www.w3.org/TR/REC-CSS2/visudet.html#line-height
8/#sidebar stuff:
Experiment with these– your call:
a/font-weight: 200 rather than bold on h2.
b/font-size: 95% rather than 90%on #sidebar ul
9/same on the font-size here: .post-info, .page-info
And not necesary to repeat Georgia– it’s in the body declaration.
10/ .page-title {font-size:1.0;}
No big deal– you need a percent unit here (font-size)
11/ .post-date
No need to repeat Georgia.
12/ .commentlist {font-size:1;}
Hmmm…
13/ #comments,#respond {font: 90% Georgia;}
Re-write to read:
14/ #topnav
Delete Georgia.You are looking good and standing tall!
Beautifully realized. I like the lack of contrast, it’s not hard to read or see. Love the colors! It’s too bad about your databases….
Keep up the good work!
aesop- thanks for all the suggestions π Not sure how many I’ll be able to get around to, but I will try to fix many of the things you’ve discussed. Its ncie to have someone actually trying to help, thanks!
Hi
I really like it. Lovely design. Slight problem when I clicked on the categories:
Fatal error: Only variables can be passed by reference in /home/chelsea/public_html/wordpress/wp-includes/classes.php on line 629
Enjoy the blog.
Rich
— luxx: Time is a clock without hands. Fix what /you/ feel needs to be fixed when you feel you have time to do so. No one is holding a stop-watch…Either way, keep up the fine work.
— cregy: Rich, nice to see you here. ~dL
The topic ‘My WP’ is closed to new replies.