[ 2 posts ]

Jim Donnell

  • Username: jimd544
  • Joined: Wed Aug 24, 2011 8:42 am
  • Posts: 1
  • GitHub: JimD
  • Gists: JimD
  • Offline
  • Profile

Skinning the YUI Menu Component

Post Posted: Wed Aug 24, 2011 9:03 am
+0-
I'm trying to figure out how to skin the YUI menu component. (http://developer.yahoo.com/yui/examples ... hanim.html) I haven't found any solid documentation on how to do this. I have found the "cheat sheet" which is marginally helpful. Looking at the CSS and Mark-up I've been able to override some of the CSS but not all. Here's what I've figured out:

.yui-skin-sam .yuimenubar{...} /* background of the menubar */

.yui-skin-sam .yuimenubaritemlabel, .yui-skin-sam .yuimenubaritemlabel:visited{,,,} /* Menu fonts */

.yui-skin-sam .yuimenuitemlabel {...} /* Submenu fonts */

.yui-skin-sam .yuimenu .bd {...} /* Drop-down item style for submenus */

Among other things, what I can't find is the hover when hovering over the buttons. This should be something like:

.yuimenubaritem a:hover {...} /* Change the sprite.png position... */

Are there any solid examples of reskinning the menu bar? Any help would be greatly appreciated!

Thanks!

Jim

Todd Smith

YUI Contributor

  • Username: stlsmiths
  • Joined: Thu Nov 05, 2009 10:03 am
  • Posts: 675
  • GitHub: stlsmiths
  • Gists: stlsmiths
  • IRC: t_smith
  • Offline
  • Profile
Tags:

Re: Skinning the YUI Menu Component

Post Posted: Wed Aug 24, 2011 10:13 am
+0-
Hey Jim,

Have you looked at http://developer.yahoo.com/yui/menu/#skinref and the associated links it refers to?

Alot of us use Firebug to inspect / debug CSS-related items. Satyam posted an article http://www.satyam.com.ar/yui/widgetstyles.html related to this also.

Regards,
Todd
  [ 2 posts ]
Display posts from previous:  Sort by  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
cron