
Originally Posted by
raindark
My intention was not to upset anyone . I'm sorry if I did, but most of the time I have already tried the advice and it didnt work or Im inexperienced and I didn't do it right. I will try not to ask for help for help anymore . Thanks.....
As said by barco57 eariler, and just quote some.
We don't mind you asking for help, but it appears in your "panic" to fix this problem you have not taken the time to understand what it is we are trying to explain, or in our attempt to explain we overshot the mark by either being vague or just a bit to technical.
In short, I think we need the communications and feed backs for we are only in remote and can't touch the real files. And don't know what happened exactly on your site. We need you to tell us the results after our suggestions, and we will change our steps and suggestions accordingly.
Otherwise, at least for me will lost.
What is the exact effect for the sidebox which you want to achieve?
Do you want to use the golden one or the purple one?
Or, do you want to have a Mirror inside another Mirror?
Anyway, the codes below both for the sideboxes and column left. It only follow the steps suggusted previously and with small adjustments.
The sideboxes decorated with your golden mirror and the column left decorated with your purple mirror.
The two mirror images as previous suggested, need to be separated into two parts. One is the mirror_top for the heading and the other is mirror_bottom for the bottom. And also need some basic graphic works.
The test is very simple, just insert the code below to the end of the stylesheet.
Code:
/* For Column Mod */
#navColumnOne {
margin: 0;
background-image:url(../images/column_mirror_top.gif);
background-repeat:no-repeat;
padding: 2.2em 0; /* tune it to fit */
background-color: transparent;
}
#navColumnOneWrapper {
background-image:url(../images/column_mirror_bottom.gif);
background-repeat:no-repeat;
background-position:bottom;
padding: 0 0 5em 0.2em; /* tune it to fit */
background-color: transparent;
}
/* For Sideboxes Mod */
h3.leftBoxHeading, h3.leftBoxHeading a,
h3.rightBoxHeading, h3.rightBoxHeading a {
font-size: 1em;
color: maroon;
}
#manufacturersHeading, #currenciesHeading, #musicgenresHeading, #recordcompaniesHeading, #searchHeading, #search-headerHeading {
font-size: 0.9em;
color: maroon;
}
.leftBoxHeading, .rightBoxHeading {
margin: 0;
background-image:url(../images/sidebox_mirror_top.gif);
background-repeat:no-repeat;
padding: 2.8em 0.2em;
color: Maroon;
background-color: transparent;
}
.leftBoxContainer, .rightBoxContainer {
border: none;
margin-top: 1.5em;
}
.sideBoxContent {
background-image:url(../images/sidebox_mirror_bottom.gif);
background-repeat:no-repeat;
background-position:bottom;
padding: 0.5em 2em 3.6em 2em;
background-color: transparent;
}
Attached is the screen capture of the test for reference. It only show some of the sideboxes for there are limitions in forum for the file and image sizes.