General Question

DeanChristian's avatar

How do I replace the title of my Tumblr with an image?

Asked by DeanChristian (1points) October 7th, 2010

Hey so I’ve been trying to figure this out for a day now, and I can’t seem to find the code or what code to input and where… I just want to replace the “Dean Christian” with an image and have it still have it be a click through link. I can usually do this on my own but I can’t seem to figure this theme out. Thank you very much guys!

My tumblr: www.DeanChristian.Tumblr.com

Theme code (this isn’t the whole code just the top half):

<!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

<!—

BOSTON POLAROID

A Tumblr theme by William Rainbird – http://william.rainbird.me

—>

<html xmlns=“http://www.w3.org/1999/xhtml” xml:lang=“en” lang=“en”>
<head>
<meta http-equiv=“Content-Type” content=“text/html; charset=utf-8”/>
<title>{Title}</title>
<link rel=“shortcut icon” href=”{Favicon}”>
<link rel=“alternate” type=“application/rss+xml” href=”{RSS}”>

<!—DEFAULT COLORS—>
<meta name=“color:Title Text Color” content=”#D5D5D5”/>
<meta name=“color:Description Text Color” content=”#7C7C7C”>
<meta name=“color:Header Background Color” content=”#252525”/>
<meta name=“color:Header Bottom Border Color” content=”#fff”/>
<meta name=“color:Hyperlink Color” content=”#2E6D7B”/>
<meta name=“color:Header Color” content=”#000”/>
<meta name=“color:Text” content=”#000”/>
<meta name=“text:Disqus Shortname” content=”” />

<link type=“text/css” media=“screen” href=“http://static.tumblr.com/qxrkgx6/Kytl8uizy/reset.css” rel=“stylesheet” />
<link type=“text/css” media=“screen” href=“http://static.tumblr.com/qxrkgx6/e6bl8vfhg/league-gothic.css” rel=“stylesheet” />
<link type=“text/css” media=“screen” href=“http://static.tumblr.com/qxrkgx6/Oc5l92tyj/styles.css” rel=“stylesheet” />
<script type=“text/javascript” language=“Javascript” src=“http://static.tumblr.com/qxrkgx6/9Col8uj5y/jquery-1.4.2.min.js”></script>
{block:IndexPage}
<script type=“text/javascript” language=“Javascript” src=“http://static.tumblr.com/qxrkgx6/HQLl8xqe9/functions.js”></script>
{/block:IndexPage}
<script type=“text/javascript” language=“Javascript” src=“http://static.tumblr.com/qxrkgx6/SxJl8uj1r/scrollto.js”></script>
<script type=“text/javascript” language=“Javascript” src=“http://static.tumblr.com/qxrkgx6/iUVl8uim0/lazyload.js”></script>
<script type=“text/javascript” language=“Javascript” src=“http://static.tumblr.com/qxrkgx6/xbKl8xqfa/jquery.pngfix.js”></script>

{block:PermalinkPage}
<script type=“text/javascript” language=“Javascript” src=“http://static.tumblr.com/qxrkgx6/OtOl8xqdd/functions-perm.js”></script>
{/block:PermalinkPage}

{block:Description}
<meta name=“description” content=”{MetaDescription}” />
{/block:Description}

<style type=“text/css”>
#titleText {
color: {color:Title Text Color};
}

#description {
color: {color:Description Text Color};
}

#headerText {
background-color: {color:Header Background Color};
border-bottom: 3px solid {color:Header Bottom Border Color};
}

body {
color: {color:Text};
}

h3, .link .link {
color: {color:Header Color};
}

p a {
color: {color:Hyperlink Color};
}

h3 a:hover, .link a.link:hover {
color: {color:Hyperlink Color};
}

.quote .source a{
color: {color:Hyperlink Color};
}

{CustomCSS}

</style>

</head>
<body>

<div class=“container”>
{block:IndexPage}
<div id=“hint”>
<strong>Hint:</strong> Use ‘j’ and ‘k’ keys<br/> to move up and down
</div>
{/block:IndexPage}

<div id=“backtotop”>
</div>

<div id=“headerText”>
<a href=”/”><h1 id=“titleText”>
{Title}
</h1>
</a>

{block:Description}
<h2 id=“description”>{Description}</h2>
{/block:Description}
</div>

<div id=“posts”>
{block:Posts}
{block:Text}
<div class=“post text”>
{block:Title}
<h3><a href=”{Permalink}”>{Title}</a></h3>
{/block:Title}

{Body}

Observing members: 0 Composing members: 0

3 Answers

remambermee's avatar

ummm I don’t know if this helps…
http://www.fluther.com/19150/tumblr-how-do-i-add-an-image-as-a-header/

Certain blog themes already have like a header thing and all you have to do is add the url…

This is probably betterrrrrrr (:
http://tumblring.net/replacing-the-text-header-for-an-image-header-on-tumblr/

jrpowell's avatar

Find this:

<div id=“headerText”>
<a href=”/”><h1 id=“titleText”>
{Title}
</h1>
</a>

Replace with this:

<div id=“headerText”>
<a href=”/”><img src=“http://www.blah.com/whatever.jpg”></a>

Just change the url to your img.

And Fluther screws up quotes so you will need to make the curly quotes straight.

And delete this if you want to get rid of where it says “I’m Dean. I’m just another LA statistic.”

{block:Description}
<h2 id=“description”>{Description}</h2>
{/block:Description}

DeanChristian's avatar

Johnpowell, I did what you said and now it looks like this:
www.deanchristian.tumblr.com

Heres the original:
http://safe.tumblr.com/theme/preview/13607

I just want to replace the title with a picture I created and still leave the
‘I’m Dean. I’m just another LA statistic.”
With also the dark gray section there at the top..

Thanks for your help!

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