06-22-2002, 06:33 PM
I'm not sure if this is the best place to post this, so Mods if it needs to be moved, please do so.
I'm trying to come up with a new layout for my site. Please let me know what you think of this design...
Please let me know if you see any rendering problems. I've tested locally on Win98 in IE5, NN4.04 and NN6.1. Really interested in knowing how this renders on a Mac and Linux.
Anyway, your feed back is really appreciated. Thanks
06-22-2002, 09:11 PM
i find that hte white banner on the blue backround looks a bit wierd. maybe you shopuld feather the borders of the banner or sumthin like that. its just the contrast that looks a bit ugly but for the layout it very good! i like the menu on the left especially :D
I thought the top banner bit was the downfalling too - should be
more in line with the #666677 background.
The 'hello' in the lil box on the left should have cellpadding = 2+ :D
Centreing the lot would help too.
Oh darn - now I started finding niggly things I keep noticing
more - d'oh...
The grey based blue is wonderful - the other blues just glitch for
me - maybe running through the blue+=11 system for the colour
base might work #111122, #222233, ....#AAAABB... - haven't
looked at those colours, often works though - increasing each
rgb value the same amount.
Subnote: If you haven't as yet got a sytem for the Artist's
Galleries, just keep an eye on the PHP forum in a week or so. - oh,
errrr is advertising [even post beta] allowed?
06-23-2002, 02:31 AM
Thanks for the feedback. I added a little feathering on the top of the banner. I tried to make the banner in a darker color but just can't seem to get something I like. I suck a graphics.
Okii (aka pootergeist) the blues you are referring to, is that the top nav bar (Nature, Waterfalls, etc) ? I was debating what to do with that. Go with the prograssively darker theme or pick one of the combos there and make the whole bar the same. In the "hello". Still working on that. It will change.
Anybody test the rendering on a Mac or in Opera??? Let me know if you see anything goofy. Thanks
06-23-2002, 02:43 AM
Quality :D except for the white bg'd title and the title's font; it's not cool like the rest of the page. Also users with poorer monitors than mine may find the contrast between bgcolor and text on both body and menu's difficult, it maybe they're a shade too close.
06-23-2002, 03:34 AM
/me would put your 'header' jpg in the same just a table® as your 'shaded/4/tds'...n' thennn it twould be the 'same' width...:O))) n' not have just a jagged® edge...
n' /me thinks your 'pics' stood out n' made ya take notice on the ol' site vs this dark grey one...mayyybe have your 'header/links' fade into the bgcolor??? which like /me said earlier thinks should be just a lightned®...
/me would just a center® the ol' site tooo.../me doesnt like when ya have just a blank® space left there...:O(((
ifin' youre wanting to doublematt your graphics though??? donttt have such just a wide® 'white' part...:O)))
evvven though /me doesnt just a do® graphics/nordesign.../me would just a do® that stuff...lol...
just a btw® tooo...niccce pics...:O)))
06-24-2002, 08:28 AM
First, i'd like to second Mouse on the contrast; maybe lighten up the body text a little. It isn't too big as it is, so it shouldn't hurt if it stood out a little more.
Second, the content neither scales nor centers; my personal favorite is having the content fit the available window size as far as possible, but if you don't fancy that i would at least suggest centering it in the window as opposed to sticking it to the left.
Otherwise: looking good!
06-24-2002, 12:39 PM
Justame - Good call on the table for the banner and the navbar. Originally the divs were seperated, but I didn't like the look so I moved them together. I don't get the jagged edge except in NN.
Also, I'll be shading the yellow from bright to dark to keep with the navbar theme.
I'm thinking the biggest thing is the header. I'll try to work on something that mixes well with the blue-grey theme.
I think I will bump up the contrast a shade. I've developed this on a laptop and haven't had a chance to look at it on a normal monitor until now. I see.
Thanks for the help all.
06-24-2002, 04:59 PM
Change the little yellow arrow when you roll your mouse over the side bar - it's kinda choppy - see if you can soften the edges up a bit, maybe even get a 3d effect or something...
When you're advertising pictures - you gotta make sure your own graphics are of top quality.
Also, get rid of the 'hello' box ;)
06-24-2002, 11:45 PM
I should point out that in Opera 6 the text of the links under the banner shows up blue, which doesn't go well with the blue background. I think this is something to do with Opera ignoring something in your CSS, but as for how you'd fix that I'm not sure.
Also (still in Opera 6), the arrows don't always dissappear when the mouse leaves each menu item, and if I was being really picky I'd suggest making the mouseover effects work across the whole width of the menu, not just the text of the anchors.
On the whole though, I do like the layout of the site. I voted the middle way. :thumbsup:
06-25-2002, 05:25 PM
looks nice. you might want to center the whole thing, since on higher resolutions it's by itself on the left, with a lot of blank space on the right. this is just a personal preference, though.
06-25-2002, 06:54 PM
As you can see, I'm using CSS to position DIVs in this design. I've done some experimenting with relative positioning and using %s instead of pixels, but I can't get something that display well in all browsers (NN4+ and IE4+)
I suppose I could use tables, but I want to "expand my horizons" and start using more css. Ah, maybe I'll just scrap the whole version 4 thing and go for version 6 instead with xml. Nah. Maybe later. (2010 or so) :)
06-26-2002, 03:45 AM
I think it looks great with the same exceptions listed above.
Have you tried serving old browsers there own Stlye Sheets? It will allow you to position and use DHTML for the DOM browsers and (hopefully) dump everything nicely on the page for v4
06-26-2002, 09:50 AM
Find the glare of the banner there still however...
what you could do is if you are using photoshop and have layers and that white layer is seperate, you could tone it down with either "Hues" (Ctrl+U) or change the color balance (Ctrl+B) or perhaps change the contrast/brightness.
Hopefully that would help.
Good luck.. Like the layout a lot though, can't wait to see it fully functional.
06-26-2002, 12:53 PM
Have you ever thought of making your banner transparent? I think that would make it a lot nicer. If you want to do this, you'll have to open your two banner images and save them as a BMP. Then, find a program that can convert BMPs to GIFs. A program that I have for that is called BMPtoGIF - fitting title huh? :D The, go to gifworks.com and you'll be able to open them and add a transparency. If you want me to do it, I'll be happy to. I'll post the images here. Good luck on your website!
06-26-2002, 01:52 PM
I think the transparency thing's a good idea. But I'll have to redo the font-colors. It gets too hard to read otherwise.
Thanks for the idea
06-26-2002, 01:59 PM
Anything to help a fellow webmaster!
06-26-2002, 03:45 PM
I viewed it from a Mac OS X station with Mozilla 1.0.
The colors and layout are beautiful, but the main body text is just a hair too small to render nicely. Another 3 points larger would make a huge difference.
06-26-2002, 04:01 PM
Thanks, what's your screen res at? I didn't want to pump up the text size too much. Maybe a point, but I don't want it too big.
I'm working on incorperating all your suggestions into a new page. I should have it up soon. Thanks all.
06-26-2002, 04:05 PM
I am using 1024x768 for my default resolution...
06-26-2002, 04:17 PM
Thanks, like I said before, I developed on a laptop. The only res I can use is 8x6 :( Oh well. Thanks for the input.
btw- I guess I owe you 2 cents now. Man that sucks. Do you accept VISA
06-26-2002, 04:36 PM
When in doubt, develop to the lowest common denomenator. I don't know what the current "Average" resolution is, but if 800x600 is what you have, develop to that and put a note in the footer that it's best viewed at that.
As for cost, It'll work itself out in the end... Just don't use those $.02 to vote for MS products and I'll be happy. :)
06-26-2002, 05:53 PM
If you want to see what it looks like on Win2k Professional in IE6 @ 1152x864:
I shrunk it down (obviously) so you should be able to see in on your laptop.
The most common resolution is 800x600. Always develop for with that in mind unless you can garentee a higher res, like for an intranet site.
06-27-2002, 08:30 PM
Well all, I updated the site a little and incorperated the designs modifications you suggested. If you get a chance to check it out again, that'd be great otherwise thanks for the input. I now have the template I think I'm going to use. Thanks again for the help.
06-27-2002, 11:54 PM
Very nice, IMO you just need a better arrow.
06-28-2002, 05:39 AM
Very Nice! :thumbsup: :D :) :cool: ;)
The background for your banner looks much better. I also went to your original version, w/o the test/ directory, and it looks much nicer. The layout nd color scheme, is very much improved. Color scheme is the most important to me. Well, nice job, and good luck with it in the future! :cool: