General Question

dragoonwisper's avatar

How to add a tumblr background image to this theme?

Asked by dragoonwisper (5points) September 7th, 2009

ok so im somewhat new to all this CSS and HTML stuff so i don’t know much at all. i have a theme (code here http://pastebin.botdom.com/481 ) and i want to add a Fixed background image for the well, background. does anyone know the codeing to do this? i’d be really great-full?

Observing members: 0 Composing members: 0

55 Answers

jrpowell's avatar

body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #FFFFFF;
background-image: url(‘http://www.whatever.com/whatever.jpg’);
background-repeat: no-repeat;
background-attachment: fixed;
}

Replace the URL with the link to the image.

dragoonwisper's avatar

and that will cover the entire theme?

jrpowell's avatar

Yes. It will pin the image to the upper left and it won’t move when you scroll. The rest of the stuff will move but the image will stay in the same place.

dragoonwisper's avatar

it didnt work. is there a certain place i should be putting this?

jrpowell's avatar

Look for where is says body {

Add the three lines that I added after background-color: #FFFFFF;

And you need to change the link for the image. That points to nothing.

background-image: url(‘http://davinci.fluther.com/images/v2/tshirt1_small.png’);

You can use that as a test.

dragoonwisper's avatar

wait, can you go look at the code i put the link to and just tell me where on there i need to add this?

jrpowell's avatar

Sure thing. Give me a few minutes.

dragoonwisper's avatar

yay thankies :3 take how ever long you need

jrpowell's avatar

http://imgur.com/fZDdR.png

Keep in mind that you will need to change for the image to a valid one.

dragoonwisper's avatar

ok i did that but it didnt work either

dragoonwisper's avatar

i got it to change, but the background is now just grey. the image doesn’t show.

jrpowell's avatar

Got a link to the blog? It would be easier if I could see it.

dragoonwisper's avatar

http://dragoonwisper.tumblr.com/ that’s with it all changed to what you said. the grey only shows when im in the custamization mode

dragoonwisper's avatar

<.<.. you still there?

jrpowell's avatar

Damn, I tried. I got it working on mine.

http://johnryanpowell.tumblr.com/

There is just something else in the theme that is covering it up. I will keep trying. I love doing this stuff.

dragoonwisper's avatar

lol me to. i have all night so take as long as you need. and isnt that background so epic xD i freakin love it.

jrpowell's avatar

Is that what you were looking for? I did just change it a bit.

dragoonwisper's avatar

well yes. that’s what i want. it to be the background like that. but with my theme.

jrpowell's avatar

I’m working on it. I’m not really sure what is blocking the image in your theme.

dragoonwisper's avatar

o: ... but why/how do you have my post…

dragoonwisper's avatar

did you copy and paste them into it?

dragoonwisper's avatar

wait i mean wtf. that says its my blog.. :o ?!

jrpowell's avatar

http://imgur.com/ISjz0.jpg

I saved the source and uploaded it to my server. It makes it easier to try things out.

Edit :: I can’t do anything to your blog. And I wouldn’t even if I could. But I think I am getting really close to a solution.

dragoonwisper's avatar

so, you figured it out lol?

jrpowell's avatar

Not yet.. I had a bit of a problem. I am stupid and changed to many things at once so I’m not sure what actually worked. I’m going to go through it again. It should be faster this time.

jrpowell's avatar

Got it.

Undo what I had you do.

Then..

Change this:

body,td,th {
color: #000000;
}

To this.

body,td,th {
background-image: url(“http://imgur.com/d9384.jpg”);
background-repeat: no-repeat;
background-attachment: fixed;
}

But now the text is really hard to read. Lets fix that.

Find this line.. #apDiv2 {

#apDiv2 {
position:absolute;
list-style-type:none;
width:538px;
z-index:1;
left: 160px;
top: 0px;
border-left-width: 1px;
border-left-style: dashed;
border-left-color: #000000;
border-right-width: 1px;
border-right-style: dashed;
border-right-color: #000000;
background-color:#fff;color:#fff;opacity:0.8;
}

Add the last line before the bracket.

Now we have this.
http://www.pillowpersuasion.com/fluther/whisper/wisperdone

This will probably not work in IE.

dragoonwisper's avatar

that went 404’d. ur link.

dragoonwisper's avatar

the background still doesnt show for me.

dragoonwisper's avatar

if you have all the same code rfor the theme and all you can upload it to the stie i originally uploaded the code for you to look at, and i can just copy and paste it

jrpowell's avatar

Here is what it looks like. http://imgur.com/fB8Yu.jpg
Here is the code.

http://pastebin.botdom.com/482

That is just the stuff in between <style> and </style>

edit.. And sorry that took so long. I didnt notice that the theme has two body sections. I was messing with the first but the second one overrode any changes made.

dragoonwisper's avatar

lol wanna maybe try and help me with another thing?

dragoonwisper's avatar

well actually first, the rawrawrawr part of my profile is going behind the collum for my post. do you know how we can fix that?

dragoonwisper's avatar

everything but the title above the start of my past , text is grey also

dragoonwisper's avatar

well actually youv helped me alot. if you want, i can just try to figure the rest out. im shur eventually i would. you really helped me out :3

jrpowell's avatar

Quick and dirty.

http://pastebin.botdom.com/483

You will need to get rid of the rawr rawr raww you originally added.

jrpowell's avatar

Shit.. Now I need to go clean up my theme. Ha.

dragoonwisper's avatar

lmao
thanks alot man :]

augustlan's avatar

@johnpowell I lurve you, man. <3

augustlan's avatar

@dragoonwisper Seriously. He helped me get my comments up and running on tumblr. He is so nice! Welcome to Fluther, BTW.

dragoonwisper's avatar

lmao. thanks. and hey can i get a link to yours? i wanna see how you customized yours.

jrpowell's avatar

@augustlan :: don’t give dragoonwisper ideas.

dragoonwisper's avatar

lmao what do u mean by that

augustlan's avatar

@dragoonwisper Sure, though it’s not very fancy. I’m a plain kind of girl! You can find me here: Augustthoughts.tumblr.com

dragoonwisper's avatar

it looks pretty cool :]

jrpowell's avatar

I’m just kidding. If you need help with adding commenting ask. Just not today. Now I drink!

AzureRising's avatar

I would love some help with my theme as well. :) I’ve been working on the html for a few days now, but this theme keeps eluding me. I’ve been able to change the background of my previous theme, but this one is very different. It doesn’t have a place for a background url; it’s a color only. The theme is comic5. This is the image that I’m trying to fit into the background: http://www.flashcoo.com/1366x768/1366x768_city_night/wallpapers/1366x768/Free_High_resolution_wallpaper_00471_nightlight_1366x768.jpg and my tumblr is www.azurerising.tumblr.com Any help here would be awesome. (^_^)

everyusernametaken's avatar

Can you help me as well, i have to cargo theme by Jared Bishop. I want to know how to change the color, if not add a picture background. I’ve been trying to do it myself but i’m not good with codes, thanks.

Response moderated (Spam)

Answer this question

Login

or

Join

to answer.

This question is in the General Section. Responses must be helpful and on-topic.

Your answer will be saved while you login or join.

Have a question? Ask Fluther!

What do you know more about?
or
Knowledge Networking @ Fluther