custom scrollbar in deux-columns

lucia / 2010-02-25 23:22:04   

Hallo the-ones-who-know,
I am busy with buiding my site, customising deux-column format. I have added scrollbar to the first column of the content area (thanks to the help of Ricky) and now I want to customise this specific scrollbar.
I have found FLEXCROLL
and tried and tried but cannot figure out where to insert the html part div class= 'flexcroll' if I want just the first column to react on this.....just cannot seem to get it working....
Any help, clearer instructions about how to do this, please? Any experiences with this? Did not find it on the forum.
Thank you.

my site

lucia / 2010-02-26 16:04:23   

anybody experience with scrollbars?

brof / 2010-03-19 19:36:38   

mmm, no idea, just looking for the same, to custom the scroll bar. if i found the way to do it, i post here.

brof / 2010-03-19 23:37:42   

I'm trying to customize the scrollbars in style.css, but nothing changes. some idea there? thx

designwallah / 2010-03-20 01:34:07   

Lucia, I've taken a good look at fleXcroll and I think it might be quite difficult to implement - if your "Test 1" page is created through the normal Indexhibit method:

Create a new exhibition;
Upload images;
Select Deux Column as format;
Publish.

This is because, as you can see in the "web.htm" example file from fleXcroll, you need to add "class='flexcroll'" to the div that you want to apply a custom scrollbar to, and that appears to be impossible - because the HTML for the page is generated from the Indexhibit PHP code, not by anything you type.

fleXcroll then uses JavaScript to look for divs with class fleXcroll and replaces them to make the custom scrollbar work. I think this is too much work ust to change the appearance of scrollbars.

designwallah / 2010-03-20 02:02:09   

OK, this is easier than I thought.

  1. Copy /plugin/deux_column.php to /plugin/deux_column1.php. Then add "class='flexcroll'" to the div, like this: 
  2. $s .= "<div id='d-col1' class='flexcroll'>n";

Then upload this file and the appropriate fleXcroll files, ensuring your index.php file refers to the fleXcroll css and js files. Then update your exhibition to use deux_column1 instead of deux_column. fleXcroll comes with a couple of quite ugly examples - hopefully you find better ones.

I still think this is too much work just to change the appearance of scrollbars.

designwallah / 2010-03-20 02:03:58   

Too bad I can't edit my posts, in case I make an error.

This thread has been closed, thank you.