Posts Tagged ‘background colour in multibox

12
May
09

Changing colour in Multibox layout

The multibox layout is always the black and white.I came up with an idea to change the colours in multibox layout.so here it goes and it looks good,

in ‘overlay.js’

change,

var Overlay = new Class({

getOptions: function(){
return {
colour: ‘#000’,
opacity: 0.7,
zIndex: 1,
container: document.body,
onClick: Class.empty
};
},

to

var Overlay = new Class({

getOptions: function(){
return {
colour: ‘#fff’,
opacity: 0.7,
zIndex: 1,
container: document.body,
onClick: Class.empty
};
},

This will change the overlay half opaque background colour from black to white.

For multibox container colour change,

Change the border colour to any colour you wish.

Here I used #6F6868,

.MultiBoxContainer {
border: 20px solid #6F6868;
}

Also change,

.MultiBoxControls {
background-color: #6F6868;
}

this will give your website a unique new look,

Multibox image layout

Advertisements