Active Bar 2
How To Activate it
Go to the jQuery Style type and make sure that a jquery version and the "active bar 2" script. Then follow the instructions below.
Active bar 2 is a great little script created by Jakob Westhoff.
If you like it please send him a message thanking him for it.
Below is a summary of his web-sites' instructions.
For more detailed information and details of his other projects please go to his excellent site: http://westhoffswelt.de/
What is Activebar?
Activebar is a crossbrowser information bar, which tries to mimic the look and feel of these bars used by modern browsers. Such bars are commonly used to display important informations to the user. Requests to open a popup window, install some components or to remember some sort of password are prominent examples of what these bars are commonly used for.
Unfortunately modern browsers do not allow any website to access these kind of information bars because of certain understandable security concerns. Activebar is written in pure javascript utilizing the jquery__ js library for crossbrowser compatibility and ease of development. It simulates the behavior as well as the look and feel of current browser information bars using simple html and css. Therefore it can easily be embedded into your website to display certain information to the user in an unobtrusive way.
__ http://jquery.com
Available options
The activebar method can be invoked providing a set of options to customize all different aspects of the Activebar.
Options are simply provided as POJO__ (Plain old java(script) object) directly to the activebar method call. This look something like this::
$('.someClass').activebar({
'option1': 'value1',
'option2': 'value2',
'option3': 'value3',
...
});
__ http://en.wikipedia.org/wiki/Plain_Old_Java_Object
Place this code in the "Page Info/Header/Javascript" tab
Look and feel
The Activebar is designed to mimic the look and feel of the information bar used by the Internet Explorer 6. But you may want, for example, to change its background color, the default font used for the text rendering or the image files used for the icon and the close button. All this and much more, is easily achievable using the appropriate options.
- background: The background color used by the bar. You can use any valid css background definition for this property.
- highlight: The background color used while the mouse is over the bar. This option supports any valid css background value as well.
- border: Color of the 1px border on the bottom of the bar. Only valid css color values are supported by this option.
- font: Font family used by default for any given content.
- fontColor: Default font color used for the provided content.
- fontSize: Default font size used for the displayed content node.
- icon: Path and name to the icon image displayed left of the provided content. This icon needs be 16x16 pixels in size.
- button: Path and name to the image used as a close button representation. The image needs to be 16x16 pixels in size.
- Install the activebar2 snippet (double click on it)
- Go to jQuery Style Type and check the jQuery and "jQuery Active Bar 2" scripts.
- Open up the snippets window ( 5) and drag the "Active Bar 2" snippet to the page info/header/javascript tab.
- Edit the text you want to appear in the actve bar.
GNU License
This text is part of the Activebar2.js script.
Activebar2 is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; version 3 of the License. Activebar2 is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with Activebar2; if not, write to the Free Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA
license: http://www.gnu.org/licenses/gpl-3.0.txt