dTabs (Dynamic Tabs) - Wordpress Plugin
Description
Provides a function to output a user controled dynamically tabbed navigation system with optional drop down menus in Wordpress. Basically, it makes adding dynamic tabs to your Wordpress blog/theme easy.
…more info
- dTabs can be easily added as an option in themes.
- Tabs can be made for the posts page, the front page, individual posts, categories, pages, the archives, the bookmarks, and external links.
- Tabs for categories and pages have optional dropdown menus of their sub-categories/sub-pages, while archives and bookmarks have non-optional drop down menus.
- Tabs are set up by the user via administrator preferences, while their properties and appearance can either be set by the user via administrator preferences or within the theme’s css.
Recent Changes
Version 1.2.2 29/04/2008
- Fixed a bug introduced in version 1.2.1 that prevented tabs with non-word characters in their name being selected (reported by Joy).
Requirements
As of version 1.2, dTabs requires Wordpress Version 2.5 or greater for full functionality.
Installation
- Extract dtabs.zip on your local machine.
- Upload dtabs.php to your Wordpress Plugins directory.
- Activate dTabs in the Plugins section of the admin control panel.
Please note that if your theme is not pre-enabled for dTabs you need to paste a snippet of code into your theme before your tabs will appear on your blog, alternatively/in addition you could ask your theme’s author to pre-enable your theme.
Updating
To update follow the instructions for installation, writing over the old dtabs.php in your plugin directory.
Uninstallation and deactivation
To uninstall dTabs, click on uninstall on the Manage > Tabs admin panel. This will remove all of dTabs’ settings and deactivate the plugin, if you would like to keep your settings for future use, then simply deactivate dTabs on the Plugins admin panel as you would any other plugin.
Themes pre-enabled for dTabs
Please feel free to add any more themes to list by commenting on this post :-).
Adding dTabs to your theme
To insert the tabs into a theme which is not pre-enabled, just copy and paste the code below into a template file corrisponding with where you wish your tabs to appear (most people will probable use header.php). The only requirement is that it is placed within the body html tags (ie somewhere after the <body> tag in header.php, before the </body> tag in footer.php, or anywhere in any other template file).
|
If the dTabs plugin is activated, this code will output your tabs. If it is not then it does nothing, your theme will display as normal, (minus your dynamic tabs).
The only thing left to do is add css formatting to your tabs and drop down menus, mainly so that a) the selected tabs are displaid differently to the non-selected tabs, b) that the drop down menus are positioned correctly in relation to their tabs, and c) that the tabs are displayed on the same line (ie if you want a horizontal navigation menu).
A good starting point for this is checking out the CSS section on the Manage Tabs admin preference pane. Ticking Automatic css generation will display some example css for you to work on. While the box is ticked the css will automatically be inserted into the header of every page in your blog. If you are pre-enabling a theme for public release then you will need to insert the css for the tabs into your theme’s css file.
The tabs will appear in your html as a list of links in the following format:
<li class="tabselected"><a href="Tab URL/Path/Permalink" id="Tab Name_tab">Tab Label</a></li> for selected tabs<li class="tab"><a href="Tab URL/Path/Permalink" id="Tab Name_tab">Tab Label</a></li> for none selected tabsThe links will be wrapped within <ul> tags with a class of tabbar:
<ul class="tabbar">
<li class="tabselected"><a href="Tab1 URL/Path/Permalink" id="tab1_tab">Tab1 Label</a></li>
<li class="tab"><a href="Tab2 URL/Path/Permalink" id="tab2_tab">Tab2 Label</a></li>
<li class="tab"><a href="Tab3 URL/Path/Permalink" id="tab3_tab">Tab3 Label</a></li>
</ul>By default this will create an unordered list of tabs - a vertical dynamically tabed navigation system.
dtab_list_tabs() has three parameters which enable you to modify it’s output:
dtab_list_tabs('before=""&after=""&outputjs=1')
- before
(string) Optional: text/html to place before each link. There is no default. - after
(string) Optional: text/html to place after each link. There is no default. - outputjs
(boolean) Optional: 1 outputs javascript with the tabs, 0 doesn’t (so that a javascript file can be included with the theme, which is more efficient than sending it with each page). The default is 1.
Any drop down menus will simply be a list of links to any subcategories for that tab enclosed in div tags with a class of “dmenu” and an id of “tab name_menu” eg:
<div class="dmenu" id="Downloads_menu">
<ul>
<li><a href="subcategory 1 url">subcategory 1 name</a></li>
<ul>
<li><a href="subcategory 1.1 url">subcategory 1.1 name</a></li>
<li><a href="subcategory 1.2 url">subcategory 1.2 name</a></li>
</ul>
<li><a href="subcategory 2 url">subcategory 2 name</a></li>
<li><a href="subcategory 3 url">subcategory 3 name</a></li>
</ul>
</div>To check for the name of the current tab (using a pre-enabled or manually enabled theme with the dTab plugin installed and activated) take a look at the source of any post/page/category/etc and the name of the current tab will be contained in a comment just below the html for your tabs.
Examples
- The tabs on this site were made and are managed using dTabs.
- Kubrick tabs - a Kubrick (WP’s default theme) pre-enabled for dTabs
For examples of slightly more advanced css than that in the Tabs Options pannel, take a look at the css files in Kubrick tabs or on this site (style.css/style.css.php).
Download the latest version
Donate
Known Issues
I have experienced problems after restoring my database from a backup. This problem is due to the way in which Wordpress stores data for plugins and how certain scripts export this data when making backups. There isn’t much I can do to prevent it, but the problem can be fixed by reseting your tabs.
Future
Any suggestions? Let me know
History
Downloads Per Day
Version 1.2.2 29/04/2008
- Fixed a bug introduced in version 1.2.1 that prevented tabs with non-word characters in their name being selected (reported by Joy).
Version 1.2.1 20/04/2008 (456 downloads)
- Fixed a bug introduced in version 1.2 that prevented menus fading out for tabs with non-word characters in their name (Reported by Mike and Morgan).
Version 1.2 2/04/2008 (664 downloads)
- Improved improved support for static front pages
- Updated javascript to properly support Safari 3 (and dropped support for Safari 2)
- Updated javascript to fade drop down menus in and out
- Made javascript output optional (so a javascript file can be included with themes)
- Depreciated dtabs_echo_dtabs, replaced with dtabs_list_tabs
- Removed Tabs Options pannel
- Moved automatic CSS generation option to Manage Tabs Panel
- Dropped before and after admin options
- Rewrote default CSS, making it more complex but producing half decent looking tabs
- Used register_activation_hook to set up tabs upon activation
- Introduced activation message
- Introduced ability to uninstall
- Integrated into WP 2.5 UI
- Made other minor changes to streamline the interface
Version 1.1 18/12/2007 (1045 downloads)
- Added full support for static front pages
- Added suport for automatic update checking
- Prepared for internationalisation
- Fixed several empty array bugs (reported by Joost Verweij and others)
Version 1.0.4 16/10/2007 (390 downloads)
- Fixed ambiguity bug (reported by Julian) introduced with 1.0.3
- Fixed a bug also introduced with 1.0.3 that prevented dTabs from recognising sub categories
Version 1.0.3 15/10/2007 (6 downloads)
- Added support for WP 2.3
Verson 1.0.2 - 17/08/2007 (240 downloads)
- Fixed the zero bug (reported by Gregg Mendez) where in certain circumstances a “0″ was added within tabs’ links tags - invalidating the html.
- Fixed the slashes bug (reported by AJ) so slashes are stripped from tab labels
- Rearranged the order of tags for tabs so that before and after parameters are applied within the list item tags, to enable Gina’s suggestion to allow tabs to stretch and expand - i.e. dynamic css.
- Minor update to default css
Verson 1.0.1 - 03/04/2007 (496 downloads)
- Fixed behaviour for page tabs so that they cannot be confused with categories of the same id number.
- Put tabs in an unordered list - replacing the <div> tags with <ul>s and <span> tags with <li>s.
Verson 1.0 - 09/02/2007 (479 downloads)
- Added simple dynamic menu functionality - tabs that link to categories and pages can have a css/javascript drop down menu listing any subcategories, sub-pages, archives, or bookmarks in a hierarchal tree.
- Fixed the problem with the default tab present upon installation or after resetting the tabs so that it can be selected.
- Fixed the bug caused by database changes brought in with WP 2.1 (reported by James) where pages were no longer listed in the Modify > Tabs admin pannel.
- Added ability to make tabs for pages, subcategories, archives, and bookmarks (previously it was only super-parent categories and pages).
- Improved the method by which the current tab is selected - now all tabs linking to the current page/post/category and it’s parents are taken into consideration, and the closest match is selected.
Verson 0.911 - 14/08/2006 (645 downloads)
- Fixed behaviour for blog/main page tab so that it can be selected and so the link points towards the blogs web address (instead of the website’s root directory).
Verson 0.91 - 06/06/2006 (327 downloads)
- Added options > Tabs admin panel, with the following features:
- Optional automatic (basic) css generation/example.
- Optional automatic css output into any theme.
- Option to create vertical tab interface (as opposed to horizontal by default).
- The ability to add html before and after each tab (just like you can in the templates).
- Also added the option to control the formatting of selected and non selected tabs using their id instead of class, allowing the custom formatting for each tab.
Verson 0.9 - 10/03/2006 (28 downloads)
- Update to manage > Tabs admin panel, including the addition of a drop down list of available tabs to make setting the plugin up as easy as possible.
- Fixed behaviour with categories: current tab now reflects the parent category instead of the current category.
Verson 0.8 - 09/02/2006 (10 downloads)
- Initial release
If you would like to request any particular features for this plugin then feel free to leave a comment. Please note that while I will try my best to help, development of the plugin is very time consuming so unless it’s a tiny adjustment don’t expect any fast results 
Support and Feedback
If you’re having any problems or need any help then please feel free to reply to this post for support regarding any aspect of dTabs.
If you’re using dtabs successfully than I’d love to hear about it! Reply to this topic or send an email to dtabs [at] dynamictangentconceptions.dtcnet.co.uk .
July 4th, 2008 at 7:19 pm
[…] found this plugin that did it for me, called […]
July 4th, 2008 at 9:54 am
[…] dTabs 1.1 […]
June 29th, 2008 at 7:55 pm
[…] dTabs 1.1 […]
June 29th, 2008 at 7:42 am
[…] dTabs Allows themes to include an optional user controled dynamically tabbed navigation system. By David Burton. […]
June 27th, 2008 at 4:38 pm
Okay, so I got dTabs to work! Yay!
(I had to use pages and parent pages to get the dropdown to work… but it does work!)
When the menu fades in and out, the whole page flickers.
What can I change to shorten or remove the fades altogether?
Thanks for a great plugin. I’ve been looking for WP menu options for weeks, and this one is the best.
Thank you!
[Reply]
Dave reply on June 30th, 2008 9:18 pm:
For now you could copy the javascript output by dTabs and make changes yourself to miss out the fading and then specify “outputjs=0″ in the argument for dtab_list_tabs, but I’ll add an option to switch off the fading in the next version …watch this space.
I’d be interested in seeing this behaviour since I’ve had a couple of reports of this but I can’t reproduce it. What’s the address of the site you were having this problem with, and with which browser?
Thanks for your help
[Reply]
Daniel reply on June 30th, 2008 9:27 pm:
Thank you for your response.
I’ve since learned that it looks great on the PC… the text just flickers on the Mac side (IE and Firefox). The fades run much slower on the mac too, so it just looks like it’s more taxing for some reason.
I’m going to see if I can play with your suggested settings though, to reduce it.
You can see it in action at:
http://www.steamcrow.com/comic
[Reply]
Dave reply on June 30th, 2008 9:38 pm:
What version of Firefox are you using? Do you get many visitors using IE:mac? I didn’t realise there was still demand for it’s support
Daniel reply on June 30th, 2008 9:49 pm:
No, IE for mac is pretty slim.
I’m using FireFox 2 something or another. I’ve not checked it in FF3 (mac) yet.
If that looks good, then maybe I won’t worry about it at all. FF3 adoption is looking pretty good.
When I first started this comment, I’d wrongfully assumed that it was all browsers on all platforms.
Thank you!
Daniel
June 24th, 2008 at 5:31 am
I don’t know how to get submenu
dtabs don’t give a posibility - how to do?
when I put tab and choose from category, than I get submenu “no categories”
Please help me
[Reply]
Dave reply on June 30th, 2008 9:02 pm:
You need to make some subcategories for that tab’s category.
Hope that helps
[Reply]
Beata reply on July 1st, 2008 4:49 pm:
Thank you Dave for answer. I only concerned that I can’t get what I need. To work dtabs menu properly, I ALREADY REALISEd that I need to do structure.
It is strange but I get right file by clicking second submenu but not the first
Look at my pages please:
http://vambutai.atwebpages.com/
If you click Sakos you need to get file this
http://vambutai.atwebpages.com/archives/2008/06/29/sakos/
First submenu is Antanas and I don’t get it
http://vambutai.atwebpages.com/archives/2008/06/22/antanas/
But I get next 2 submenu correctly Aleksandras and Teofile
I am searching and searching what isn’t correct. I need to get right pages, but automatically I get last added file and I don’t like it.
Not sure that you understood what i want……
[Reply]
Dave reply on July 1st, 2008 8:34 pm:
I’m sorry I am having trouble understanding the problem.
Is it that clicking on Sakos appears to load the same page as clicking on Antanas? …and the page that is loaded is Antanas?
If that is the case then the problem is that both Sakos and Antanas contain the same things so both display the same, but if you check the url and the title both categories are being displayed correctly.
Hope that helps, sorry if I’ve misunderstood
Beata reply on July 2nd, 2008 4:13 am:
The problem is i think, that Wordpress show the last added post but not what i click in menu.
When I click sakos (it means branches of genscheme) I get last added post Aleksandras and only beneath it Sakos>
When I didn’t have post Aleksandras, the last was Sakos and it appeared corectly by clicking on Sakos
Now when I click Antanas, I get again Aleksandras and beneath it Teofile, added before Aleksandras
here are my categorizing:
http://vambutai.antiques.lt/forumui/categories.gif
What I do worng, can’t understand
Beata reply on July 2nd, 2008 5:43 am:
I have just now coped with dtag Istorija and everything work correctly.
I don’t know why don’t work Sakos.
http://vambutai.atwebpages.com/archives/category/istorija/
Beata reply on July 2nd, 2008 5:58 am:
Maybe I need to publish all files (posts) at first and only later to arrange dtabs menu and categories, like I did with History posts ?
June 23rd, 2008 at 4:55 pm
I am beginner with Wordpress (worked with Joomla).
I am trying to find and install some dropdown menu, Installed dtabs and later found kubric tabs
I don’t like dtabs because I want horizontal menu
I put kubric tabs file in plugin directory but they don’t appear in my dashboard plugins directory.
Do they work with other templates or only with Kubrik template?
[Reply]
Dave reply on June 30th, 2008 9:01 pm:
Adding dTabs to your theme
[Reply]
June 23rd, 2008 at 2:20 pm
Where’s the CSS that controls the drop-down menus?
I’d like to remove the bullets. I think I’ve tried everything…
[Reply]
Dave reply on June 30th, 2008 8:58 pm:
Try placing .dmenu ul {list-style: none;} in your theme’s css file, or if you’re using automatic CSS generation you could place it in the CSS Styling box.
Hope that helps
[Reply]
June 18th, 2008 at 2:46 pm
I have installed this plugin in my site and it works .. but I have one problem I want my tabs to appear like this
Home | Contact | Gallery
I edited my theme and modified dtab_list_tabs() to dtab_list_tabs(’before=”"&after=”|”&outputjs=0′) and still I get menu like this
Home Contact Gallery
I tried changing the params also tried specifying only the after=”" in the params and it displays after=”" before my menu
Home after=”"Contact….
Please help me fix this issue
[Reply]
Dave reply on June 30th, 2008 8:35 pm:
I’ve tested your arguments for dtab_list_tabs and they work as expected except you shouldn’t quote strings (this is Wordpress’ policy not mine, related to wp_parse_args), they output I got was:
“”Home”|” “”Contact”|” “”Gallery”|”
and with no javascript so dropdown menus not working. For your desired effect you only need to specify “after=|”, make sure you are using dtabs_list_tabs rather than the depreciated dtab_echo_dtabs.
Let me know if you’re still having problems
[Reply]
Zuhaib reply on July 1st, 2008 12:42 pm:
Thank you for replying ..
yes you are correct .. that was the problem .. but I still get my menu as Home | Gallery | Contact | .. well that is good .. but can I eliminate the last | .. after Contact??
[Reply]
Dave reply on July 1st, 2008 8:24 pm:
Watch out for the next version - within a few days hopefully
Zuhaib reply on July 3rd, 2008 9:35 am:
thankx .. I will waiting for the update
[Reply]
June 12th, 2008 at 1:48 pm
[…] Dtabs (Dynamic Tabs) wordpress plugin by David Burton allows themes to include an optional user controlled dynamically tabbed navigation […]
June 8th, 2008 at 10:52 am
[…] dTabs 1.1 […]
June 6th, 2008 at 4:16 am
Ian, thanks so much - that fixed my “Firefox problem” immediately.
Dan
[Reply]
June 4th, 2008 at 5:12 pm
I just solved my menu-isn’t-horizontal-in-Firefox problem. (Dan, I think this is all you need, too.)
I’m not any sort of CSS guru, so my googling of “display inline firefox” turned up lots of stuff that’s way over my head, but basically Firefox 2 doesn’t support the CSS tag display:inline-block. What they do have is a number of -moz-* modifiers that are FF only. (Firefox 3 apparently recognizes this inline-block.)
What I did was add one line to the default CSS code, as below:
/* Default CSS generated by dTabs */
/* make the list horizontal */
#tabbar li, #tabbar ul li, {
display: inline;
}
#tabbar a, .tab, .tabselected {
display: -moz-inline-box; /* this is for Firefox only */
display: inline-block;
}
Firefox codes with the -moz-inline-box tag, every other browser ignores it and goes to inline-block, so now it all works perfectly.
[Reply]
Dave reply on June 5th, 2008 8:33 am:
Thanks Ian, I’ve been using Firefox 3 now for so long I forget it isn’t the current version. I’ll add your suggestion to the next release
[Reply]
June 4th, 2008 at 3:53 pm
Thanks for this plugin. I does (but see my note below) exactly what I needed on one of my sites.
However, I am seeing a problem. When I look at this site (http://www.gdanmitchell.com/) the tabs at the top of the screen look and work as expected. However, when I view the same page in the current version of the Firefox browser, instead of seeing tabs lined up next to one another across the top of the screen, each tab ends up on its own horizontal line, with one stacked above the other.
Thanks,
Dan
[Reply]
June 4th, 2008 at 1:15 am
Great plug-in–exactly what I was looking for.
I’ve copied+pasted the necessary code and activated the plug-in and done the config. It looks great in Opera, IE, and Safari (all in Vista), but in Firefox the tabs appear in a vertical array rather than horizontally. Any thoughts?
Cheers,
Ian.
[Reply]
June 1st, 2008 at 5:12 am
Love the plugin! Nice Job.
I am using FireFox 2 on Mac OSX 10.4.1 and there might be a minor issue with the fading of the tabs… for some reason it seems that the entire page fades instead of the tabs. Kind of hard to describe… Like the page text flickers as the menu tabs fade in.
Is there a way I can temporarily turn the fade effect off… at least until there is an update?
BTW, I really appreciated that adapting the plugin for using with xLanguage was a breeze! I just changed one line of code in two spots. Now my page is bi-lingual and uses dropdown menus
[Reply]
Jess reply on June 9th, 2008 7:40 pm:
Hello Dave and great plugin. I am having the same fading issue as Richard. I’m in Firefox 2 (v 2.0.0.14) on a mac running Tiger 10.4.11 and when I mouseover any tab, the text for the tab fades in with the submenu rather than just the submenu fading in. Is there a way to turn the fade off or do you have an idea of what may be causing it? This issue does not happen in Safari on my Mac or in IE or FF on our PC if that makes any difference.
I went to Richard’s site and he seems to have fixed the issue but his code is heavily modified from your version so I was hoping to apply a fix to your code.
Thanks very much for your time and effort on this great plugin!
[Reply]
May 29th, 2008 at 8:50 pm
Hello,
I want my old tab-design on my webpage, but I don’t know how to do that. Can someone help me?
This is the CSS:
avlist {
padding: 3px 0;
margin-left: 0;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
}
#navlist li {
list-style: none;
margin: 0;
display: inline;
}
#navlist li a {
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #DDE;
text-decoration: none;
}
#navlist li a:link { color: #448; }
#navlist li a:visited { color: #667; }
#navlist li a:hover {
color: #000;
background: #AAE;
border-color: #227;
}
#navlist li a#current {
background: white;
border-bottom: 1px solid white;
}
And this my HTML-code:
Home
Products
Services
Support
Order
News
About
[Reply]
May 25th, 2008 at 7:15 pm
hello, i installed this plugin and it’s not working.
i pasted the php code in the head, and checked automatically
generate CSS. when i add tabs, they show up as bullet points
above the h1 title; there are no tabs being generated.
any suggestions?
thanks
tin
[Reply]
May 23rd, 2008 at 3:59 pm
Love the plugin. It’s awesome and was very adaptable.
Sorry for the silly question. I test on one machine and then move stuff up to another. I’ve moved everything up, including my wordpress db and my tabs are not showing up.
Where is the db that contains the tab information?
Thanks.
[Reply]
Dave reply on May 25th, 2008 3:55 pm:
Thanks for your kind comments.
The information for dTabs is stored as options (in the wp_options table) so it would definitely have been included in your backup.
It’s simple stuff but have you checked that the dTabs plugin is activated and that you’re using a pre-enabled theme or you’ve called dtab_list_tabs() somewhere in your theme?
[Reply]
Michael reply on May 26th, 2008 1:20 am:
Dave,
Thanks for the quick reply.
Yup, I’ve got the dtab_list_tabs() call right in the header. It’s just showing up blank. I deactivated and reactivated several times and still it’s not showing up. I’ve checked now in both dbs to make sure the wp_options stuff looks good. Still no go. I’m going to futz around a bit more see if I can figure out why. Most likely it’s something idiotic that I’ve done somewhere.
[Reply]
Dave reply on May 26th, 2008 11:42 am:
If you can access the options directly (like in phpMyAdmin) then try copying the contents of the dtabs option over manually, I seem to remember backing up can have problems with arrays stored as options.
If all else fails then you could just set them up again I guess
Hope that helps
Michael reply on May 26th, 2008 11:16 pm:
Dave,
That did the trick. Quick question, I copied all three rows but it looks like the only row that didn’t copy in the initial upload was dtabs. The other two dtabs_info and dtabs_option seemed to be the same. Is this your experience or did I just not see the differences when I copied the other two as well (did this question make sense)?
May 22nd, 2008 at 6:37 am
Thank you for this great plugin.
I’m using this plugin with WP 2.5.1 and the Mandigo/Royale theme.
I like the flexibility around the management of what can be added to the navigation.
I did find two issues:
1. By default, menus showed as a horizontal tabs (I found out how the CSS style by reading these topic messages).
2. The menu appeared about 150px from the main menu. I had to hack the plugin code (sorry) to appear closer to the parent tab.
Keep up the good work!
[Reply]
May 17th, 2008 at 6:15 am
Hi,
I am currently using the Kubricks Tabs theme together with the dTabs plugin and am having an issue where the menu bar occasionally will display on two or three lines. I have not made any changes to any style sheets. Have been searching for a while now for a solution anf would appreciate some help.
Cheers,
Robert
[Reply]
Dave reply on May 17th, 2008 12:31 pm:
This bug has been around for a while. As far as I can tell it’s actually a browser bug related to CSS and page loading times. I can’t reproduce it on my test blog or even with a local copy of the html for your blog which suggests it’s to do with the time taken for your installation of Wordpress to output the page and your server to send the output to the browser.
In the past I’ve suggested preloading any images in your tabs, but I’m not sure that helps to be honest. The html produced by dTabs and the CSS in Kubrick Tabs is Kosher. I’ve not yet been able to come up with anything that eliminates the problem so all I can suggest is having a play with the CSS yourself to try and find a work around.
I’m sorry I can’t be any more help at present. I’ll keep trying though
[Reply]
Robert reply on May 18th, 2008 2:15 am:
Hi Dave,
Appreciate the prompt response and your feedback.
If I “stumble” across anything I’ll certainly post it to the forum.
I’m not in a position (at this stage) to start modifying CSS as I do not have these skills.
Regards,
Robert
[Reply]
Timo reply on May 29th, 2008 11:26 am:
Hello Dave,
I run into the same problem as Robert.
Is there a solution ight now for that problem?
[Reply]
May 9th, 2008 at 11:05 am
Great plugin, only one error…
The right code snippet is:
Your snippet contain a space between “<” and “?php” in the first row. that cause dtabs don’t start, but only show the code in the page. Please correct this in the “Adding dTabs to your theme” section.
Thanks a lot for this userful plugin!
Bye…
Silvio.
[Reply]
Dave reply on May 17th, 2008 1:07 pm:
Thanks, fixed!
[Reply]
May 8th, 2008 at 7:05 am
Please disregard my previous comment - I’ve just installed a plugin to remove the category base, and this also updates the link used by dtabs as well.
Outstanding - thank you very much.
[Reply]
May 8th, 2008 at 1:27 am
I’ve just begun checking out your plugin, and it looks really flexible, but there’s just one issue.
The automatically detected permalink for category links isn’t exactly what it should be. For the most part site.com/category/catname is perfectly fine, but when your permalink structure is set to:
/%category%/%postname%
then the prefix of ‘category’ can be bypassed, so the legitimate category permalink becomes site.com/catname.
I’d love to use your plugin to generate menus, but I really want to keep using my permalink structure. Is there a change I can make? or will you consider an update to fix this?
Thanks a lot for contributing to the wordpress community. Plugin authors are wordpress angels.
[Reply]
May 7th, 2008 at 9:02 pm
[…] Blogroll BlogCatalog Link Broken Link Checker Dashboard Widget Manager Different Posts Per Page dTabs Excerpt Editor Hello Dolly My Category Order Simple Tags Sitemeter Stats Technorati Fav Button […]
May 7th, 2008 at 3:05 am
Nevermind, sorry…it seemed to have fixed itself. I might play with this plugin again soon when I know more about it. thanks for your efforts.
[Reply]
May 7th, 2008 at 2:40 am
Greetings,
I had some problems placing the snippet of code in the wrong spot in my header.php which pretty much crashed my blog. Luckily admin still works and I saved my original header.php but after restoring everything my blog still shows only code etc?
I had activated the css and so maybe thats troubling me somewhere. I deleted the plugin only then to find out there is a proper un install method so I added the plugin and then properly uninstalled it. Still now luck…any thoughts?
thanks.
[Reply]
May 6th, 2008 at 3:48 pm
hi. Thanks for plugin
perfect.
best regards
baron
[Reply]
May 3rd, 2008 at 6:51 pm
No problem, thank for giving it a shot. I got to work a little better after I stole some CSS from the Kubricks tab theme.
[Reply]
May 3rd, 2008 at 5:07 pm
@ anonfx I can’t access your site, but yeah that sounds like just CSS problems. Your solution sounds fine. Sorry I can’t be any more help at present.
[Reply]
May 3rd, 2008 at 2:29 am
(more follow-up)
Ok, so I think I have a workaround. I set the left margin for the drop down at -400px and the top margin increased by 10px or so. I’m not sure how well it’ll work in the long run, but seems to be ok right now. Now, I just gotta figure out how to make the drop down wider so the test doesn’t wrap strangely.
[Reply]
May 2nd, 2008 at 10:46 am
(Follow-up to previous comment)The same error occurs if I use my theme’s CSS or the plugin’s CSS.
[Reply]
May 1st, 2008 at 1:32 pm
I’m REALLY liking this plugin, but I’ve run into a problem when a parent tab lists the drop down. It would be best explained by just visiting the site:
http://74.54.217.242/~jmarty/ccc/
This site isn’t live yet, so thing might look broken, but take a look at the “About Cornerstone” tab. When you hover, the drop down appears way off to the right and it wraps too short.
Is it the theme? I hope I can get this to work. It looks very promising and is exactly what I’m looking for.
P.S. I posted this same issue at http://wordpress.org/support/topic/173253?replies=1
but I later thought it would be best posted here.
[Reply]
April 29th, 2008 at 9:11 am
@ Joy, sorry I don’t have any css for that theme, but it’s not a problem with your theme or CSS, it was a bug relating to the problem with non-word characters. Update to 1.2.2 and it should be fixed.
When you are happy with them, you could submit your changes to the themes author to help people in the future
[Reply]
April 29th, 2008 at 8:48 am
I’ve reverted to the older version and it’s working again. i think it could be a problem with my theme and css. do you by any chance have css done previously for http://themes.wordpress.net/?s=regulus. the css is driving me crazy :p
[Reply]
April 29th, 2008 at 6:14 am
Thanks Dave!
One more thing though, i just upgraded dtabs to the latest version and now some of the tabs don’t change colour. i can’t seem to see a pattern.
[Reply]
April 29th, 2008 at 5:01 am
Presto!
.dmenu ul li {display: list-item !important; float: none !important; } works perfectly!
Unless it might have other unintended consequences, maybe a good addition to the default dTab css?
Guess I need to hit that donate button…with pleasure. Thanks again!
[Reply]
April 29th, 2008 at 12:24 am
[…] dTabs 1.1 […]
April 28th, 2008 at 1:54 pm
@ Bob, I’ve had a look using Firefox’s DOM inspector and found the problem. In chronicles/style.css you set #menu ul li {float:left;} since the .dmenu list items are also in #menu, they inherit float: left;. So the solution is to either change that property in chronicles/style.css, or alternatively you can add .dmenu ul li {display: list-item !important; float: none !important; } to your dTabs css (I’ve tested this already).
Hope that helps. Nice theme by the way
@ Joy, I’m glad you solved your problem, but it does grate on me that you had to resort to using the “other” tab type, “blog page” or “front page” should actually work so I’ll be looking into that problem.
[Reply]
April 27th, 2008 at 7:20 am
Duh! SPS Suite caused the dropdown conflict. It’s got menubar capability but I never could get it to work. I was using it for the pages widget dropdown. Don’t need the pages widget now that I kindof have dTabs working. Kindof because I still haven’t figured out how to fix the dropdown horizontal orientation instead of vertical. I tried one or both of the following with no success. Any help at texaun.com would be appreciated.
.dmenu ul li {
list-style-type: square;
}
.dmenu li {
display: list-item;
}
[Reply]
April 26th, 2008 at 12:54 am
Thanks Dave! I changed it to “other” and put in my home url and it works now
[Reply]
April 25th, 2008 at 12:08 pm
Sorry to those who have been waiting a while for a response. I think I’ve replied to everyone, but let me know if I’ve missed you.
@ Bob
The vertical dropdown is just a matter of getting the right css to select the list items, try something along the lines of .dmenu li { display: list-item;}
The subpages drop down only appearing when the parent page is the current page problem, appears to be a little more complicated. What other plugins are you using? Try deactivating all your other plugins, if that makes a difference try to isolate which one particularly and let me know either way please
@ Walt
I’m not sure exactly what you mean, but I think this probaly cannot be done at present. If you give me some more details I’ll consider it for inclusion in future releases though
@ Stan
In what way is Russian cauing problems? Do you mean using non-english characters in post names?
@ Matt & Adam
Delete the space between the “<” and the “?” and see if that works. Sorry, you’ve copied the code directly from this page so it’s not your fault, I’ll try and get it fixed asap
@ Jakob Helmer
I’m glad you figured it out, but that bug was meant to be fixed in 1.2.1! I’ll have to take another look at it when I get chance
@ Joy
Try setting your home tab to blog page instead of home page and see if that makes a difference
[Reply]
April 25th, 2008 at 8:32 am
Hi Dave,
Great plugin. I think I’ve tried every horizontal menubar capable plugin for Wordpress with mixed success on the Chronicles theme, but your is the best. However, my situation isn’t optimal yet and I can assure you I’ll be hitting that PayPal donate button if I can get two issues fixed.
Please refer to http://www.texaun.com I’m currently using a modified version of the default dTabs css, but I tried the Kubrick code and even what Joy posted in comments with comparable issues. The two issues are:
• When I mouseover the menubar, the dropdown doesn’t activate for subpages (the main pages About, Dogs, Puppies, and Resources have subpages). However, when one of those main pages is the current page, the dropdown does activate for that main page.
• However, when the dropdown activates, it has a horizontal orientation instead of a vertical one.
The Chronicles theme is available at blogohblog.com and my css follows. Any assistance provided is greatly appreciated!
Bob
/* Default CSS generated by dTabs */
/* make the list horizontal */
#tabbar li, #tabbar ul li, {
display: inline;
}
#tabbar a, .tab, .tabselected {
display: inline-block;
}
/* draw yellow borders around the tabs or not with 0px, add minimal rounded corners and little spacing */
.tab, .tabselected {
border: 0px solid rgb(255,255,204);
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-bottomright: 0;
-khtml-border-radius-top-left: 5px;
-khtml-border-radius-top-right: 5px;
-khtml-border-radius-bottom-left: 0;
-khtml-border-radius-bottom-right: 0;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
padding: 1px;
margin: 1px;
height: 12px;
}
/* colour unselected tabs dark brown*/
.tab {
background-color: rgb(33,17,0);
}
/* colour selected tabs light medium brown, and make their border yellow along the bottom to blend in with the background */
.tabselected {
background-color: rgb(89,77,64);
border-bottom-color: rgb(255,255,204);
}
/* style the dropdown menus */
.dmenu {
display: none; /* REQUIRED dont display them to begin with */
position: absolute; /* REQUIRED enables javascript to position them below the right tab */
z-index: 100; /* REQUIRED makes sure they appear on top of other content on the page */
margin: 24px 0 0 0; /* display them 24px below the top of the tabs. this is a kind of average value for the height of the tabs, which seems to vary slightly between browsers */
padding: 1px 1px 1px 0; /* put minimal space around the contents */
background-color: rgb(89,77,64); /* colour the background light medium brown*/
border: 0px solid rgb(255,255,204); /* add a yellow border or not with 0px */
/* minimal round all the corners except the top left */
-moz-border-radius: 5px;
-moz-border-radius-topleft: 0;
-khtml-border-radius: 5px;
-khtml-border-radius-top-left: 0;
-webkit-border-radius: 5px;
-webkit-border-top-left-radius: 0;
text-align: left; /* just in case */
}
[Reply]
April 25th, 2008 at 8:23 am
Hi. Can these be set up somehow “inside” a page to navigate using the nextpage function (i.e.- multi-page posts or pages)?
[Reply]
April 24th, 2008 at 10:24 pm
I found the problem: the Russian language. It can not be ID
[Reply]
April 24th, 2008 at 10:06 pm
Good day, my problem is: do not appear active tabs of categories
[Reply]
April 24th, 2008 at 4:57 pm
I am haveing the same problem as Matt “all it shows is the text of the snipit I pasted”.
[Reply]
April 23rd, 2008 at 3:01 pm
I can’t get it to work… all it shows is the text of the snipit I put pasted
Please help.
thanks for your plugin
[Reply]
April 22nd, 2008 at 10:37 pm
Well, changing the slug title to not include hyphens made the tab work as advertised again. So forget my former post. Not optimal, but I’m not going to complain about this fantastic tool, which is made available for free. Thanks again, David!
[Reply]
April 22nd, 2008 at 10:28 am
Dear David,
Thank you for a great plugin! I really enjoy the ease of use. Although, after upgrading to 1.2.1 I have a slight problem. I use dTabs to make a horizontal topbar navigation which calls a series of pages from WordPress. This works perfectly. See it here: http://kirkeligkunst.dk
However, if you click the second tab called “Om Selskabet” and check the page source, the element hasn’t got the class=”tabselected”, only class=”tab”. All the other pages work as intended, and I haven’t changed anything on the problematic page itself in WordPress. Is this related to dTabs or WordPress? I can’t seem to figure it out. I tried resetting the tabs and rebuild them to no avail. The same problem crops up. Is it related to the page slug?
I would appreciate it if you have the time to look at this,
Best regards,
Jakob Helmer
[Reply]
April 21st, 2008 at 10:45 pm
Why does the menu on my page have two rows instead of just one?
[Reply]
April 21st, 2008 at 2:47 am
@Dave, thanks for your reply, it really helped!
i tried closing the list tag but it didn’t work, so i removed it totally and played around with the css. i also removed the “nav” unordered list, and replaced the “All blogs” tab in the Tabs admin panel.
everything seems to be working except the “All blogs” tab which is not changing colour on active. “All blogs” tab is using “front_page” and all the other tabs are using “categories”.
looking forward to hearing from you. thanks in advance!
oh btw, here’s the css:
ul#tabbar {
position:absolute;
bottom:0; left:0;
margin:0 0 0 16px;
list-style-type:none;
}
ul#tabbar li {
list-style-type:none;
float:left;
margin:0 0.5em 0 0;
}
ul#tabbar li a {
padding:10px 14px;
border:none;
color:#fff;
background:#024;
border:1px solid #fff;
border-bottom:none;
border-color:#357 #002 #002 #357;
display:block;
white-space:nowrap;
_width:1em;
}
ul#tabbar li a:hover {
background:#246;
text-decoration:none;
}
ul#tabbar .tabselected a,
ul#tabbar .current_page_item a:hover {
color:#335;
background:#fc0;
text-decoration:none;
border-color:#ff3 #da0 #da0 #ff3;
}
[Reply]
April 20th, 2008 at 9:20 pm
@ D4W50N, have a read of the documentation, it’s really not that hard, also check out the Themes pre-enabled for dTabs section for a ready made theme
[Reply]
April 20th, 2008 at 7:10 pm
Why don’t you make ready-to-use theme so that we don’t have to touch the theme or re-edit! Add dTabs and made it ready to download please! hehe,,,
[Reply]
April 20th, 2008 at 4:49 pm
@joy, to start with you have a slight error in your hmtl - a list item tag that you don’t close (”<li”), also you’ve placed your tabbar inside an unordered list (I think to include your tab to “All blogs”). So try and get rid of that open list item tag and the “nav” unordered list, and replace the “All blogs” tab in the Tabs admin panel.
If you’re still having problems try playing with the css that selects “.tabselected”, try “#tabbar .tabselected” instead.
I hope that helps, but if it doesn’t, then get back to me
[Reply]
April 20th, 2008 at 4:30 pm
thanks for this wonderful plugin!
i’m having the same problem with Mor, the tabs don’t turn white when they are selected. any suggestions?
[Reply]
April 20th, 2008 at 4:29 pm
@ Mike and Morgan, thanks for reporting this, it should be fixed in version 1.2.1.
[Reply]
April 19th, 2008 at 1:37 pm
Hi, regarding my problem below, I’ve figured out what’s going on (after comparing to your own page).
When a Wordpress page title contains a space (e.g. Photo Gallery), the default URL becomes /photo-gallery. It looks like the “-” in the tab title will cause a problem with the code (specifically hidingmenu). To avoid this I’ve removed the “-” from my page titles.
[Reply]
April 18th, 2008 at 9:03 pm
I’m having some trouble with this plugin after upgrading to WP 2.5 and dTabs 1.2.
One drop-down menu will open but not close and no further menus will open. There seems to be a problem with the code to close tabs.
I’ve debugged using Firebug and it reports the following:
“invalid assignment left-hand side
hidingmenu_photo-gallery_menu=false”
Possibly relates to dtabs.php, line 983 - should this be ==false
“hidingmenu_photo is not defined
if (keepshowingmenu==0 && activemenuid!=”" &&
val(’hidingmenu_’+activemenu…”
Can’t figure this one out.
I’ve used the latest dtabs file, the new bbKubrick theme and tried disabling all other plugins with no success. Any help available?
[Reply]
April 17th, 2008 at 12:45 pm
Huh, forget about my comments. My categories were empty. Once I created posts for them, the menu was showing up just fine!!!
Great job!
Thank you.
[Reply]
April 17th, 2008 at 12:37 pm
Awesome plug-in!
One question, though:
I created a menu combined from pages and categories. When I am on a page, I do have the class “tabselected”, but on a category page, the class remain the regular one: “tab”. I looked at the examples you mentioned above and saw that in them, the category page do get the class “tabselected”. What is the fix for that, or am I doing something wrong?
Thanks,
Mor
[Reply]
April 10th, 2008 at 8:31 pm
[…] Download […]
April 10th, 2008 at 12:18 pm
How to make a blogpost show a tab as current?
[Reply]