simpson7647 Posted August 9, 2011 Share Posted August 9, 2011 hi all, im looking to add an pictured background to my website. if you look at the image below, i want to have simple white where the website content actually is but to the left and right currently is boring white. Shown by black blocks, i would like to add lots of little pictures regarding my wehsite. http://imageshack.us/photo/my-images/594/websiterequestbackgroun.png/ So over all, simply i want a white background over all (same as it is) but with images down each of the plain strips down the side of the website. I can make this on paint.net but what size would i size this as? Also what would i edit and what should i edit it too? I would want the background i have mentioned to show on the website and each page on the window you see. But then when you scroll down, id like it to repeat it so it doesnt just stop as you go down the website.. All help much appreciated, many thanks, regards, Ryan Link to comment Share on other sites More sharing options...
Lindsayanng Posted August 9, 2011 Share Posted August 9, 2011 Are you talking about the BLACK strips?? because you say you want to keep your website interior content white, but then you say you want to change the boring white.. Are you talking about the BLACK?? Like the same area that you see here that's blue on this website? 1 Link to comment Share on other sites More sharing options...
simpson7647 Posted August 9, 2011 Author Share Posted August 9, 2011 Are you talking about the BLACK strips?? because you say you want to keep your website interior content white, but then you say you want to change the boring white.. Are you talking about the BLACK?? Like the same area that you see here that's blue on this website? Sorry , yes i mean the black strips, which are actually white but i coloured them black to single them out, bad move. thanks Link to comment Share on other sites More sharing options...
Lindsayanng Posted August 10, 2011 Share Posted August 10, 2011 You need to do some CSS changes. Upload the picture that you want to have as the background via FTP Add the following style to style.css body{ background: url(path/imagename.jpg) repeat; } Change the path and imagename.jpg to your actual path and file name. You can change repeat to no-repeat if you do not want it to tile. 1 Link to comment Share on other sites More sharing options...
simpson7647 Posted August 10, 2011 Author Share Posted August 10, 2011 You need to do some CSS changes. Upload the picture that you want to have as the background via FTP Add the following style to style.css body{ background: url(path/imagename.jpg) repeat; } Change the path and imagename.jpg to your actual path and file name. You can change repeat to no-repeat if you do not want it to tile. Thank you, ill give it ago. I want the image to continue underneath it self. what kind of size should i make the image? thanks Link to comment Share on other sites More sharing options...
Lindsayanng Posted August 10, 2011 Share Posted August 10, 2011 I dont know what you mean about the image continuing underneath itself.. as for the size of the image, you make it the size that you want it to appear on screen. There' is no size option for background images, so make the image the size you want it to appear. Link to comment Share on other sites More sharing options...
Mike Kranzler Posted August 10, 2011 Share Posted August 10, 2011 I dont know what you mean about the image continuing underneath itself.. as for the size of the image, you make it the size that you want it to appear on screen. There' is no size option for background images, so make the image the size you want it to appear. It sounds like he means he would like to tile the background down the sidebars. Link to comment Share on other sites More sharing options...
simpson7647 Posted August 10, 2011 Author Share Posted August 10, 2011 I dont know what you mean about the image continuing underneath itself.. as for the size of the image, you make it the size that you want it to appear on screen. There' is no size option for background images, so make the image the size you want it to appear. It sounds like he means he would like to tile the background down the sidebars. What im looking to do is kind of make my own background. I will start with a white background and add images down each each side leaving the middle white. But i want the images down the side to line up with the white strips of 'nothing' i have down each side of the website. I would then like this to continue for when you scroll down. thanks Link to comment Share on other sites More sharing options...
simpson7647 Posted August 10, 2011 Author Share Posted August 10, 2011 You need to do some CSS changes. Upload the picture that you want to have as the background via FTP Add the following style to style.css body{ background: url(path/imagename.jpg) repeat; } Change the path and imagename.jpg to your actual path and file name. You can change repeat to no-repeat if you do not want it to tile. where is style.css please? Link to comment Share on other sites More sharing options...
Lindsayanng Posted August 10, 2011 Share Posted August 10, 2011 Honestly, I have a feeling that with your experience level this is not going to happen for you. You might be best off hiring a designer to do this. If you want to try, style.css is in /themes/yourthemename/style.css If you really want to learn about web design and development then this will help: http://www.w3schools.com/css/css_background.asp 1 Link to comment Share on other sites More sharing options...
simpson7647 Posted August 10, 2011 Author Share Posted August 10, 2011 Honestly, I have a feeling that with your experience level this is not going to happen for you. You might be best off hiring a designer to do this. If you want to try, style.css is in /themes/yourthemename/style.css If you really want to learn about web design and development then this will help: http://www.w3schools.com/css/css_background.asp Thanks for the reply. Sorry, I do know more than i seem too, it's just my website i made has been sitting here for 6 months or so so forget little things. Ive gone: Themes Pres1a (my theme) Now theres some folders such as css / img / js etc and lots of files such as address.tpl etc. Ive scrolled down and theres no style.css I had a look in css folder too and all thats in there is global.css Maintenance.css scenes.css Please help thanks Link to comment Share on other sites More sharing options...
simpson7647 Posted August 11, 2011 Author Share Posted August 11, 2011 Right ive got it done and added a test background to see how it works. It works okay in Internet explorer and google chrome but doesnt work in firefox for me :/ Please would someone be able to test my website in firefox to see if it works or not for them. The website is currently down as its being built but ill live it for someone to test for me. many thanks Link to comment Share on other sites More sharing options...
Recommended Posts