Posted 1 year ago #
Hi,
Just released a new plugin called postTabs wich allows you to split the content of your post or page into tabs!. More info and screenshots here:
http://pirex.com.br/wordpress-plugins/post-tabs/
Its still beta because of some css issues... If someone can help.. please do
cheers
Leo,,
A demo would be nice ...
Posted 1 year ago #
So a demo you have:
cool, thanks .. will check it out.
Hi leogermani,
this is a nice plugin. I recently tinkered around with ui.tabs but your plugin makes insertion of tabs really easy.
To get it display correct in IE you will need to change the css as follows:
Just change ul.postTabs li as follows:
instead of display:inline; -> display:block;
and add a float:left;
that it looks like this:
ul.postTabs li
{
margin-top: 5;
display: block;
list-style-type: none;
line-height: 1em;
float:left;
...
IE doesn't apply padding to inline elements this is why you will need display:block and add a float: left to get an horizontal view.
Good luck and thanks for a great plugin!
Posted 1 year ago #
Thanks cinematic,
It worked with a conditional comment for IE. I also tested on safari, IE7, knoqueror and Opera and its fine!
So I decided to release it again as 1.0 now! All testing and feedback are welcome.
Ive already uploaded to the wordpress plugin directory as well and it should be available soon. Meanwhile you can download it at the plugin homepage at:
http://pirex.com.br/wordpress-plugins/post-tabs/
Im just not happy with the fact that self.focus(); is not working in firefox... wonder why...
Leo,,
Why two different styles and a conditional comment? Your conditional comment works for IE6 only.
Make it display:block and float:left by standard for every browser and it will look nice in every browser and you must not fiddle around with conditional comments :)
Posted 1 year ago #
Its hard to adjust the position of the tabs for every browser. I first tried using float: left and display: block - it looked ok in iE but not in firefox...
Its wierd Ive published the plugin here this morning and its still not available...
Leo,,
Posted 1 year ago #
Hey..
Ive published this plugin 2 days ago and it is still not showing on the plugin directory. Is that normal?
Leo,,
Hi Leo,
is there a way to include php in a tab? For example if I want to appear the excerpt of the first post of a certain category in a tab? I tried and it didn't work. Would it be possible somehow?
P.S.: Seems your plugin is hanging somewhere between published and unpublished .. :)
http://wordpress.org/extend/plugins/posttabs/
Posted 1 year ago #
All this plugin does is to split the content of a post into tabs. It will deal with any kind of information that you are ablo to insert on your post. So, if you have another plugin that allows you to insert what you want, this plugin will put it inside the tab..
Ill try to republish this...
Leo,,
Wow... I was wondering at one point if a plugin like this could be developed!
I am currently using Page Post by Andot, but am not sure if it will transfer successfully to 2.5.x; and hadn't found anything that could supercede this plugin.
However, this will definitely be on my 'must-check' list when I re-develop the site again. Thank you!
p/s: I would be using for displaying lyrics: The original, the translation, the romanised version etc.
Posted 1 year ago #
Finally online!
Posted 1 year ago #
Thanks for this - it's just what I needed, but I didn't realize it until I saw it! :)
Posted 1 year ago #
Great plugin, really useful.
Gene
Posted 1 year ago #
Simple to use, works for me. I will be using it to show different drafts.
Posted 1 year ago #
Thanks for the feedback
I still think it could be improved in what html/css is concerned... For instance, I had to remove the "clear:both" entries of the css to use it in a site im working...
besides, sometimes the linehight gets a little different, and its still looking different in ie...
if any of you guys feel that you can improve this, please do
cheers
Leo,,
Yes, it's looking different in IE due to your conditional comment which addresses IE6 only.
If you had put a display:block and float:left in the css by standard as suggested there won't any problems at all. Firefox doesn't have any problems with float:left; ... I am using it this way and it works perfect.
Posted 1 year ago #
hi cinematic,
send me your verion so I can have a look
my username at gmail
cheers
Leo,,
Posted 1 year ago #
Yes, it's looking different in IE due to your conditional comment which addresses IE6 only.
I gave up on making IE6 users (and good old Bill) happy, as a matter of fact, I installed This neat plugin
Cheers,
Gene
Posted 1 year ago #
Hi guys,
Just released a new improved version of the plugin. Now the css is much better.
I hope this version works better with all themes and browsers.
Ive also improved the Options Page, with a color picker and a preview of the tabs...
check it out and enjoy
Changelog
* improved css stylesheet for better cross-browser cross-themes compatibility
* now you can change also the line color
* improved admin interface with color picker and preview
cheers
Leo,,
Posted 1 year ago #
Thanks Leo, I really like this useful plugin.
Great work,
Gene
Posted 1 year ago #
leo it would be nicer if you change the java script function to php scripting. i refer to the tabs links. instead of javascript:tabsshow(0,1) it would be nicer a §ion=tab_name near the ?p=1.
Posted 1 year ago #
dar3devil,
Im thinking about it.. but it has 2 issues...
one is that people use different kinds of permalink..
other is when you are not ina single page, but in a archive.. and you may have more than one post with tabs appearing on the page...
The nice thing I want (suggestion of a user) is the ability yo have a perma link for a post with an specific tab opened.
thinking about it
Posted 1 year ago #
it's doesn't matter the permalink. you just query the normally link with ?p=number_of_post because when user have set to use different permalink, it goes automatically to that permalink. i tried this in a flash presentation and putted the link for ?p=id for the page or article i wanted and it's working.
The other issue about more than one post with tabs appearing on a single page, it's better for those to display the tabs after the <-! more !-> tag. Then it will be no problems using this thing.
About the thing you want, if you should make this one work, then it work also the ability fir having a permalink to a post with a specific tab opened, because when you will change the javascript function with the php one it will be so easily to put link to http://blogname/category/post/tab. set this in settings. i tried this with an multipost number plugin and when i go to page 3 of the post it's redirecting me to http://blogname/category/post/number_of_page. So i'm assuming that it will work for postTabs too.
Posted 1 year ago #
ok.. almost there, but I still dont have the full picture in mind because:
. I dont want the whole page to reload when you click on a tab. I like it the way it is, hiding and displaying divs.
.. by the way, the next feature Im planning is to detect if there are any images inside a hidden tab and pre-load it.
The permalink should be a option so one can bookmark a page with a tab opened or send by email... publish it somewhere, etc...
So my questino now is not how to make it work. But how to present it to the user... where exactly he/she would pick this link up to send to someone...?
still thinking
Posted 1 year ago #
i know it's nicer the way it is by hiding/displaying divs, but more improved SEO by reloading the page. and so it's easier for the user to take de url from the navigation bar of the IE/Opera/Firefox.
another option is to let how it is and modify in javascript function when clicking a tab to go to post_permalink/#tab_name. look for an example on http://www.sunsean.com/idTabs/ when clicking a tab it goes to .../#home or .../#usual. It's an option, and this also is more improved SEO than the way it is now postTabs.
Posted 1 year ago #
and other thing. it should be nice if you could make a function that make a button unavailable and have an lower opacity. That through a function called "disable_on();" or something, in the content of the tab that we want it disabled. just an opinion ;)
Posted 1 year ago #
Hi guys,
just relesead a new version!
many fixes, improved CSS and new features.
You can see the new features in this announcement: http://weblogtoolscollection.com/pluginblog/
Ive put a lot of though on the permalink issue..
First I tried the #target style of tabs, but it does not work with ie6...
My decision was to make this an option, wether the user wants to use only hide-show divs or to have a permalink for each tab.
The plugin also sets a cookie now that (if you are not using a permalink) remembers wich tab was opened when you reload the page.
well. please give it a try. Im waiting the feedback of everyone on these new features... Im wondering if the options page is to confusing now.. specially because of my english. If anyone can help with that, I apreciate..
cheers
Leo,,
Posted 1 year ago #
thanks leo very much. it's better than the first one. Congratulations. You made it ;)
This topic has been closed to new replies.
