Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Web Site Functionality _ Tumblr Background Image

Posted by: xxmiracle Jun 20 2010, 02:37 AM

Tumblr layouts use "blocks" and its stopping me from doing what is normally very easy to do when coding...

What I'm trying to do is to make the background image fixed and not repeat.

If any of you here have Tumblr, I'm using the theme "nightnight" by deddy

The original theme has no background image. and this is the code

QUOTE

<meta name="image:Background" content="" />
<meta name="if:Fixed Background" content="0" />
<meta name="if:No Repeat Background" content="0" />
<meta name="font:Body" content="Tahoma, Arial, sans-serif" />
<meta name="if:Show Page Links" content="0" />

body {
color: {color:Text};
font: 12px {font:Body};
background: url({image:Background}) {block:IfNoRepeatBackground}no-repeat{/block:IfNoRepeatBackground} {block:IfFixedBackground}fixed{/block:IfFixedBackground} {color:Background};
line-height: 20px;
}


Then I added an image link to the code

QUOTE

<meta name="image:Background" content="http://img714.imageshack.us/img714/5488/calv.png" />
<meta name="if:Fixed Background" content="0" />
<meta name="if:No Repeat Background" content="0" />
<meta name="font:Body" content="Tahoma, Arial, sans-serif" />
<meta name="if:Show Page Links" content="0" />

body {
color: {color:Text};
font: 12px {font:Body};
background: url({image:Background}) {block:IfNoRepeatBackground}no-repeat{/block:IfNoRepeatBackground} {block:IfFixedBackground}fixed{/block:IfFixedBackground} {color:Background};
line-height: 20px;
}



I know its something to do with the blocking codes...but everything I try, the image still repeats.
Suggestions Please?



Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)