Jump to content

Looking To Add A Pictured Background To My Website


Recommended Posts

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

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?

  • Like 1
Link to comment
Share on other sites

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

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.

  • Like 1
Link to comment
Share on other sites

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

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

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

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

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

  • Like 1
Link to comment
Share on other sites

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

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

×
×
  • Create New...