Grow your CSS skills. Land your dream job.

Hot water

  • Dim
    # September 15, 2009 at 6:50 am

    Hi everyone,
    Today i had un idea for css sprite menu . All i have seen are those menu with a lot of small images. And i thought that it would be better if you had one big image. So that was the thing i came up with. I no it’s not pretty but is for a proof of concept.
    http://dimbo.1gb.bg/nav/ And the image is that [img]http://dimbo.1gb.bg/nav/images/navBackground.jpg[/img]. Hopefully I’m not inventing the hot water. Cheers!

    Rob
    # September 15, 2009 at 7:52 am

    that works :) nice idea!

    # September 15, 2009 at 1:40 pm

    Its a great idea.. but I think TheDoc already used it in one of the sites he posted on the web design gallery here.. He used a bigger image with all the buttons of the navigation bar to achieve an awesome hover effect. But am not sure about it :P. Even I was thinking of using something similar like this to get a nice effect on a vertical menu.. But didn’t get time to try it out :( I was planning to move the highlighted part of the image using jQuery to where ever the mouse is positioned on the navigation bar.. But I think this technique can be used in many ways to give some awesome effects.. You guys wanna try out more..? You know with different types of images :P

    # September 15, 2009 at 3:52 pm

    An interesting idea, but basically it’s the same as regular sprites. Same load time for the user at the end of the day. Sprites, remember, aren’t multiple images, it’s just one big image, just like you’ve used here.

    I like it though, it’s a slight shift from the norm.

    # September 20, 2009 at 10:46 pm

    I like your idea. Its a different take on the norm. Keep up the good work!!

    # September 22, 2009 at 5:20 pm

    you have a nice stepdown menu in ie7

    al

    # November 27, 2009 at 7:20 am

    Nice concept.. Your idea is appreciable… keep it up !!!

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".