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?
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
Thanks jenny, Where would i find that bit of code to edit to pick up the images?
Cheers.
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
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??
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
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 😀
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.
Ok, I’ll give a look and see what I can do!
-jennyb
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…
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.
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
