Sidebar Module with 3 images?

Hello,
is there a way to style the Sidebar module with 3 Images? I tried but no success.
I want to style the Sidebar like this image below.

box.png

Can you pls help me?
Thanks Sebastian

You could do it with use of css pseudoclasses or by adding additional mockup in sidebar.

Ok, i tried like this:

Code: Select all

.sidebar-right .shadow-top {
   background: url(../images/sidebar/shadow-top.png) no-repeat;
   height: 36px;
}

.sidebar-right .shadow-middle {
   background: url(../images/sidebar/shadow-middle.png) repeat-y;
}

.sidebar-right .shadow-bottom {
   background: url(../images/sidebar/shadow-bottom.png) no-repeat;
        height: 36px
}

and in Joomla i gave the module the Suffix: sidebar-right, but it isn´t working.

Could you please post an url to your site?

But I don't see any html elements matching this css. Am I missing something?