Plugin / Rollover Tab

Eiji 'Sabaoh' Yamada

Description

Description

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

Usage:

[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...
...
[/rollover-tab][/rollover-tabs]

Attribute:

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.

Features:

  • 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.

For more information

Please visit http://sabaoh.sakura.ne.jp/wordpress/ . In Japanese only.
If you need information in English, please contact to age.yamada@kxa.biglobe.ne.jp .

Ratings

2.8
4 reviews

Rating breakdown

Details Information

Version

1.3.2

First Released

31 Jan, 2014

Total Downloads

13,406

Wordpress Version

3.1 or higher

Tested up to:

4.2.25

Require PHP Version:

-

Tags

Contributors

This plugin has been closed.

Languages

The plugin hasn't been transalated in any language other than English.

DIRECTORY DISCLAIMER

The information provided in this THEME/PLUGIN DIRECTORY is made available for information purposes only, and intended to serve as a resource to enable visitors to select a relevant theme or plugin. wpSocket gives no warranty of any kind, express or implied with regard to the information, including without limitation any warranty that the particular theme or plugin that you select is qualified on your situation.

The information in the individual theme or plugin displayed in the Directory is provided by the owners and contributors themselves. wpSocket gives no warranty as to the accuracy of the information and will not be liable to you for any loss or damage suffered by you as a consequence of your reliance on the information.

Links to respective sites are offered to assist in accessing additional information. The links may be outdated or broken. Connect to outside sites at your own risk. The Theme/Plugin Directory does not endorse the content or accuracy of any listing or external website.

While information is made available, no guarantee is given that the details provided are correct, complete or up-to-date.

wpSocket is not related to the theme or plugin, and also not responsible and expressly disclaims all liability for, damages of any kind, arising out of the use, reference to, or reliance on, any information or business listed throughout our site.

Keep Leading Your Followers!
Share it for them.