General Question

bunnygirl50665's avatar

How do I change my background for the Tumblr theme (bubbles)?

Asked by bunnygirl50665 (80points) September 18th, 2009
17 responses
“Great Question” (0points)

I want to change the background of my tumblr theme, bubbles, to this.http://media.photobucket.com/image/vintage+background/xmaterialgurliex/0b67f8b4.gif?o=131

How do i do that? Please try to be detailed.

Bubbles theme: http://bubblestheme.tumblr.com/

Observing members: 0
Composing members: 0

Answers

bunnygirl50665's avatar

actually, i think i’ll change my background to this: http://media.photobucket.com/image/vintage%20backgrounds/iconsforfree/Backgrounds/vintage.jpg?o=117

bunnygirl50665 (80points)“Great Answer” (0points)
Allie's avatar

Go to your Tumblr page (not the dashboard), click on customize in the top right corner. Click on themes. At the bottom of the tab that pops open, click use custom HTML. Somewhere in there you’ll see a spot where you can replace whatever your current background image is and use whatever one you want to. Unfortunately, that’s as far as I can get you. I’m not very good with HTML and even worse at explaining how to do anything with it.
If you want to give it a go, you can fiddle with it until you get it how you like it. Click the update preview button to see the changes you’ve made. Once you like it, click save changes.
Also, you can always look for tutorials online or see if there is a Tumblr layout maker (or whatever it may be called).

Allie (17541points)“Great Answer” (1points)
bunnygirl50665's avatar

I did try to do that earlier, but I had failed. But thanks for your help anyways.

bunnygirl50665 (80points)“Great Answer” (0points)
Allie's avatar

And here come the HTML whiz kids…

Allie (17541points)“Great Answer” (0points)
jrpowell's avatar

body
{
background-image:url(‘http://imgur.com/61iK8.jpg’);
}

Add the obvious line to the body tag.

example
View the source.

edit :: and the url you provided is wonky. so I upload the image to imgur. <—my favorite free image hosting place.

jrpowell (40562points)“Great Answer” (0points)
bunnygirl50665's avatar

I am still a bit confused on how I can actually get the url for the image. I think this is where i usually screw up on this.

bunnygirl50665 (80points)“Great Answer” (0points)
bunnygirl50665's avatar

ahhh…ok. i will try that.

bunnygirl50665 (80points)“Great Answer” (0points)
bunnygirl50665's avatar

Erg. I don’t understand what’s wrong. Here’s what my code looks like so far.
body
{
margin: 0;
padding: 0;
background-image:url(‘http://www.pillowpersuasion.com/samples/back.html’);
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #333333;
}

bunnygirl50665 (80points)“Great Answer” (0points)
jrpowell's avatar

I made a quick video for you.
http://www.pillowpersuasion.com/samples/background.mov

jrpowell (40562points)“Great Answer” (0points)
jrpowell's avatar

change

http://www.pillowpersuasion.com/samples/back.html

to

http://imgur.com/61iK8.jpg

jrpowell (40562points)“Great Answer” (0points)
bunnygirl50665's avatar

The video won’t play on my computer.

bunnygirl50665 (80points)“Great Answer” (0points)
bunnygirl50665's avatar

Strange, it’s still not working.

bunnygirl50665 (80points)“Great Answer” (0points)
jrpowell's avatar

body
{
margin: 0;
padding: 0;
background-image:url(‘http://imgur.com/61iK8.jpg’);
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #333333;
}

jrpowell (40562points)“Great Answer” (0points)
bunnygirl50665's avatar

Technology hates me. I still don’t understand what’s wrong!

bunnygirl50665 (80points)“Great Answer” (0points)
bunnygirl50665's avatar

Here’s my code up until the header. Not sure that all this is really required for you to see, but I figured i’d just show it,
<!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<!—

Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License

Title : Balloonr/Bubbles
Version : 1.0
Released : 20070813
Description: A two-column design for 1024×768 resolutions suitable for blogs and forum sites.

—>
<html xmlns=“http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=“content-type” content=“text/html; charset=utf-8” />
<title>{title}</title>
<link rel=“shortcut icon” href=”{Favicon}”>
<meta name=“keywords” content=”” />
<meta name=“description” content=”” />
<style type=“text/css”>
/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body
{
margin: 0;
padding: 0;
background-image:url(‘http://imgur.com/61iK8.jpg’);
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #333333;
}

form {
margin: 0;
padding: 0;
}

img {
border: none;
}

input, textarea {
font: bold 1.2em Arial, Helvetica, sans-serif;
color: #333333;
}

h1, h2, h3 {
margin: 0;
font-weight: normal;
color: #200000;
}

h1 {
letter-spacing: -1px;
font-size: 2.6em;
}
h1 a {
color: #200000;
}

h1 a:hover {
color: #c00040;
}

h2 {
font-size: 1.8em;
}

h2 a {
text-decoration: none;
color: #40a0f0;
}

h2 a:hover {
text-decoration: none;
color: #c0e0a0;
}

h3 {
font-size: 2em;
font-weight: normal;
color: #200000;
}

p, ul, ol {
margin-bottom: 1.6em;
line-height: 180%;
}

a {
text-decoration: none;
font-size: 1.1em;
color: #40a0f0;
}

a:hover {
text-decoration: none;
color: #c0e0a0;
}

hr {
display: none;
}

bunnygirl50665 (80points)“Great Answer” (0points)
bunnygirl50665's avatar

Should I delete this part of it?
}

form {
margin: 0;
padding: 0;
}

bunnygirl50665 (80points)“Great Answer” (0points)
bunnygirl50665's avatar

YES! I figured it out. Thanks for the help! It was a pretty idiotic mistake, I had accidentally put quotation marks around the link. whoops!

bunnygirl50665 (80points)“Great Answer” (0points)

Answer this question

Login

or

Join

to answer.

Older »
Why do people smoke, when they know it's so ...
« Newer
What and how do you say something to someone ...

Mobile | Desktop


Send Feedback   

`