Message Bar Stack

Message Bar Stack will create a bar at the top or bottom of your browser.
It can displayed whenever you hover over the Stack or be setup to be always visible.

Screenshots

Examples

Put your mouse over this text...

This is just simple text.

Stacks Image 1829

Welcome to the MessageBar Stack

This creates a red Message Bar with 0.5 opacity and 50px height
Stacks Image 963
This is a "Left Floating Image"-Stack
This creates a blue Message Bar with 80px height and an image
Stacks Image 1839
Different images for activating the Message Bar
Stacks Image 1849

2011 - a great year, I got married

Stacks Image 1865

A flower from my parents' garden in summer 2010

Stacks Image 1857

Skiing is one of my favourite sports!

Settings

  • Fading Duration: Time it needs to fade in/out
  • Bar Height: Height in pixels
  • Line Height: The height of a text line in px. If you have only one line of text you can vertically center it by setting it to the same value as "Bar height"
  • Background Color
  • Opacity: Opacity of the bar. 0 is fully transparent
  • Overall Opacity: Check to have the opacity effect even on images and not only the background
  • Mouse Over to Fade-in: If enabled and fixed, you can mouseover the bar to make it fade to fully non-transparent
  • Fixed: Enable in order to show the bar always fixed on the position of your browser window
  • Position: Bottom or Top of the browser window

Browser Compatibility

  • Safari
  • Chrome
  • Opera
  • Internet Explorer
  • Firefox

Infos and Requirements

Rapidweaver
Rapidweaver 5/6/7
Stacks 2 only
Stacks 2 / 3
Responsive
Compatible to
responsive themes
Internet
Internet connection
for preview