Page 1 of 3
How to add background image in the responses
Posted: 21 Aug 2010, 16:09
by Galandas
style prosilver
How to add background image in the responses
an 'image instead of the base color of prosilver.....thanks in advance
here is what I mean
I modified the colours.css but nothing happens.
Code: Select all
.bg1 {
background-color: #7b5a47;
background-image: url("{T_THEME_PATH}/images/sfondo.gif");
border: 1px solid #612D09;
}
.bg2 {
background-color: #7b5a47;
background-image: url("{T_THEME_PATH}/images/sfondo.gif");
border: 1px solid #612D09;
}
.bg3 {
background-color: #7b5a47;
background-image: url("{T_THEME_PATH}/images/sfondo.gif");
border: 1px solid #612D09;
}
Re: How to add background image in the responses
Posted: 21 Aug 2010, 16:21
by Steve
needs to go in colours.css
example
find:
Code: Select all
/* Post body styles
----------------------------------------*/
.postbody {
color: #333333;
}
replace with:
Code: Select all
/* Post body styles
----------------------------------------*/
.postbody {
color: #333333;
background-image: url("{T_IMAGESET_PATH}/site_logo.gif");
background-repeat: no-repeat;
background-position: center;
}
test.PNG
Re: How to add background image in the responses
Posted: 21 Aug 2010, 17:43
by Galandas
how to ensure that surrounds the whole page
I did so
Code: Select all
.postbody {
color: #e1ecf2;
background-image: url("{T_THEME_PATH}/images/sfondo.gif");
background-repeat: repeat;
background-position: 100% 0;
}
result
Re: How to add background image in the responses
Posted: 21 Aug 2010, 17:47
by cisco007
you might have to make the image bigger or add a repeat pattern to the css!
Re: How to add background image in the responses
Posted: 21 Aug 2010, 17:50
by Steve
try this open theme/content.css
find:
Code: Select all
/* Post body styles
----------------------------------------*/
.postbody {
add after:
Re: How to add background image in the responses
Posted: 21 Aug 2010, 17:55
by cisco007
will that edit help the image stretch all the way down when the post body become really big!?
Re: How to add background image in the responses
Posted: 21 Aug 2010, 17:59
by Galandas
I result.............
Re: How to add background image in the responses
Posted: 21 Aug 2010, 18:04
by Steve
try this
Code: Select all
.postbody {
color: #e1ecf2;
background-image: url("{T_THEME_PATH}/images/sfondo.gif");
background-repeat: no-repeat;
background-position: center;
}
and contents.css min-hieght is the height of your image
Re: How to add background image in the responses
Posted: 21 Aug 2010, 18:17
by Galandas
ok I pasted this colours.css
Code: Select all
.postbody {
color: #e1ecf2;
background-image: url("{T_THEME_PATH}/images/sfondo.gif");
background-repeat: no-repeat;
background-position: 100% 0;
}
I pasted this content.css
result
Re: How to add background image in the responses
Posted: 21 Aug 2010, 18:22
by Steve
can i have that image please i will get the corect code for you later today,its food time!
