header Design

[David F3K]

Hey guys,

I have had a mental block on what to do with the background for the header, I would like something that blends in with the white background but cannot think of anything!

If you give my site a look and have any ideas it would be much appreciated!

My link

[Guth]

I'm not sure what you mean? I think it looks great!

Do you mean inside the white content box?

The rest (which I would call the header) looks awesome to me!

[David F3K]

not to sure on all the blue and if its just too plain, I think maybe an image or texture might look better but really cannot think what!

[Guth]

hmmm, youll probably need another opinnion then.

I like plain :)

[GilgaMesh]

  On 12/07/2011 at 15:04, Guth said:

hmmm, youll probably need another opinnion then.

I like plain :)

Gonna have to agree, looks great as it is.

[Guth]

Took another look and the only thing I would do if it were mine would be to add a little padding under the logo (between the logo and the main white content area)

maybe only 5px or something.

That's just a personal preference though.

#top {
padding: 12px 37px 5px;
position: relative;
z-index: 1000;}

gives this:

[David F3K]

I have taken your advice about the logo placement but also been working on a few other bits, so far I have created a box for the upload rather then have a blending page, changed the background, added a background to the footer.

Still need to adjust the css on the page that is displayed after a upload thou.

[Guth]

  On 22/07/2011 at 12:32, David F3K said:

I have taken your advice about the logo placement but also been working on a few other bits, so far I have created a box for the upload rather then have a blending page, changed the background, added a background to the footer.

Still need to adjust the css on the page that is displayed after a upload thou.

Site now looks terrible on my screen for some reason (1280x1024) - all the text has shrunken so it looks like it has no anti-alising.

I need to zoom in so it looks clear like before but then zoom is at 120%

Also a few things need lining up, see this pic, the border for the image resizing doesn't line up with the end of the text box which and either does the Fusion logo at the bottom, its visibly out of line.

Also when you select the image resize, it would be better if the whole white background got longer with it, so the logo wasn't pushed off into the background.

See image:

[David F3K]

Ok I have fixed the issue with the font (i think) looks like I changed the font to Myriad Pro but not the whole family, as with the fusion3k image in the box that was not meant to be there as I was testing for a banner and have now created a placeholder in the correct place.

I havent quiet figured out how to expand the box without loosing the round bottom as it is 2 separate images

[Guth]

  On 22/07/2011 at 13:06, David F3K said:

Ok I have fixed the issue with the font (i think) looks like I changed the font to Myriad Pro but not the whole family, as with the fusion3k image in the box that was not meant to be there as I was testing for a banner and have now created a placeholder in the correct place.

I havent quiet figured out how to expand the box without loosing the round bottom as it is 2 separate images

Yep all looks better now :)

preferences is gone but i'm guesing you already know that.

As for expanding the white box so the text doesn't overflow it on the page after upload.

I think you either use the rounded corners as a top image and a bottom image for a div with a background of white, so it will be as long as the text is.

or use the new css3 -webkit-border-radius and -moz-border-radius and use your images for older browsers.

[David F3K]

I will look into that, thanks! Yeah removed the prefs because they dident actually work that well plus I hated the extra button!

[David F3K]

Ok, so decided to completely rebuild the site and add a yousendit style service (but for free!) as I required this service at work.

Here is the link to the live site: http://fusion3k.net

[Guth]

  On 07/08/2011 at 20:01, David F3K said:

Ok, so decided to completely rebuild the site and add a yousendit style service (but for free!) as I required this service at work.

Here is the link to the live site: http://fusion3k.net

100 Times better! I liked the original but this is so much cleaner and easier on the eyes!

I love the new feature of entering 1 size then the image keeps its aspect ratio, entering two then it will not.

I see you also got the whole container expanding now which is also so much better than before! Very nice work indeed!

Only suggestion is for the Image/Document buttons, some different background for the active one would be good I think. It may just be personal preference though as I've always hated navs that don't show your current page.

I've hade your site in my bookmarks but hadnt been back. May I ask how you are willing to provide free hosting?

Doesnt it cost you a fortune in server costs!?

[Gocom]

  On 10/08/2011 at 00:09, Guth said:

May I ask how you are willing to provide free hosting?

Doesnt it cost you a fortune in server costs!?

Providing well scaling network, like the file hosting services do, would indeed cost pretty. It's other thing if you don't have CDN, and you are providing content from shared hosting server with the price of couple dollars a year.

As it is now, the service probably can't handle that many requests, not as many as the big file hosts do. But David can always invest to the service and improve it. One of the possible problems with the site currently is that the images seem to be handled by a PHP script. The links don't point to static files, instead PHP reads, (possibly sizes?) and echoes the content, and the images send cookies and the file landing pages send no-cache headers.

To make the files use less resources, I would make the images link to static (already pre re-sized) files directly. The files, static media content, could also be handled using a different sub domain (or a domain) that doesn't have cookies set. Decreases the amount of bandwidth lost in cookies, and caching the landing pages as static files instead of them being dynamic could help too.

[David F3K]

Thanks for all your input, I will be changing the buttons so they do change to the grey one when on the page.

I am not to worried about the bandwidth as I have not been actively advertising the site and its more for a work need and then needs of up to 50 users in the marketing department's.

My host gives me unlimited bandwidth as long as I don't go over the top and files sizes are kept down by the documents being deleted after 7 days automatically.

And also I will look into static addressing for the images!

Thanks for all your input!

[DrJohnSmitherson]

A little off topic, what happened to your email service?