• 0

header Design


Question

15 answers to this question

Recommended Posts

  • 0

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:

post-147642-0-80185700-1310487604.png

Link to comment
https://www.neowin.net/forum/topic/1011648-header-design/#findComment-594152612
Share on other sites

  • 0

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.

Link to comment
https://www.neowin.net/forum/topic/1011648-header-design/#findComment-594180690
Share on other sites

  • 0
  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%

sIbrN.png

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:

RxNOy.png

Link to comment
https://www.neowin.net/forum/topic/1011648-header-design/#findComment-594180700
Share on other sites

  • 0

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

Link to comment
https://www.neowin.net/forum/topic/1011648-header-design/#findComment-594180746
Share on other sites

  • 0
  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.

Link to comment
https://www.neowin.net/forum/topic/1011648-header-design/#findComment-594180786
Share on other sites

  • 0
  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!?

Link to comment
https://www.neowin.net/forum/topic/1011648-header-design/#findComment-594223830
Share on other sites

  • 0
  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.

Link to comment
https://www.neowin.net/forum/topic/1011648-header-design/#findComment-594223940
Share on other sites

  • 0

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!

Link to comment
https://www.neowin.net/forum/topic/1011648-header-design/#findComment-594224708
Share on other sites

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Posts

    • As Total War turns 25, Creative Assembly is teasing a "new era" for the strategy franchise by Pulasthi Ariyasinghe Creative Assembly has now officially been making Total War games for 25 years. It was in June 2000 that the UK-based studio put forth Shogun: Total War for PC, with Electronic Arts publishing the ambitious project. With a quarter of a century now behind the series, the developer is now looking towards the "next era" of Total War. The studio will host its first-ever Total War showcase in December 2025, which is described as a "flagship video presentation unveiling what’s next for the franchise." Creative Assembly said that the showcase will have announcements for new games as well as content for existing titles, with developer commentary also happening regarding the future of the series. "We’re honoured and humbled to be one of the few video games that get the chance to celebrate such a huge milestone, and we want to thank colleagues past and present, as well as our fans for all the support," says Total War vice president Roger Collum. "2025 marks an exciting new era for the franchise as we reveal what’s next for Total War, and we can’t wait to celebrate throughout the year with everyone." Read an anniversary letter from Roger Collum regarding the studio's history, Total War beginnings, and more over here. Prior to the showcase, Creative Assembly will be hosting retrospective video interviews, developer livestreams, and more behind-the-scenes content regarding the series starting this August. There will also be multiplayer tournaments for fans, giveaways, Q&A sessions with developers, mod spotlights, and more events happening during this period. As the studio celebrates the occasion, a massive Total War historical games sale has just gone live on Steam. This has discounts of up to 75% across everything from the original Shogun: Total War to the latest entry, Total War: PHARAOH. The discounts will last until June 26.
    • ANY standard Windows PC, either desktop or laptop, can install the Copilot app, period, no NPU or Copilot+ certification required. I should know, I have it running on a 3770K (2011) Windows 11 PC and works perfectly fine. So, your laptop can definitely run it, too.
    • Just what the driving public does not need--still another very attractive and addictive distraction.
    • You think Musk fixed any of that? Wow.
    • No, my laptop really, truly does not meet the specs for Copilot, which is no doubt why it was never installed. So there's no problem here to solve.
  • Recent Achievements

    • One Month Later
      POR2GAL4EVER earned a badge
      One Month Later
    • One Year In
      Orpheus13 earned a badge
      One Year In
    • One Month Later
      Orpheus13 earned a badge
      One Month Later
    • Week One Done
      Orpheus13 earned a badge
      Week One Done
    • Week One Done
      serfegyed earned a badge
      Week One Done
  • Popular Contributors

    1. 1
      +primortal
      539
    2. 2
      ATLien_0
      258
    3. 3
      +FloatingFatMan
      179
    4. 4
      +Edouard
      166
    5. 5
      Xenon
      118
  • Tell a friend

    Love Neowin? Tell a friend!