RWExtras

Simpler webdev, one stack at a time…

RWExtras

Simpler webdev, one stack at a time…

RWExtras

Simpler webdev, one stack at a time…

RWExtras

Simpler webdev, one stack at a time…

Flex Menu HTML Stack

Flex Menu HTML

Flex Menu HTML Stack Settings

  • Horizontal Menu: uncheck to create a vertical menu
  • Centered: check to center the menu, otherwise it will be aligned left
  • Square Corners: check if you want square corners as opposed to the default rounded corners
  • # of Buttons: use the slider to set the number of menu buttons
  • Button Width: ranges from 60px to 200px
  • Button bg, 1-10: select a background color from the default palette (shown below)
  • Hover bg, 1-10: select a background color while hovering over the buttons
  • Current bg, 1-10: select a background color to identify current button
  • Text: select the color of the button labels
  • Text Hover: select the color of the button labels while hovering
  • Text Current: select the color of the button label for current button
  • Font Size: ranges from 12px to 24px
  • Text Shadow: show or hide the text shadow

Default palette

Default Palette
Download our flexible Photoshop templates or Pixelmator templates to create your own backgrounds palettes. Instructions included.
Flex Menu HTML Button

Flex Menu HTML Button Stack Settings

  • Button Label: this is the name that will show on the face of the button
  • Position: left, middle (default), or right. Use 'left' or 'right' as necessary, if the buttons have rounded corners
  • Link: enter the destination (URL or anchor) for this button. Can be absolute or relative
  • Target: enter _self (open link in same window) or _blank (open link in new window). These are the most common, for more options, check any HTML reference
  • Title: this is the text that will display when hovering over the button
  • Class: enter an optional class name. Example: enter 'tooltip' to use in combination with the Tooltips Stack
  • Current: check if the button should display as 'current'