Pre Migration New Site Header Design - Your Thoughts?

Discussion in 'Site Feedback' started by Nathan, Aug 25, 2010.

  1. hughes

    hughes New Member

    Aug 9, 2010
    226
    1
    0
    Software Specialist
    Columbus, OH
    Ratings:
    +1 / 0 / -0
    What I was going to suggest was to make the right side the stretchy one if you will. :p
    Create your nice gradient image and fix it left with the far right hand side being a background color.

    Something like...

    #header
    {
    background-color:black;
    }

    #header img
    {
    position: relative;
    left: 1px;
    }

    then html

    <img src="img.jpg" />

    ***Might look funky is you're using an absurdly wide screen like a 50" monitor. lol This is the simple way. :arf:
     
  2. Johngo

    Johngo New Member
    Supporting Member

    May 18, 2010
    1,671
    200
    0
    Art Director
    Sugar Hill, GA
    Ratings:
    +200 / 0 / -0
    You have a PM... :Thumbsup:
     
  3. hughes

    hughes New Member

    Aug 9, 2010
    226
    1
    0
    Software Specialist
    Columbus, OH
    Ratings:
    +1 / 0 / -0
    You have a phone call! lol :cornut:
     
  4. Nathan

    Nathan Founder

    Mar 30, 2009
    25,144
    10,052
    113
    Writer
    Short North
    Ratings:
    +10,069 / 0 / -0
    You call that wide....heh
     

    Attached Files:

  5. Mr. Jim

    Mr. Jim Mudshark
    Lifetime Supporter

    May 22, 2010
    3,390
    1,213
    113
    North Carolina
    Ratings:
    +1,221 / 0 / -0
    and not very tall either ............ :rolleyes:
     
  6. hughes

    hughes New Member

    Aug 9, 2010
    226
    1
    0
    Software Specialist
    Columbus, OH
    Ratings:
    +1 / 0 / -0
    What are you using to view the webpage a 50" monitor?
     
  7. Metalman

    Metalman Well-Known Member
    Lifetime Supporter

    Sep 29, 2009
    12,731
    7,688
    113
    Ex-Owner (Retired) of a custom metal fab company.
    Columbus, Ohio
    Ratings:
    +7,960 / 1 / -0
    Keep in mind we might have some MINI followers at NORAD, with their 80 foot wide monitors.:D
     
  8. Johngo

    Johngo New Member
    Supporting Member

    May 18, 2010
    1,671
    200
    0
    Art Director
    Sugar Hill, GA
    Ratings:
    +200 / 0 / -0
    24" + a second 21"... 3200 pixels altogether.
     
  9. hughes

    hughes New Member

    Aug 9, 2010
    226
    1
    0
    Software Specialist
    Columbus, OH
    Ratings:
    +1 / 0 / -0
    Well, put MA on one monitor and something else on that other one lol.
     
  10. Nathan

    Nathan Founder

    Mar 30, 2009
    25,144
    10,052
    113
    Writer
    Short North
    Ratings:
    +10,069 / 0 / -0
    20" + 27" + 24" and the 20" is starting to die, time to start looking for a new 24" that is at least 1920x1280. I really want the 30" Apple but I cannot justify 1800 bucks for a monitor.
     
  11. hughes

    hughes New Member

    Aug 9, 2010
    226
    1
    0
    Software Specialist
    Columbus, OH
    Ratings:
    +1 / 0 / -0
    That is like using a firehose to fill a cup with water.
    O-V-E-R-K-I-L-L
     
  12. mini_racer

    mini_racer Well-Known Member

    May 4, 2009
    1,046
    57
    48
    Engr Manager
    Austin, TX
    Ratings:
    +57 / 0 / -0
    $1800 can buy plenty of track time................

    I think we have a priority problem here.
     
  13. Justa Jim

    Justa Jim Well-Known Member
    Lifetime Supporter

    May 6, 2009
    7,422
    1,685
    113
    Ratings:
    +1,685 / 0 / -0
    I have read every post on this thread, knew all the words and could not understand a thing that was said. Sorta like reading English and getting as much out of it as reading Spanish. Maybe if I keep folowing it I might learn something. :Thumbsup:

    Jim
     
  14. hughes

    hughes New Member

    Aug 9, 2010
    226
    1
    0
    Software Specialist
    Columbus, OH
    Ratings:
    +1 / 0 / -0
    Wiki these words, Adobe Photoshop, CSS, HTML, Really Big Monitors lol
     
  15. Johngo

    Johngo New Member
    Supporting Member

    May 18, 2010
    1,671
    200
    0
    Art Director
    Sugar Hill, GA
    Ratings:
    +200 / 0 / -0
    :D:D:D
     
  16. TGS91

    TGS91 New Member

    May 8, 2009
    1,593
    18
    0
    Sales Dude
    St. Louis, MO
    Ratings:
    +18 / 0 / -0
    Looks good Nate, 'specially the Chili Red MINI leading the pack, as it should be! :cornut:
     
  17. Johngo

    Johngo New Member
    Supporting Member

    May 18, 2010
    1,671
    200
    0
    Art Director
    Sugar Hill, GA
    Ratings:
    +200 / 0 / -0
    Actually, I was last in line and there were about 40 of us on that run total... Sorry to disappoint. :eek:
     
  18. TGS91

    TGS91 New Member

    May 8, 2009
    1,593
    18
    0
    Sales Dude
    St. Louis, MO
    Ratings:
    +18 / 0 / -0
    Whats the color of the MINI in FRONT in the picture? I rest my case:devil:
     
  19. lotsie

    lotsie Club Coordinator

    May 5, 2009
    3,922
    401
    83
    stagehand/part time detailer
    Right here
    Ratings:
    +401 / 0 / -0
    I think the BRG let them all go in front for a change:Thumbsup:

    Mark
     
  20. Nathan

    Nathan Founder

    Mar 30, 2009
    25,144
    10,052
    113
    Writer
    Short North
    Ratings:
    +10,069 / 0 / -0
    #80 Nathan, Aug 26, 2010
    Last edited: Aug 26, 2010
    I think I have the code to do rotating banners now. Another MINI owner, local to me wrote it for use on the MM.org site where it would randomly pick only one element of the header. He's modded it to take all three parts into consideration. I just need to put it in place on my test site for testing.

    Stay tuned...might be a few days.

    For the more geeky among us...

    PHP:
    <table border="0" width="100%" cellpadding="0" cellspacing="0" align="center">
     
    <
    tr height="100" >
            <
    td align="left"><a href="../"><img src="blank.gif" alt="Motoring Alliance" name="logo" id="logo" border="0"></a></td>
            <
    td width="100%"><img src="blank.gif" alt="" name="middle" id="middle" border="0" ></td>
            <
    td align="right"><img src="blank.gif" alt="" name="header" id="header" border="0" ></td>
    </
    tr>
    <
    SCRIPT LANGUAGE=javascript>
    <!--
            
    img Math.floor((Math.random() * 20000) / 1000) + 1;
            
    document.images["logo"].src "../forum/images/logo/logo_" img ".gif";
            
    document.images["middle"].src "../forum/images/middle/middle_" img ".gif";
            
    document.images["header"].src "../forum/images/header/header_" img ".gif";
    //-->
    </SCRIPT>
    </
    table>
     

Share This Page