Sorry for not getting back you you, I missed your thread as for some reason it did not email me when you replied.
Could you tell me what theme you are using from Methys? Lets assume you are using the blue theme for the purpose of this quick tutorial.
If you look in the templates>ja_methys folder you will see another folder called themes. These are the variations on the basic theme. Each one can have a different look and feel, different css or image files.
So lets take a copy of the blue folder and call it blue1. In that folder we can put your new background image in the images folder and in the css file we can add some custom css to apply your background just by adding the code to the template.css file The exact css would depend on your background. Something like below for instance
body#bd {
background: url("../images/bg-body.gif") no-repeat scroll 0 0 transparent;
}
Then repeat with blue2, blue3 etc for each of your backgrounds.
The next step would be done in the template manager. In the profiles tab, clone whichever profile you are using and near the bottom you can select your chosen theme. For each theme you would create a profile.
Finally you can use the Language and Page Assignemnts section of the template manager to assign which menu items or components would use which profile.
It sounds complicated but it is actually quite easy.
As for your images from a design point of view feathering the sides of the image often works well so when users view on a wide screen the edges feather to the background colour rather than just leaving a hard edge.
robnob 12 years, 8 months ago.
