CSS Sprites

[ramagirl]

Hi, I've been trying to find documentations to switch to css sprites for my navigation menu. I have too many http requests which is slowing down my site. I currently have 4 navigation tabs with hover and active links. I've sliced each tabs and am having a hard time figuring out how to incorporate the css sprites with the telerik. Can someone please help me? I'm very new to Telerik.

Thanks,
Karly

[ramagirl]

Oops, accidently attached one too many of each tabs.

[Kate]

Hello Karly Giang,

Did you take a look at our online demo of the MegaDrop-Down menu?
To be able to use your customized skin I would suggest that you use the already existing sprite of the menu (for example the attached image) and simply change the colors as desired. Then you can easily replace the image sprite of the menu with the customized one. You can see how it is done for the RadTabStrip for example. 

Kind regards,
Kate
the Telerik team

[ramagirl]

Hi, do you have a piece of sample/coding that I can look at? I'm still a little confused. I would like to use my customized skins, is there a specific telerik menu that would suit this simple nav?

Thanks,
Karly

[Kate]

Hi Karly Giang,

Unfortunately, we do not currently have such project. I would suggest that you use the Default sprite of the RadMenu (I attached its sprite|) and alter it according to your requirements. Later sipmly replace it with the current sprite of the RadMenu (located in the Menu folder).  Another approach would be to use our Visual Style Builder (one limitation is that you can only change the different colors of the menu and you can not apply a customized sprite, however).

Regards,
Kate
the Telerik team