If you are looking for a tutorial for setting this module up on your site please read the tutorial for the sliderjp module. The instructions are the same for both modules.

To customize the CSS customization, first open the CSS file in a text editor. You can find the CSS files at modules/mod_mouseoversliderjp/scripts/ajaxcss.css. Let's take a look at some of the changes you can make.

This segment: 

#wrapper{
width: 165px;padding:0px;
margin: 0 0 0 0px;
background:#3e3e3e
}

sets the width of the whole slider module and background color as shown.

This segment:

.trigger,.trigger:link{
float: left;background:#fff url(../images/shadeh.jpg);
height: 22px;color:#ffffff;
width: 165px;
border: 1px #f7f7f7 outset;
margin: 0px;
text-align: center;
font-size: 12px;
font-weight: bold;
padding: 0px 0 0 0;
}

sets the alignment of the text in the slide bar.

This segment:

.trigger:hover,.trigger:active{
float: left;background:#fff url(../images/shade.jpg);
background-position:top;
background-repeat:repeat;
height: 22px;color:#ffffff;
margin: 0px;
text-align: center;
font-size: 12px;
font-weight: bold;
padding: 0px 0 0 0;
}

sets the alignment of the text for the hover and the active state of the slidebar.

More styling is possible for the "on active event" (when the slide is opening) and "on background event" (when the slide is closing). To make changes in these styling options you need to change the style color in javascript code in the module's php file. Simply replace #ffffff to a color code of your choice. You can find this code around line numbers 63 and 67:

tog.setStyle('color', '#ffffff');

To add more style, such as the background color, write:

tog.setStyle('color', '#ffffff');

tog.setStyle('background-color','#cccccc')

Feel free to change the background color on opening or closing the slide.

If you want to use both the sliderjp and mpuseoversliderjp on the same page and show different modules in each slider module, then use the position sliderjp for one slider. For the other, create a new position and publish the modules in this position in the same way as the sliderjp module.

These two modules use similar javascripts though. While I have tested them on every possible version of IE, FF, Mozilla and Opera, I can't promise that it will work without a problem on every website and server configuration. Use them together on the same page and you may have trouble.