- This topic has 5 replies, 2 voices, and was last updated 16 years, 9 months ago by
.
-
Posts
-
Excellent job with the upgrade! Transitions are smooth as silk and look great now. I replaced all text with custom images in the custom code section and it works awesome. http://www.saugusfootball.com
Glad to hear the upgrade worked out for you
” title=”Smiley” />Your menu looks pretty slick. Good job on the custom images! That must have been a pain in the neck to get them all working so well.
Pretty easy actually once I got the sizing right. It’s just a matter of getting the <li> and <ul> tags correct.
Thanks again!
I had a look and now I see why it was fairly easy for you.
You have all of your images as seperate files. If you combine them all into a single image file the menu will load a lot quicker. It does make coding it a pain though as you have to shift the background image position around to show the various chunks.
Using the transparent GIF is a nice touch, saves having to have two different graphics for the hover and non-hovers. I assumed the hovers were an entirely different image (or part thereof). I’ll have to remember that in case I find a use for it somewhere else as it could save both time (creating the images) and possibly download size too (depends if two PNGs are larger than one GIF or not).
I didn’t really consider the weight but that would probably explain the loading time
” title=”Smiley” /> Next time I’ll probably go to PNG’s or I might replace all those quickly in a batch and do a replace on the extension in the code. Thanks for the tip too on making one large file with all of the words in there, but how would you specify in code which area to show? Can you provide an example?instead of specifiying a new image for each menu item, you can just use the following CSS code (with different coordinates) to map to the area you want.
[code:3hc8u217]background-position:0 50px[/code:3hc8u217]Here is an example which uses custom images for the main menu items. I don’t have any examples which use custom images for all of the menu items. I don’t think anyone has ever requested that before.
- You must be logged in to reply to this topic.