-
AuthorPosts
-
chrisreitz Friend
chrisreitz
- Join date:
- November 2010
- Posts:
- 37
- Downloads:
- 0
- Uploads:
- 2
- Thanks:
- 15
- Thanked:
- 1 times in 1 posts
May 25, 2011 at 10:16 pm #164442hi there,
i would like to change the default black backround from this template into one with a graphic which runs around the whole content box. Is that easygoing madeable?
thanks for your help!!!
chris
pritam Friendpritam
- Join date:
- April 2011
- Posts:
- 609
- Downloads:
- 0
- Uploads:
- 29
- Thanks:
- 11
- Thanked:
- 125 times in 113 posts
May 26, 2011 at 5:05 am #392943Hello,
To change the default black background
Can you provide your site url.But first go into the template manager and set css optimiation to “No” so we can see the correct files to modify and not the compressed version.
1 user says Thank You to pritam for this useful post
thangnn1510 Friendthangnn1510
- Join date:
- October 2014
- Posts:
- 1608
- Downloads:
- 0
- Uploads:
- 80
- Thanks:
- 73
- Thanked:
- 278 times in 256 posts
May 26, 2011 at 6:57 am #392955Please change this code:
body#bd {
background: none repeat scroll 0 0 #0C0304;
color: #8B8077;
}in templates/ja_community_plus/css/template.css
chrisreitz Friendchrisreitz
- Join date:
- November 2010
- Posts:
- 37
- Downloads:
- 0
- Uploads:
- 2
- Thanks:
- 15
- Thanked:
- 1 times in 1 posts
May 26, 2011 at 10:57 am #393000thank you, but i can´t do it. this side is kind of commercial and i can´t open it to public ´cause it´s far away from implementation.
may you can give me an advice what to do, or what and whre to copy in the css.thanks once again!!!
chrispritam Friendpritam
- Join date:
- April 2011
- Posts:
- 609
- Downloads:
- 0
- Uploads:
- 29
- Thanks:
- 11
- Thanked:
- 125 times in 113 posts
May 27, 2011 at 7:28 am #393128Hello,
To change the default black background
You need to goto templates/ja_community_plus/css/template.css line no. 20 and Find this code :-
body#bd {
background: none repeat scroll 0 0 #0C0304;
color: #8B8077;
}Change this code to
body#bd {
background: none repeat scroll 0 0 #00FF00;/* choose color code as per you */
color: #8B8077;
}chrisreitz Friendchrisreitz
- Join date:
- November 2010
- Posts:
- 37
- Downloads:
- 0
- Uploads:
- 2
- Thanks:
- 15
- Thanked:
- 1 times in 1 posts
May 27, 2011 at 11:04 am #393182OK thanks – but that will change the default black color in just another color.
i would like to have a graphic – means a picture (as a gif, jpeg or png) in background.1. it would be nice to have that pic in background. how too, what have i to change in the css and where to find?
2. if i change the background color like you advised, is it possible to lay an png (alpha channel) over it.
so i can have both (pic and background color) and don´t need a huge pic for the whole background?3. is it possible to have the background color changed to a gradient color transition set up in the css?
if yes, how too?thanks again for your answers!!!
christhangnn1510 Friendthangnn1510
- Join date:
- October 2014
- Posts:
- 1608
- Downloads:
- 0
- Uploads:
- 80
- Thanks:
- 73
- Thanked:
- 278 times in 256 posts
May 28, 2011 at 3:16 am #393292Hi Chris!
To change the background color to image please upload your image to images folder in template and then change the code to
body#bd {
background: url(“..l/images/bg.gif”) #215D7F;
color: #8B8077;
}1 user says Thank You to thangnn1510 for this useful post
October 6, 2011 at 4:24 pm #417321I changed my background to image, at least trying to.
body#bd { background-image:url("../images/background.jpg"); color: #8b8077; }
image located on template images folder and still not loading.
what I did wrong?mfcphil Friendmfcphil
- Join date:
- September 2007
- Posts:
- 2866
- Downloads:
- 3
- Uploads:
- 218
- Thanks:
- 211
- Thanked:
- 388 times in 133 posts
October 6, 2011 at 6:44 pm #417351are you going to post a link so we can see how you got on?
1 user says Thank You to mfcphil for this useful post
October 7, 2011 at 5:10 am #417423Ohh yeah, sorry.
http://shimers.co.il/khoand Friendkhoand
- Join date:
- February 2011
- Posts:
- 4500
- Downloads:
- 0
- Uploads:
- 179
- Thanks:
- 169
- Thanked:
- 1166 times in 1060 posts
October 7, 2011 at 5:24 am #417424<em>@shaharglukman 273639 wrote:</em><blockquote>Ohh yeah, sorry.
http://shimers.co.il/</blockquote>
Hi,
You replace this code from /templates/ja_community_plus/css/template.css
body#bd {
background: url("../images/background.jpg");
color: #8B8077;
}
with
body#bd {
background: url("../images/background.jpg")!important;
color: #8B8077;
}1 user says Thank You to khoand for this useful post
October 12, 2011 at 6:55 am #418659thanks, it worked.
now for another question, any chance I can make background to fit automatically to screen resolution, like adding 100%?khoand Friendkhoand
- Join date:
- February 2011
- Posts:
- 4500
- Downloads:
- 0
- Uploads:
- 179
- Thanks:
- 169
- Thanked:
- 1166 times in 1060 posts
October 12, 2011 at 7:30 am #418665You used code for your purpose
background-size:100%;
1 user says Thank You to khoand for this useful post
October 12, 2011 at 8:34 am #418686did that, image get stretched too much
http://shimers.co.il/khoand Friendkhoand
- Join date:
- February 2011
- Posts:
- 4500
- Downloads:
- 0
- Uploads:
- 179
- Thanks:
- 169
- Thanked:
- 1166 times in 1060 posts