Tab Menu: Create tab menu for navigation using HTML and CSS
| Recommend this page to a friend! |
 Author |
 |
|
Innovation award Nominee: 2x Winner: 2x | |||||||||||||||||||
This is a simple class for creating tab menus for site navigation using HTML and CSS.
The class takes an array that defines the name of all the tab labels and the respective URLs and render the tabs in an HTML table using normal links. The currently active tab just displays its label text.
The tab menu may be aligned to the left, right or center of the page or container element. If left or right alignment is specified, the class may also display a label text before or after the menu table.
The class takes an array that defines the name of all the tab labels and the respective URLs and render the tabs in an HTML table using normal links. The currently active tab just displays its label text.
The tab menu may be aligned to the left, right or center of the page or container element. If left or right alignment is specified, the class may also display a label text before or after the menu table.
| Classes of Vedanta Barooah | > | Tab Menu | > |  Download .zip .tar.gz |
> |  Support forum |
> |  Blog |
> |   Latest changes |
|
|||||||||||||||||||||||
| Groups |  User ratings |
Applications | Related pages |  Files |
| Groups |
 HTML |
HTML generation and processing | View top rated classes |
| User ratings |
| Ratings | Utility | Consistency | Documentation | Examples | Tests | Videos | Overall | Rank |
|---|---|---|---|---|---|---|---|---|
| All time: | Sufficient (69%) | Sufficient (63%) | Not sure (55%) | Sufficient (61%) | - | - | Not sure (52%) | 2131 |
| Month: | Not yet rated by the users | |||||||
| Applications that use this package |
No pages of applications that use this class were specified.
If you know an application of this package, send a message to the author to add a link here.
| Related pages |
| Required images for the menu |
| Simple Example |
| Example with working tabs |
| Tab menu Example with child menu |
| Files |
| File | Role | Description | ||
|---|---|---|---|---|
| images (3 files) |
||||
  doc.html |
Doc. | Documentation | ||
| menu.php |
Class | The main class file | ||
| menu2.php |
Class | Modified tabMenu class to support child menus | ||
| style.css |
Data | Required Style Sheet | ||
| style_alt.css |
Data | Alternate style Sheet | ||
| tabMenu_nospace.php |
Class | Tabs with no spaces between them | ||
| tab_nospace.php |
Example | Tab Example | ||
| test.php |
Example | Example Script | ||
| test2.php |
Example | Tab Menu With Child Menus | ||
| Files |
/ | images |
| File | Role | Description |
|---|---|---|
 left_arc.gif |
Icon | Required Images |
| readme.txt |
Doc. | Readme |
| right_arc.gif |
Icon | Required Images |
 Install with Composer - Download all files: tabmenu.tar.gz tabmenu.zipNOTICE: if you are using a download manager program like 'GetRight', please Login before trying to download this archive.
|
| Files |
| File | Role | Description | ||
|---|---|---|---|---|
| images (3 files) |
||||
| doc.html |
Doc. | Documentation | ||
| menu.php |
Class | The main class file | ||
| menu2.php |
Class | Modified tabMenu class to support child menus | ||
| style.css |
Data | Required Style Sheet | ||
| style_alt.css |
Data | Alternate style Sheet | ||
| tabMenu_nospace.php |
Class | Tabs with no spaces between them | ||
| tab_nospace.php |
Example | Tab Example | ||
| test.php |
Example | Example Script | ||
| test2.php |
Example | Tab Menu With Child Menus | ||
| Files |
/ | images |
| File | Role | Description |
|---|---|---|
| left_arc.gif |
Icon | Required Images |
| readme.txt |
Doc. | Readme |
| right_arc.gif |
Icon | Required Images |
| Install with Composer - Download all files: tabmenu.tar.gz tabmenu.zip NOTICE: if you are using a download manager program like 'GetRight', please Login before trying to download this archive.
|
