WordPress.org

Ready to get started?Download WordPress

Forums

New Plugin: postTabs (38 posts)

  1. leogermani
    Member
    Posted 6 years 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,,

  2. cinematic
    Member
    Posted 6 years ago #

    A demo would be nice ...

  3. leogermani
    Member
    Posted 6 years ago #

  4. cinematic
    Member
    Posted 6 years ago #

    cool, thanks .. will check it out.

  5. cinematic
    Member
    Posted 6 years ago #

    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!

  6. leogermani
    Member
    Posted 6 years 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,,

  7. cinematic
    Member
    Posted 6 years ago #

    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 :)

  8. leogermani
    Member
    Posted 6 years 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,,

  9. leogermani
    Member
    Posted 6 years ago #

    Hey..

    Ive published this plugin 2 days ago and it is still not showing on the plugin directory. Is that normal?

    Leo,,

  10. cinematic
    Member
    Posted 6 years ago #

    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/

  11. leogermani
    Member
    Posted 6 years 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,,

  12. flick
    Member
    Posted 6 years ago #

    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.

  13. leogermani
    Member
    Posted 6 years ago #

  14. RoseCitySister
    Member
    Posted 6 years ago #

    Thanks for this - it's just what I needed, but I didn't realize it until I saw it! :)

  15. raygene
    Member
    Posted 6 years ago #

    Great plugin, really useful.

    Gene

  16. riverwriter
    Member
    Posted 6 years ago #

    Simple to use, works for me. I will be using it to show different drafts.

  17. leogermani
    Member
    Posted 6 years 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,,

  18. cinematic
    Member
    Posted 6 years ago #

    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.

  19. leogermani
    Member
    Posted 6 years ago #

    hi cinematic,

    send me your verion so I can have a look

    my username at gmail

    cheers

    Leo,,

  20. raygene
    Member
    Posted 6 years 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

  21. leogermani
    Member
    Posted 6 years 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,,

  22. raygene
    Member
    Posted 6 years ago #

    Thanks Leo, I really like this useful plugin.

    Great work,
    Gene

  23. dar3devil
    Member
    Posted 6 years 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 &section=tab_name near the ?p=1.

  24. leogermani
    Member
    Posted 6 years 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

  25. dar3devil
    Member
    Posted 6 years 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.

  26. leogermani
    Member
    Posted 6 years 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

  27. dar3devil
    Member
    Posted 6 years 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.

  28. dar3devil
    Member
    Posted 6 years 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 ;)

  29. leogermani
    Member
    Posted 6 years 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,,

  30. dar3devil
    Member
    Posted 6 years ago #

    thanks leo very much. it's better than the first one. Congratulations. You made it ;)

Topic Closed

This topic has been closed to new replies.

About this Topic