SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Member
    Join Date
    Jul 2008
    Location
    melbourne
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Smile How to achieve this?

    Pls see the attached image primenav.gif.

    I have taken this image from website realestate.com.au. I would like to know, how they are using this single image, to display different colors when we switch from one another(Have a look at that site for better understanding my question).

    Advance thanks.
    Attached Images Attached Images

  2. #2
    SitePoint Evangelist kooshin.com's Avatar
    Join Date
    Dec 2003
    Location
    http://kooshin.com
    Posts
    505
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi there welcome to the forums. I suppose you are talking about the navigation? If that is the case then you can visit this website http://css.maxdesign.com.au/listamatic/ . It has everything you need. Hope that helps.

  3. #3
    SitePoint Member
    Join Date
    Jul 2008
    Location
    melbourne
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hey kooshin,

    yeah, my doubt is about navigation. When i point to each one, the color is changing. But there are no separate images. They have just used a single image.

    i have just gone thro the site suggested by u, but couldn't find the answer for what i need. however, thanks for directing me to a very gud tut site

  4. #4
    SitePoint Evangelist kooshin.com's Avatar
    Join Date
    Dec 2003
    Location
    http://kooshin.com
    Posts
    505
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    No problem also here is more stuff http://www.dynamicdrive.com/style/ ..

  5. #5
    SitePoint Wizard bronze trophy Centauri's Avatar
    Join Date
    May 2007
    Location
    Newcastle, Australia
    Posts
    3,718
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Examining that site's css file for the menu will reveal how it is done - each <a> gets the same graphic as its background but each is sized separately and each has a different background position for normal and hover modes, thereby revealing only the correct part of the combined graphic.

  6. #6
    SitePoint Member
    Join Date
    Jul 2008
    Location
    melbourne
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Talking

    Thanks centauri. I got it.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •