WordPress.org

Ready to get started?Download WordPress

Forums

WP-jScrollPane
[Plugin: WP jScrollPane] Problem in IE7 (13 posts)

  1. jennybeaumont
    Member
    Posted 2 years ago #

    Heya!

    Am thrilled with this plugin, has just opened up a whole new world of design ops for WordPress! But enough with the flattery, I do have a small problem I'm hoping someone can help with: the jscrollpane does not work in IE7. Both a vertical and a horizontal bar appear, but in the classic browser style. Works beautifully on other browsers.

    http://www.tout-terrain.com/concevoir/

    Any ideas?

    Thanks all!
    -jennyb

    http://wordpress.org/extend/plugins/wp-jscrollpane/

  2. fawkesblog2
    Member
    Posted 2 years ago #

    Hi Jenny

    Not sure i can help other than suggest updating to the latest version.

    I do have a question. I notice that you have arrowheads above the scroll bars and the scroll button is styled. Love it, can i ask how you did that?

  3. jennybeaumont
    Member
    Posted 2 years ago #

    Heya,

    I do believe I'm using the latest version, but I will double-check. Glad you like it! The arrows and scroll bar decoration were done simply by creating the images, then adding them as backgrounds to the elements. So for the arrows I did:

    #content .jspVerticalBar .jspArrow.jspArrowUp {
    background: url("images/scroll-arrow-up.png") no-repeat scroll center center #000000;
    height: 30px;
    }
    #content .jspVerticalBar .jspArrow.jspArrowDown {
    background: url("images/scroll-arrow-down.png") no-repeat scroll center center #000000;
    height: 30px;
    }

    If you have firebug or a similar plugin for your browser, you can use it to dissect the page. :)

    cheers,
    -jennyb

  4. fawkesblog2
    Member
    Posted 2 years ago #

    Thanks jenny, Where would i find that bit of code to edit to pick up the images?

    Cheers.

  5. jennybeaumont
    Member
    Posted 2 years ago #

    Hya,

    Not sure I understand the question. #content simply refers to the div where my scroll bar is applied, so you would replace with whatever div id you're using.

    .jspVerticalBar .jspArrow.jspArrowUp etc, are the classes defined within the plugin itself. I found them by using Firebug in my Firefox browser to dissect the page...placing this style rule in my own theme's stylesheet overruled the css defined in the plugin.

    Hope that helps!
    -jennyb

  6. cornfeed
    Member
    Plugin Author

    Posted 2 years ago #

    Hey all, I missed this thread, sorry.

    @jennybeaumont I like what you have done. I have been needing someone to help me out with some css issues I am having with the new version and creating a standardized theme system. Would you be interested in helping??

  7. jennybeaumont
    Member
    Posted 2 years ago #

    Hi cornfeed - are you the author of the plugin? I don't have tons-o-time, but I'd be happy to help if I can. I haven't upgraded to the latest version yet, and still haven't resolved that IE7 issue (which, for all I know may be resolved when I upgrade!)...I've moved onto another project that doesn't use jScrollPane, but I'd definitely like to play with it some more to get a better handle on it. I'm sure to use again in the future.

    Let me know what you need.
    cheers,
    -jennyb

  8. cornfeed
    Member
    Plugin Author

    Posted 2 years ago #

    Its all css stuff that I don't grasp. If you go to stage.alltechservices-ia.com, the full-page scrollbar has been turned into a themed bar on the left. it is using the "WinXP" theme, but as you will see, the css is plenty wacky. I got the idea from jscrollpane's author's old website http://www.kelvinluck.com/assets/jquery/jScrollPane/examples.html
    If you have time, I would really like to get WinXP and OSX working and following a similar structure to his new theme http://jscrollpane.kelvinluck.com/themes/lozenge/
    This way I can have examples for users to create their own themes from. I made it so the plugin can have as many as you want :-D

  9. cornfeed
    Member
    Plugin Author

    Posted 2 years ago #

    Oh also, I don't know if you solved your IE7 issue, but it should support it. there are custom fixes for it in the script.

  10. jennybeaumont
    Member
    Posted 2 years ago #

    Ok, I'll give a look and see what I can do!
    -jennyb

  11. jennybeaumont
    Member
    Posted 2 years ago #

    it looks like you're already rocking the "lozenge" style you want within the page on the posts...why not just use the same for the main page scroll? you would just need to copy the css from one file to the other, and eventually tweak colors, etc if you want...

  12. cornfeed
    Member
    Plugin Author

    Posted 2 years ago #

    First, yes I am the developer of the plugin. a step back...
    When Kevin updated jscrollpane, he put out the new Lozenge theme as an example. It is a great example for people who are going to need simple stuff like rounded corners and such, but I would like to have another example that uses images, which has proved more difficult than I expected.

    I started just like you said, copying the lozenge css mixing in the css from the example page I linked earlier, but as you can see....

    So I decided that a designer might be better suited to the task that I have spent too many hours on.

    In the end, I would like to release the plugin with three themes; lozenge, winxp, and osx.

    once I have that ironed out, I will probably add a way for creating themes. currently it loads all theme folders found.

  13. jennybeaumont
    Member
    Posted 2 years ago #

    Ok, I understand a bit better what you are looking to do. Whereas I'm not a designer, but rather a web producer, I could probably help you hammer out the css to create the different themes. I would need some kind of example or mock-up to refer to, in order to know exactly what you're after for each. Also, and here I have no experience in building wp plugins, we'd have to account for the user preferences offered. This bit actually caused me some probs, so maybe this new approach would help with that too: I had initially started using the admin settings to define some of my elements, but then when I started applying my own css, any time I can back to those settings, it often over-wrote the other work I had done. Hope that makes sense.

    Anyway - if you'd like to take this conversation elsewhere, you can email me: emailme@jennybeaumont.com

    cheers,
    -jennyb

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic