Website source code/background image

Hacker · 30 Apr 2010

Where would the source code for a blog background image be? I've seen one I like but cannot find it in the source code - not that I really know what I'm looking for. :lol:

Is this possible?

PaulF · 30 Apr 2010

Probably held in a CSS style file.

Which website are you looking at?

King_Boru · 30 Apr 2010

It won't be held in a CSS file. The CSS will link to a file in a folder, probably a JPEG or PNG. You need to find the folder and save the image you want over the existing file.

Do a google search (for the blog software) asking where the bg image is. That will probably drum up a few hits and tutorials.

Woblee · 30 Apr 2010

It'll be part of the theme installed so make sure you're looking at the right one if you have a few uploaded.

PaulF · 30 Apr 2010

King_Boru said:
It won't be held in a CSS file. The CSS will link to a file in a folder, probably a JPEG or PNG. You need to find the folder and save the image you want over the existing file.

Do a google search (for the blog software) asking where the bg image is. That will probably drum up a few hits and tutorials.

yep, that's what I meant, just didn't explain it very well.........

Jimmy_Lemon · 30 Apr 2010

If it is the blog in your signature the background image is http://greenlees-photography.com/blog/wp-content/themes/prophoto3/images/elegant_blog_bg.jpg you could either find the source code, or just upload a new file to the same location with the same name and it would obviously overwrite it.

flicker · 30 Apr 2010

You could always right click on the background image and view it - that will give you the full file path.

neil_g · 30 Apr 2010

in html its..

Code:

<BODY BACKGROUND="pathtoimage" BGCOLOR="colourcodehere">

and in css its..

Code:

body {
	background-color: colourcodehere;
	background-image: url(pathtoimagegoeshere);
}

Harvey_nikon · 1 May 2010

If you are using Chrome then you can do the following:

Right click > Inspect element

Look for the body tag (the background should go blue when you hover of the body tag)

On the right hand side under "body" it will give you the background url

Hacker · 1 May 2010

Thanks for all the help, it is appreciated.

Harvey_nikon said:
If you are using Chrome then you can do the following:

Right click > Inspect element

Look for the body tag (the background should go blue when you hover of the body tag)

On the right hand side under "body" it will give you the background url

Absolutely spot on, just what I was after (and could understand!).

Many thanks!

Website source code/background image

Hacker

TPer Emeritus

PaulF

King_Boru

Woblee

PaulF

Jimmy_Lemon

TPer Emeritus

flicker

neil_g

Harvey_nikon

Hacker

TPer Emeritus