Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › Menu like on this site

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 2, 2011 at 10:01 am #32967
    Leonardo
    Member

    How do I get the menu to shrink when the window resizes like the one on here?

    Home, Forums, Videos, Downloads and Snippets links

    June 2, 2011 at 10:04 am #74557
    jamygolden
    Member

    Chris wrote an article regarding this called Media Queries.

    June 2, 2011 at 1:36 pm #74497
    TheDoc
    Member

    Jamy, I think he’s referring to the menu items resizing as your hover over them.

    I don’t believe Chris has actually written an article on it, though I do remember him talking about it on an interview… of which I cannot currently find.

    June 3, 2011 at 4:23 pm #74288
    Akuseru
    Participant

    Well it’s a trick that can be made playing with the width:


    


      

    • 1

      • 

    • 2

      • 

    • 3

      • 

    • 4

      • 

    • 5

      •

    CSS:


    
ul {
    
width: 800px;
    
}
    
li{
    
width: 20%; /*100/5, 20*/
    
}
    
li:hover{
    
width:30%;
    
transition: 0.5s all;
    
}

    This can be a start point…

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.