View Full Version : First design ever
david432111
November 25th, 2008, 13:10
Well this is my first design ever, so I hope you guys like it. If it's ok/good It might become Wiizdom.com's new design otherwise it'll be used for something else. Please don't be too harsh :)
http://wiizdom.com/html
fnixws
November 25th, 2008, 14:17
looks suspiciously like
http://zendfree.com/
But i say stick to the joomla site or portal :P
anhedonia
November 25th, 2008, 16:47
Looks pretty good to me - doesn't scream "first design ever", you didn't make any critical mistakes most people make on their first try (anyone else remember the days of Geocities pages and thinking animated .gifs everywhere were cool?).
As fnixws said, though, it does look quite similar to the ZendFree site. I think if you changed the background pattern on your coloured boxes to a different shape or style, it would be different enough and wouldn't cause any dramas. :)
hamster
November 25th, 2008, 21:30
Heh, I doubt the new owner would even be able to find your site anyway :P He's a little slow if you catch what I mean...
EDIT: Oooo, you took some of the HTML and CSS as well :) Anyway, do tweak it more just in case the new owner finds out :|
Dan
November 26th, 2008, 00:47
Well, if he took the design from somewhere else and made a few small changes then it would still not be his design would it?
david432111
November 26th, 2008, 08:08
Took some of the code for the package boxes, but the footer, and navbar is all mine. I also made the sidebar with the logos my self. Used your code for the package boxes, but made new images. Couldn't think of anything else to put there I'll remove them now. Also all graphics are mine if anyone asks.
Edit: All hamsters code has been removed :)
david432111
November 26th, 2008, 13:19
Almost done.
fnixws
November 26th, 2008, 14:17
Now it looks like a cross between izfree and zendfree :P
Hamster myst be ver inspiring :)
Shrink that banner i say.
david432111
November 27th, 2008, 12:55
Everything is now hamster's... :P
JohnN
November 27th, 2008, 17:47
not bad, your colors need some work though. The block green isn't great and neither's the gradient, try http://colorlovers.com
The nav rollovers cause the text to jump about, might want to sort that
The page also looks too stretched, narrow it down.
great first effort though, sure as hell better than my first designs ;-)
anhedonia
November 27th, 2008, 18:34
Holy banner, Batman.
Shrink that banner, it's MASSIVE! :)
Also, colourlovers is a great website. Highly recommend it.
david432111
November 28th, 2008, 06:38
not bad, your colors need some work though. The block green isn't great and neither's the gradient, try http://colorlovers.com
The nav rollovers cause the text to jump about, might want to sort that
The page also looks too stretched, narrow it down.
great first effort though, sure as hell better than my first designs ;-)
Any idea on how to keep it from jumping? It can't be less wide, that's as narrow as it'll go. Setting the wrapper to anything less than 800px doesn't work.
Edit: Shrinked the banner. You guys think these colors (http://www.colourlovers.com/palette/447550/magnolias_for_life) would work?
david432111
November 28th, 2008, 07:10
Changed the colors. What do you guys think?
hamster
November 28th, 2008, 08:04
The banner is squashed, remake or adjust it ;)
david432111
November 28th, 2008, 09:21
Adjusted.
david432111
November 28th, 2008, 10:08
I hate Ie. The only way to make it look good in in ie was by messing up the code with some old stupid center tags and other hacks like ending a center right before the text and starting one right after the text again so the text doesn't look stupid. But hey, at least it works.
hamster
November 28th, 2008, 10:27
body {
text-align: center;
}
#yourwrapperdiv {
margin: auto;
text-align: left;
}
Works on all browsers and validates ;)
david432111
November 28th, 2008, 12:09
Thanks :)
david432111
November 28th, 2008, 12:49
Used a utility called tidy html. Did everything except for a few things I had to do myself. :D
david432111
November 28th, 2008, 13:58
All pages now validate in both html and css.
Cheap Bastard
December 4th, 2008, 03:16
one bar (the top one) is fullscreen, the other two aren't. Maybe that's just me but I'd make them all partial. Also, add some padding-left (or just padding, it's text after all) to the main body's text - try 5~10px... It's hugging the browser now. If nothing else it should improve readability.
And personally, I'd center the page.
All in all, very respectable for a first timer, even if you copy'n'pasted. I remember my first website where I didn't even close most of my tags... (not geocities, angelfire :)).
Powered by vBulletin® Version 4.1.7 Copyright © 2012 vBulletin Solutions, Inc. All rights reserved.