WEB I want this header, but don't know how.

Discussion in 'OT Technology' started by Morgan06, Oct 19, 2007.

  1. Morgan06

    Morgan06 New Member

    Joined:
    Jan 19, 2006
    Messages:
    4,190
    Likes Received:
    0
    Location:
    ELM, MA
    First, I could code HTML back in 98. But things change so much that everything I knew/know is worthless- other than basic code formation. I'm going to attempt to make a website for my business myself prior to giving in and paying someone to do it. Learned enough CSS today to setup divs after spending yesterday in frames :greddy:.

    I want this header/toolbar (http://mintidea.ca/). Still don't know how the mouseover/hover works in this example. I think it's javascript, but I've never been confident enough to try it- if thats the case is there an alternative?

    Thanks

    ibminuswhalegetthepaypalready
     
  2. ez4me2c3d

    ez4me2c3d Cold Member

    Joined:
    Sep 19, 2003
    Messages:
    1,836
    Likes Received:
    0
    Location:
    Minneapolis, MN
    1. Right Click
    2. View Source
    3. ???
    4. Profit
     
  3. JoeyJoJoJuniorShabadoo

    JoeyJoJoJuniorShabadoo Live Free or Die

    Joined:
    Nov 9, 2004
    Messages:
    4,347
    Likes Received:
    0
    Location:
    http://www.stogietime.com
    what mouseover are you talking about? I don't see any at first glance.

    edit: nm, they just werent working in Opera
     
  4. JoeyJoJoJuniorShabadoo

    JoeyJoJoJuniorShabadoo Live Free or Die

    Joined:
    Nov 9, 2004
    Messages:
    4,347
    Likes Received:
    0
    Location:
    http://www.stogietime.com
    its done in CSS, check out their CSS files.
     
  5. Morgan06

    Morgan06 New Member

    Joined:
    Jan 19, 2006
    Messages:
    4,190
    Likes Received:
    0
    Location:
    ELM, MA
    Okay, just follow the urls from the '@import *.css' and one of will stand out?

    I should be able to read them and research the code on my own. Thanks! :wavey:
     
  6. pkr

    pkr Guest

    The fuck is with every site trying to do a "mint" spin-off? :ugh:
     
  7. Morgan06

    Morgan06 New Member

    Joined:
    Jan 19, 2006
    Messages:
    4,190
    Likes Received:
    0
    Location:
    ELM, MA
    :ugh:

    I just like how the toolbar works. Still might be too involved for me to get it done myself- but I'm going to try it out today. :dunno:
     
  8. BrettRT

    BrettRT New Member

    Joined:
    May 13, 2004
    Messages:
    128
    Likes Received:
    0
  9. pkr

    pkr Guest

    I'm not talking about you, dumbass.
     
  10. Morgan06

    Morgan06 New Member

    Joined:
    Jan 19, 2006
    Messages:
    4,190
    Likes Received:
    0
    Location:
    ELM, MA
    Brett- I'm checking out the articles right now, thanks for the url.

    pkr - :ughd:
     
  11. Morgan06

    Morgan06 New Member

    Joined:
    Jan 19, 2006
    Messages:
    4,190
    Likes Received:
    0
    Location:
    ELM, MA
    Okay, couldn't find out how to do the header/nav in CSS. Only found hover/mouseovers for text links.

    So I modified (read:stole) a javascript to get it done. Got the mouseover and mouseout to work great. But instead of only one image activated at a time, they all swap between on/off simultaneously. Does that explanation make sense? IE. onmouseover they all change, and onmouseout they all change.

    Anyone know what I'm doing wrong? If I'm making it too complicated suggest an alternative and I'll gladly do the research

     
  12. ez4me2c3d

    ez4me2c3d Cold Member

    Joined:
    Sep 19, 2003
    Messages:
    1,836
    Likes Received:
    0
    Location:
    Minneapolis, MN
    lol, well yeah, you have two functions, one turns all images on and one turns all images off. How do you think it will know to only turn on one at a time?

    And yes, you are making this too complicated.

    Try out CSS sprites.
    http://www.alistapart.com/articles/sprites/
     
  13. Morgan06

    Morgan06 New Member

    Joined:
    Jan 19, 2006
    Messages:
    4,190
    Likes Received:
    0
    Location:
    ELM, MA
    Great advice, that is exactly what I needed to see.
     
  14. Morgan06

    Morgan06 New Member

    Joined:
    Jan 19, 2006
    Messages:
    4,190
    Likes Received:
    0
    Location:
    ELM, MA
    Works flawlessly, I went from 10 images to 1 and about the same amount of code! Couldn't get it to align:right the way I wanted to with two images in an element. But I worked around it in the design and it looks good so far.

    From the little I've learned, CSS seems completely logical and illogical at the same time. Or maybe I'm just too new to it to fully understand everything I'm doing.
     
  15. ez4me2c3d

    ez4me2c3d Cold Member

    Joined:
    Sep 19, 2003
    Messages:
    1,836
    Likes Received:
    0
    Location:
    Minneapolis, MN

Share This Page