backround image problem

cheekycam · Member · Jan 7, 2009 at 12:53 am
Copy link

Add topic to favorites
Hello,

I am meidum with css.
I wanna change the backround to an extern url image:

body {
font-size:62.5%;
font-family:’Lucida Grande’, Verdana, Arial, Sans-Serif;
background-image:url(http://img233.imageshack.us/my.php?image=img7288xy9.jpg);}
text-align:center;
margin:0 0 20px;
padding:0;
}

my blog http://www.crankdesign.wordpress.com

thats what I tired…and Nothing…can someone help me? Thank you very much in advance
thesacredpath · Member · Jan 7, 2009 at 12:58 am
Copy link
I think what is messing things up is that the link to the image contains “my.php”. Here at wordpress.COM, script is not allowed in CSS.

My suggestion is to upload the image here into your blog media library and then put that link into the CSS.
cheekycam · Member · Jan 7, 2009 at 1:00 am
Copy link
Thank you I will try that :)
thesacredpath · Member · Jan 7, 2009 at 1:00 am
Copy link
Actually I just visited the image, and this is the URL of the actual image: http://img233.imageshack.us/img233/img7288xy9.jpg
thesacredpath · Member · Jan 7, 2009 at 1:02 am
Copy link
Whoops, no it isn’t. That doesn’t work. Do my other suggestion. You will probably have to resize and crop it for your theme. This link gives the standard header image sizes for most themes here: http://faq.wordpress.com/2006/07/08/which-themes-can-i-add-a-header-image-to/
aw1923 · Member · Jan 7, 2009 at 1:02 am
Copy link
this is the actual image and it still didn’t work when i tried it
thesacredpath · Member · Jan 7, 2009 at 1:03 am
Copy link
And, I was thinking header image, and she wants background image, so my link to the header stuff is trash.
vivianpaige · Member · Jan 7, 2009 at 1:23 am
Copy link
The format is wrong. She left out the single quotes and added an addition closing bracket
```
background-image:url('http://img233.imageshack.us/img233/7619/img7288xy9.jpg');
```
But yeah, upload it here and give it a go.
vivianpaige · Member · Jan 7, 2009 at 1:27 am
Copy link
And it seems that you don’t even need the -image part of that line. The original CSS has
```
background: #d5d6d7 url('images/kubrickbgcolor.jpg');
```
Also – ignore what I said about the single quotes – they are in the CSS (I hadn’t looked before)
cheekycam · Member · Jan 7, 2009 at 1:58 am
Copy link
Thanks for everyones help :) It worked by uploading it here first. Im very happy haha its a good start for a funky backround
you can check it out crankdesign.wordpress.com ..i guess it was the php thing wich made sense :) thank you again
devblog · Member · Jan 7, 2009 at 2:08 am
Copy link
She left out the single quotes

Actually, the right way to write it is without the single quotes, I don’t know why the wp software adds them…
vivianpaige · Member · Jan 7, 2009 at 3:15 am
Copy link
Uh oh. I didn’t know that :(
thesacredpath · Member · Jan 7, 2009 at 3:37 am
Copy link
@devblog, I wondered about that as my self-hosted blog does not have the quote marks around image links in the CSS.
devblog · Member · Jan 7, 2009 at 4:35 pm
Copy link
Maybe one of the reasons why the add the single quotes is because the custom CSS code is stored in a DB, whereas in self-hosted blogs, the CSS is in a file.
thesacredpath · Member · Jan 7, 2009 at 6:57 pm
Copy link
Hadn’t thought of that, but that could very well be the reason.

No items found.