Plugin Directory

Test out the new Plugin Directory and let us know what you think.

Rollover Tab

This is shortcode plugin which make graphical tab panels available.

This plugin define two shortcodes to generate graphical tab panels in posts and pages. You don't have to edit your theme's style.css, and any templates.

To browse it's tab panels, NOT IE browser (Chrome, FireFox, Opera, Safari were tested) or IE8 or above required. With IE7 or below, it will generate standard <ul> list and recommend to use other browser or update.

Please visit my sample at http://sabaoh.sakura.ne.jp/wordpress/?page_id=106

"right" attribute sample at http://sabaoh.sakura.ne.jp/wordpress/?page_id=116

"scroll" attribute sample at http://sabaoh.sakura.ne.jp/wordpress/?page_id=122


[rollover-tabs name="id" norollover="true" border="true" margin="-2px" height="1.5in" left="1px" right="1px" scroll="true" font="small"][rollover-tab name="tab1" label="sample1"]
content of tab1...
[/rollover-tab][rollover-tab name="tab2" label="sample2" font="large"]
content of tab2...


name: internal name (id). [rollover-tabs name="id"] is optional (default value is "rollover"). [rollover-tab name="tab1"] is required.

norollover: optional boolean. As default tab panels will switch when your mouse is on the tab (click is not necessary). If norollover is set "true", panels will switch when you click the tab.

border: optional boolean. As default panel has no border. If border is set "true", border will display.

margin: optional. As default margin-top was defined in css/rollover-tab.css (Now vlaue has changed to 0 for all themes). If your panels' top border didn't match the tab graphic, you could adjust the position of the top border by either edit css/rollover-tab.css or set margin attribute in each rollover-tabs tag.

height: optional. As default panels' height will adjust automatic. You can assign fixed height to your panels.

left: optional. As default left defined in css/rollover-tab.css (Value is "1px"). If you wanted to make space in left of tabs, you could set greater value to this attribute. "0" or "0px" is NOT recommended due to avoid lack of border.

right: optional. Default value is false. If you wanted to make tabs align right, you could set "1px" or greater value to this attribute. If "left" attribute was setted, this attribute would be ignored. "0" or "0px" is NOT recommended due to avoid lack of border.

scroll: optional boolean. As default panel has no scroll bar. If scroll attribute was set "true", panel will have scroll bar.

font: optional. You can assign font-size in tabs, for example "10pt" or "small". If it was used with [rollover-tab ...], size would be assigned for just ONE tab. With [rollover-tabs ...], size would be applied all of tabs, except [rollover-tab ...] with font attribute assigned.

label: caption of tabs, required.

NOTICE: Since 1.2.0, margin attribute's default value changed from "-26px" to "0". So if you've assigned margin value, You had to change your assignment in order to maintain good display.

NOTICE: with rich text editor, you must NOT insert any line breaks between [rollover-tabs] and next [rollover-tab], between [/rollover-tab] and next [rollover-tab], between [/rollover-tab] and [/rollover-tabs]. Due to wordpress automatic <p> insertion.


  • You can create a panel which contain tabs, with [rollover-tabs] shortcode.
  • In between [rollover-tabs] and [/rollober-tabs], you can define panels with [rollover-tab name="..." label="..."]...[/rollover-tab] shortcode.
  • Tabs with label will display in rich graphical background.
  • As default, tabs will switch when your mouse is on the tab. Optional, you can choose click-needed-switching.
  • You can choose the border on or off.
  • You can adjust position of top border without editing stylesheet.
  • You can assign height of panels, without editing stylesheet of course.
  • Stylesheet was improved and top border will match with graphics, theme proof positioning was innovated since 1.2.0.
  • You can use some other shortcodes between [rollover-tab...] and [/rollover-tab], since 1.2.0.
  • You can assign position of tabs left or right, since 1.2.0.
  • You can choose the scroll bar on or off. Since 1.2.0.
  • You can assign font size for tabs. Since 1.2.1.

Requires: 3.1 or higher
Compatible up to: 4.2.12
Last Updated: 2 years ago
Active Installs: 500+


2.8 out of 5 stars


Got something to say? Need help?


Not enough data

0 people say it works.
0 people say it's broken.

100,1,1 100,1,1