How to add a tumblr background image to this theme?
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
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.
and that will cover the entire theme?
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.
it didnt work. is there a certain place i should be putting this?
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.
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?
Sure thing. Give me a few minutes.
yay thankies :3 take how ever long you need
ok i did that but it didnt work either
i got it to change, but the background is now just grey. the image doesn’t show.
Got a link to the blog? It would be easier if I could see it.
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.
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.
Is that what you were looking for? I did just change it a bit.
well yes. that’s what i want. it to be the background like that. but with my theme.
I’m working on it. I’m not really sure what is blocking the image in your theme.
o: ... but why/how do you have my post…
did you copy and paste them into it?
wait i mean wtf. that says its my blog.. :o ?!
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.
so, you figured it out lol?
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.
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.
that went 404’d. ur link.
the background still doesnt show for me.
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
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.
lol wanna maybe try and help me with another thing?
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?
everything but the title above the start of my past , text is grey also
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
Shit.. Now I need to go clean up my theme. Ha.
@dragoonwisper Seriously. He helped me get my comments up and running on tumblr. He is so nice! Welcome to Fluther, BTW.
lmao. thanks. and hey can i get a link to yours? i wanna see how you customized yours.
lmao what do u mean by that
I’m just kidding. If you need help with adding commenting ask. Just not today. Now I drink!
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
This question is in the General Section. Responses must be helpful and on-topic.