How do you make a header similar to Deviantarts?

Discussion in 'Graphics & Multimedia' started by Quintox, Oct 17, 2007.

  1. #1
    I want to make a simple header similar to www.deviantart.com . How do you make it adjust to whatever the viewers resolution is?

    I know this is simple I just don't know how to do it, I can make it once I know what to do.
     
    Quintox, Oct 17, 2007 IP
  2. Kerosene

    Kerosene Alpha & Omega™ Staff

    Messages:
    11,366
    Likes Received:
    575
    Best Answers:
    4
    Trophy Points:
    385
    #2
    A fixed image on the left (the logo)
    A fixed image on the right (the rounded corner)
    And a div with no width in the middle - set to the same bg as your other 2 images.

    [​IMG]
     
    Kerosene, Oct 17, 2007 IP
    k1unit likes this.
  3. night|shift

    night|shift Peon

    Messages:
    22
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #3
    that's it.
    And if you wanna use a gradiant instead of one color, you make a 1px width image with header height with the color gradiant.
    In CSS, you adjust this image to a particular percentage of width, e.g. 80%:
    The 1px image fills 80% of the users browserwindow, whatever the resolution.

    ~
     
    night|shift, Oct 17, 2007 IP
  4. Quintox

    Quintox Peon

    Messages:
    239
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Ahh OK thank you very much!
     
    Quintox, Oct 17, 2007 IP