Wrestled with this all day yesterday, and I'm still not getting it. Since the template is intended for the user to customize it themselves, shouldn't the author be willing to provide clear instructions on how to do this? I spent a good deal of time online, yesterday, trying to figure out what I was missing; why I wasn't able to "crack the code" to this silly thing. I read and watched a tutorial on Envato about creating a lavalamp navigation menu, so I could understand the code I was looking at. After several hours, I was finally able to change the background colors in the sub-nav, on hover.
But the technique has no effect on the top level navigation, because (it appears) the lava.png image either overides it or covers it up. So, I went back into the psd for the lava image, to try to make sense of the layers. See what or where I could add a background color. Of course, there is no helpful notation for the user in that file either. All the labels are characteristically cryptic, just in case anyone is trying unravel the secret code.
What the heck? What is the big secret? You've got hundreds of people people who have purchased this template, in order to begin customizing it for their needs. Why make it so dang difficult to do so? This task should have taken me 20 minutes or less. But I'm still trying to decipher the code days later.
I've tried adding a colored background layer to the lava image, but what I don't understand now ... is what layers to hide before I save it, so that the color can appear behind the rounded tab. Do I then just save it as lava.png and upload to my images1 folder? I really, REALLY hope I can get a straight forward answer to this question.
It is not clear to me what the code is fetching for the right curve of the tab, and what image it's fetching for the left. Is it accessing two different layers of the same png file? Is that even possible?