CSS Menus Effects

I’d like to replicate Apple’s menu graphic styling as used in iTunes (grid view or as when viewing the connect iPhone).

I understand the CSS Menus effect with regard to graphic backgrounds for the different states and the Use Content Width to scale the size to the width of the words. However, graphics with two defined ends (such as Apple’s being both rounded) alludes me.

Creating differing width graphics for each width seems to defeat the beauty (and ease) of using CSS Menus. Is there a way to implement double ended graphics so they grow to the proper content width without distorting the ends of the graphics?

Thanks,
Robert


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Take a look at this technique: http://www.alistapart.com/articles/slidingdoors/


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Chuck,

Very interesting article which addresses the issue quite well. However, once the article hit "Let’s begin with the following markup: … " my brain began to seize up.

The attraction of Freeway for me is the WYSIWYG aspect. I was hoping for a suggestion or additional action that would accomplish what the A List Apart article you site covers.

Based on my lower level of skill with HTML code than graphics manipulation, I could create a variety of graphic widths in less time (though learn less) than master the points of the article.

Any further thoughts on accomplishing my Apple iTunes menu look?

Robert

On 13 Jun 2011, 9:04 pm, chuckamuck wrote:

Take a look at this technique: http://www.alistapart.com/articles/slidingdoors/


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options