(Rated by 1 person, viewed by 62 people)
RavishLove has 1 Review
Below are the reviews left by other members on RavishLove. Jump to review form?
![[img: avatar]](/avatars/Mimi.jpg)
Mimi gave it
on 9th May 2010 and said:Reviewed with:
Mozilla Firefox 3.6.3 | 1600 x 900 Resolution| Windows 7
----------------------------------------------------------------------------------------------------This is my first review in a longgg time, I am so excited! I chose yours because I liked the colors in the screenshot, yay!
First Impression:
It looks a little bit messy but not in a bad way. Just needs a little shaping up I think, a few minor tweaks here and there. :) I noticed that the header and the rest of the layout are slightly different in centering. The top part is more to the right than the rest of the layout. Again, not a major issue. As I said before, love the colors used. I think my overall first impression was that it was made with love but just needs a little push for improvement.
Coding:
Looks like you did an awesome job when you validated it as XHTML 1.0 Transitional! There is only one error that was probably just an accident (happens to me constantly). It seems like a couple of the images (I think it's the advertisement buttons, not 100% sure) are missing the self-close tag. IE:
.. instead of:
As for the CSS being valid, there are a few errors. The one that is easily fixed is found in this area:
#mainpg {
background:#e4d6da;
width:712px;
float:center;
margin-bottom:30px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
padding:10px
}
float: center is not valid, there is either float: right or float: left.
One thing that isn't major (and doesn't mean yours is incorrect, rather that this is easier and shorter) but could be changed are the link stylings. For example we have:
a:link,a:visited {
color:#c8508a;
text-decoration:none
}
Instead of all that you can just put:
a {
color:#c8508a;
text-decoration:none
}
This goes for any links as well, E.g. your navigation ones, too.
The rest of the errors causing your CSS not to be valid are all of the border radius settings you have. In order to have rounded corners without using those, it's fairly simple. I am sure there are better (and easier) ways than the way I do it, but let me explain how I get it done just in case you want to do it the "correct" way.
This example will come directly out of my new layout that I actually just put up today. O_o That way I don't have to make dummy images. XD
You'll need the top and bottom parts with the rounded corners as images. Make sure they are the same width. For example, my comment area! These are the top and bottom images for that:
http://le-mimi.net/wp-content/themes/pinkisnice/images/comment-top.png
http://le-mimi.net/wp-content/themes/pinkisnice/images/comment-bottom.png
(the bottom one has that lil dip in it, yours won't though I'm sure XP)
Now to make it one big area (with rounded corners!), I used the following coding in my CSS file:
.comment-top {
background: url(images/comment-top.png) no-repeat;
width: 673px;
height: 5px;
}.comment-text-bg {
background: #f3d2b7;
padding: 15px;
width: 641px;
}.comment-bottom {
background: url(images/comment-bottom.png) no-repeat;
width: 673px;
height: 30px;
}
.comment-text-bg is the area where my text or link(s) will appear. In my layout code, I would put the following:
blah blah or link here
And voila, it's done and it doesn't cause errors. The best part is that it works on ALL browsers this way! I hope I didn't make that too confusing, I have a tendancy to make simple things difficult. Let me know if you need a better explanation, I'd be happy to help. :)
Back on about the CSS, I can see most of it is using CSS shorthand (which makes me HAPPPYY lol) but there are a few places that could still be shortened. For example the #headerimg area has background-image and background-color separately, they can be combined. In case you need a reference, here is a good shorthand guide: http://www.dustindiaz.com/css-shorthand/
Without reading every single line, your CSS is in great shape.
The only thing that really bothers me about the coding is the 'Adored" section. Rather than using tables you should use divs, tables are meant for data only. It's an easy fix, too. Just use the same float style as the footer to separate the two sections into sides, then follow this little bit from Tutorialtastic:
http://www.tutorialtastic.co.uk/tutorial/semantic_css_block_navigation
(Of course styling it the way you already have it, hers are just example styles.)
All in all the code is simple and neat, which is fantastic and makes me smile muchly. :)
Design:
This will probably be the longest section of my review since I have this major thing with colors matching perfectly, perfect alignment, etc. etc. So let's begin!
The first thing that sort of bothers me is the header image iteself. I love the idea and concept but the edges are extremely choppy and that stands out a lot against the dark background. My advice would be to use a program such as Photoshop and use the pen tool to draw it out again. The lines are simple so using the pen tool won't be hard at all! The other part of it is that the top parts of your site title are kinda blurry, that looks atad bit off. Dunno why it's like that but it should be easy to change if you decide to. In Internet Exploder (er, explorer :P) the background color of your image is a totally different color than the background, much more dark. Not entirely sure how to fix that other than re-saving it with a more color-depth png setting.
The second suggestion I have would be the color of the background when you hover over the navigation. Since it's the same color as the main area background it looks a little too matchy in my opinion. Why not try that shade of pink your links are in the body area? :D This is just a personal preference, of course. Not a huge zomg deal breaker. :P
Another personal opinion: I don't care for the shadow behind the title words. I don't know why, I don't like it on any website to be honest unless it's a 1px shadow close to the words. I think it just looks a little out of place with the rest of your layout. Also it is not supported by IE but if you want to keep it and make it look the same in IE, go to this page here on a neat little trick to make the text drop-shadow in IE: http://aext.net/2010/04/css3-ie-support/
Sometimes reviewers just point out the negatives, which is not to say everything is negative, they are just pointing out the things they think could be changed. I, however, must point out some more positives with this layout. I LOVE the font, the font size, the line spacing, the colors in general all over (PINK PINK YES PINK!). I love the smilies you use, the bullets you use (hearts ftw!), and I love the simplicity of the design. Cookies for you!!
My next personal opinion nit-pick is that area under your posts with the date, comment link, sexy bookmarks plugin, etc. The background color is so dark and matches the main background color, I just don't like that so much. I think it would look much better with a lighter grey that still stands out but isn't so bold.
In the comments I think the actual comment area background and the color of the input areas when you hover over them are a little bit too light. Either that or I'd change those to a light pink color, slightly darker than the main area background. I just think that faded grey doesn't match too well, that's all. :)
On scrolling down (I kind of review from top to bottom lol) I see that the footer is lined up with the header, and neither of these are lined up right with the main area. The main area is jutting out to the left slightly. I think I've figured this out. The float: center was from this area, which isn't valid. I looked in your coding and I see that you are using the centering cheat (which is good!) but not entirely the right way. Here is what needs to be fixed.
In your CSS to get the centering cheat to work, you need to change the body section from this:
body {
background:#2f2a2b url("") fixed;
text-align:left;
font:100% georgia, sans-serif;
color:#404040
}
to this:
body {
background:#2f2a2b;
text-align:center;
font:100% georgia, sans-serif;
color:#404040
}
text-align: center makes the page centered, but it will also make all of your text centered, too. So simply add text-align: left to the main area or any of the areas that have text in them so they line up on the left. More detailed explanation here: http://www.tutorialtastic.co.uk/tutorial/the_centering_cheat
The images you are using in your footer are neat but I think the white behind the words is a bit too bright, it's kind of distracting.
The h3 tags, with the white text, are kind of hard to read on that light background. I might suggest making it a bit darker of a color, maybe a dark grey to match? Or a darkish pink?
The last thing I want to say about the design is I am loving the little mini-navigation on the pages. That is small, unobtrusive and very effective. Me likey. :P
Content:
LOL LOL AND LOL @ the first part of your about page. You KNOW what I am talking about, haha. The rest of it was nice and informative. :)
Kudos for crediting, you'd be surprised at how many people don't do this. It makes me arughghhga[ihdsl. hehe
I like the article you have, it's kind of short but it works. I don't know if it would qualify as an article per say but I did enjoy reading through it. There needs to be a litttttle bit more space in between each link/example though, they are smooshed together and making the spacing a little off.
Impressive that your BB tutorial is featured on Jemmy's site, that means you did very well on it! I love how you have the sections "skipable", makes it easier.
The DOCTYPE tutorial is a good list of them, but a tutorial generally explains the how's and why's. I would look more into these different DOCTYPES and explain a little more about them.
I am a little sad that there isn't much content to see. I think your site IS relatively new though, yes? So it's just a matter of time.
[u]Final Thoughts:[/u]
Well I like it pretty well, just little minor things here and there. Get some awesome content soon, that's what makes people stay generally! I will give you three and a half stars because your site is well made and has a great start. I would normally take away a star or half a star for the lack of content on top of the rest but since your site is pretty new it's kind of to be expected.
Tweak it up a bit and let me know if you use any of my suggestions, I totally want to see what you do with everything! :)
Using Firefox on Windows | Report This?
Kaykrystal's Response:
Awh, thanks Mimi for reviewing me! This was a good review because it's long and detailed. :)
Hehehe. Yeah I found out about ravish a bit after I bought the domain and wrote the about page. :)
About the header I used the selector tool which makes it choppy but I recently learned from Catherine (skylish.co.uk) that using the pen tool makes it UNchoppy? Lol. I don't have photoshop but I find PSP good too! :)
Thank you for the centering help, I feel lazy and don't feel like fixing it now LOL but I'll definitely fix it up. I noticed the centering was off as well but I didn't know how to fix it. :P
Write Your Own Review
Leave your feedback for RavishLove below, and remember - the longer your review, the more points you receive. Don't forget to look at things like style/design, content, coding and originality as they will all help to improve the quality of your review.
You have to be logged in to write a review.