General Question

escapadesofapoet's avatar

Changing Tumblr Text Heading to an Image. HTML HELP!

Asked by escapadesofapoet (134 points ) September 29th, 2011

So i wanted to have this image, http://static.tumblr.com/wpbuf8v/qfelsbnad/10.jpg as my header in tumblr. But i cant get it to work. i dont know how to change the HTML coding to show my picture…can someone please help me, im sure its easy but im just confused :P

here is the full coding
and the website in question is on tumblr.com.

<!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=“http://www.w3.org/1999/xhtml” xml:lang=“en” lang=“en”>

<!—

by:
____ ____ ____ ____ ____ ____ ____ ____
||D |||O |||I |||N |||W |||O |||R |||K ||
||__|||__|||__|||__|||__|||__|||__|||__||
|/__\|/__\|/__\|/__\|/__\|/__\|/__\|/__\|

—>

<head>

<!—DEFAULT—>
<meta name=“color:Background” content=”#fff”/>
<meta name=“color:Title” content=”#333333”/>
<meta name=“color:Description” content=”#BBBBBB”/>
<meta name=“color:Post Title” content=”#FCB310”/>
<meta name=“color:Text” content=”#444”/>
<meta name=“color:Inline Link” content=”#FCB310”/>
<meta name=“color:Quote Border” content=”#FCB310”/>
<meta name=“color:Quote Source” content=”#555”/>
<meta name=“color:Link Post” content=”#FCB310”/>
<meta name=“color:Conversation Border” content=”#bbb”/>
<meta name=“color:Conversation Text” content=”#444”/>

<meta name=“image:Background” content=“http://static.tumblr.com/...”/>
<meta name=“text:Disqus Shortname” content=”” />
<meta name=“if:Show people I follow” content=“0”/>
<meta name=“if:Show ask sidebar” content=“0”/>
<meta name=“text:Facebook Shortname” content=”” />
<meta name=“text:Myspace Shortname” content=”” />
<meta name=“text:LastFm Shortname” content=”” />
<meta name=“text:Twitter Shortname” content=”” />
<meta name=“text:Flickr Shortname” content=”” />
<meta name=“text:Vimeo Shortname” content=”” />
<meta name=“text:Youtube Shortname” content=”” />
<meta name=“text:Delicious Shortname” content=”” />
<meta name=“text:Digg Shortname” content=”” />
<meta name=“text:Formspring Shortname” content=”” />
<meta name=“if:Show post dividers” content=“1”/>

<!—END DEFAULT—>

<meta http-equiv=“Content-Type” content=“text/html; charset=utf-8”/>
<title>{Title}</title>
<link rel=“icon” href=”{Favicon}”/>
<link rel=“alternate” type=“application/rss+xml” title=“RSS” href=”{RSS}”/>
<meta name=“viewport” content=“width=600”/> <!—iPhone—>
{block:Description}<meta name=“description” content=”{MetaDescription}” />{/block:Description}

<link rel=“stylesheet” href=“http://static.tumblr.com/xequfu2/HTCkl99d0/sifr-screen.css” type=“text/css” media=“screen” />
<link rel=“stylesheet” href=“http://static.tumblr.com/xequfu2/PoWkl99dp/sifr-print.css” type=“text/css” media=“print” />
<script src=“http://static.tumblr.com/xequfu2/nuqkl998u/sifr.js” type=“text/javascript”></script>
<script src=“http://static.tumblr.com/xequfu2/3sckzd2mg/sifr-config.js” type=“text/javascript”></script>

<style type=“text/css”>
body {
background-repeat: no-repeat;

{block:IfNotBackgroundImage}
background: {color:Background} top center;
{/block:IfNotBackgroundImage}

{block:IfBackgroundImage}
background: {color:Background} url(’{image:Background}’) top left fixed;
{/block:IfBackgroundImage}

font-family:Helvetica Neue Arial Lucida, sans-serif;
}

a {
color: {color:Inline Link};
text-decoration: none;
}

a:hover {
text-decoration:underline;
}

h1 {
color: #333333;
padding: 0;
text-size: 100px;
margin-top: 0px;
margin-bottom: -15px;

}

h1 a {
color: {color:Title};
text-decoration: none;
}

.header {
font-family: Helvetica, Neue Arial, Lucida, sans-serif;
margin: 25px 0 50px 0;
width: 100%;

}
.header h1 {
line-height:56px;
font-size:100px;
font-weight:100;
letter-spacing:-2px;
text-transform:uppercase;
text-align: center;
z-index:-1;
}
.header h1 a {
font-weight:normal;
border:0 !important;
text-decoration: none;
}

.header h2 {
font-family: Helvetica Neue, Arial, Lucida, sans-serif;
color:{color:Description};
font-size:16px;
font-weight:200;
letter-spacing:-1px;
line-height:22px;
text-align:center;
margin-right:55px;

}

div#content {
width: 550px;
margin: auto;
position: relative;
margin-top: 30px;
background: #ffffff;
padding:10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:30px 10px 10px;

}

div#content div#sidebar {
position: absolute;
right: -170px;
width: 160px;
text-align: left;
}

div#sidebar {
font: Normal 16px Helvetica Neue Arial Lucida, sans-serif;
line-height: 20px;
color: {color:Description};
}

div#sidebar a {
color: #333333;
border:none;
}

div#sidebar a img {
border:none;
}
div#sidebar div.pages {
font: 14px Helvetica Neue, Arial, Lucida, serif;
font-weight: 200;
list-style: none;
margin-top: 15px;
}
div.pages ol.pages {
text-decoration: none;
font-size: 16px;
color: #333333;
margin-top:-5px;
font-style: italic;
margin-left:-15px;
padding-top:7px;
text-decoration:none;
list-style: none;

}
ol.pages li a:hover{
text-decoration: underline;
}

ol.pages li a{
text-decoration:none;
color:#333;
}

div#sidebar div.pages li a:hover {
text-decoration: underline;

}

div#sidebar div.sidebar-bottom{
margin: 5px 0;

}
div.post {
position: relative;
margin-bottom: 100px;
text-decoration: none;
}

div.post div.datetime {
font-size: 12px;
line-height: 150%;
color: #555;
padding: 0 45px 20px 0;
text-align: right;
margin-top:-20px;
}
div.post div.datetime a {
color: #666;
}
div.post div.datetime a:hover {
text-decoration:underline;
color: {color:InlineLink};
}

div.post div.disqus {
font-size: 12px;
line-height: 150%;
color: #555;
padding: 0 45px 20px 0;
text-align: right;
margin-top:-20px;
}

div.post div.disqus a {
color: {color:InlineLink};
}

div.post div.post-bottom {
margin-left: 15px;
margin-top:-15px;

}

div.post h2 {
font-size: 40px;
color: {color:Post Title};
letter-spacing: -1px;
margin: 0px 0px 5px 0px;
text-decoration: none;
text-shadow:1px 1px 4px #E1E1E1;
line-height: 33px;
}

div.post h2 a {
color: {color:Post Title};
text-decoration: none;
font-family: Helvetica Neue, sans-serif;
font-weight: 100;
}

div.post div.caption {
font-size: 12px;
font-style: italic;
color: {color:Text};
margin-top: 10px;
padding: 0px 20px 0px 20px;
text-decoration: none;
border:none;
margin-bottom: 50px;
}

div.post div.caption a {
color:{color:Inline Link};
text-decoration: none;
border:none;
}

div.post div.caption a:hover {
color:{color:Inline Link};
text-decoration: underline;
border:none;
}

/* text Post */

div.post div.text {
font-size: 12px;
color: {color:Text};
line-height: 20px;
text-decoration: none;
}

div.post div.text a {
color:{color:Inline Link};
}

div.post div.text blockquote {
font-style: italic;
border-left: solid 2px {color:Text};
padding-left: 10px;
}
/* Photo Post */

div.post div.photo img {
border-width: 0px;
margin:0 25px auto;
}

div.post div.photo div.caption {
font: Normal 12px Helvetica Neue Arial Lucida, sans-serif;
line-height: 16px;
color: {color:Caption};
}

/* Photoset Post */

div.post div.photoset img {
border-width: 0px;
margin:0 25px auto;
}

div.post div.photoset div.caption {
font: Normal 12px Helvetica Neue Arial Lucida, sans-serif;
line-height: 16px;
color: {color:Caption};
}

/* Quote Post */

div.post div.quote div.quote_text {
font-family: Helvetica Neue, Arial Lucida, sans-serif;
color: {color:Quote};
border-left: solid 2px {color:Quote Border};
padding-left: 10px;
}

div.post div.quote div.quote_text span.short {
font-size: 40px;
line-height: 40px;
letter-spacing: -1px;
font-weight:100;
}

div.post div.quote div.quote_text span.medium {
font-size: 26px;
line-height: 40px;
letter-spacing: -1px;
font-weight:100;
}

div.post div.quote div.quote_text span.long {
font-size: 26px;
line-height: 20px;
font-weight:100;
}

div.post div.quote div.quote_text a {
color: {color:Quote};
}

div.post div.quote div.source {
font-size: 12px;
color: {color:Quote Source};
margin-top: 5px;
}

div.post div.quote div.source a {
color: {color:Quote Source};
}

/* Link Post */

div.post div.link a.link {
font: Bold 26px Helvetica Neue, Arial, Lucida, sans-serif;
letter-spacing: -1px;
color: {color:Link Post};
text-decoration: none;
text-shadow: 0 1px 0 #fff, 0 -1px 0 #666666;
background: #e1e1e1;
padding: 5px 10px;
-moz-box-shadow: 2px 3px 3px rgba(120, 120, 120, .3);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

}

div.post div.link a.link:hover {
-moz-box-shadow:
2px 3px 3px rgba(0, 0, 0, .3);
-2px -2px 0 #fff,

}

div.post div.link span.description {
font-size: 12px;
font-weight: normal;
color: {color:Text};
text-decoration: none;
}

/* Conversation Post */

div.post div.chat ul {
list-style-type: none;
margin: 0px;
padding: 0px 0px 0px 1px;
border-left: solid 5px {color:Conversation Border};
}

div.post div.chat ul li {
font-size: 12px;
padding: 4px 10px 4px 8px;
color: {color:Conversation Text};
margin-bottom: 1px;
}

div.post div.chat ul li span.label {
font-weight: bold;
}

div.post div.chat ul li span.user_1

div.post div.chat ul li span.user_2

div.post div.chat ul li span.user_3 {
color: #0a0;
}

div.post div.chat ul li.odd {
background-color: #f4f4f4;
}

div.post div.chat ul li.even {
background-color: #d6d6d6;
}

/* Audio Post */

.stat-audio .stat-audio-wrapper {
width: 496px;
overflow: hidden;
margin-bottom: 25px;
}

.stat-audio .stat-extra-padding {
padding: 17px 9px !important;
background-color: #ffffff;
}

.stat-audio .stat-audio-wrapper a {
color: #111;
border-bottom: 1px dotted #8C8C8C;
}

.stat-audio .stat-audio-album-art {
float: left;
display: inline-block;
margin: 0;
border: 1px solid #ececec;
background-color: #e1e1e1;
padding: 4px;
vertical-align: top;
-webkit-border-radius: 3px;
-webkit-border-top-right-radius: 0;
-moz-border-radius: 3px;
-moz-border-radius-topright: 0;
border-radius: 3px;
border-top-right-radius: 0;

}

.stat-audio .stat-audio-album-art img {
width: 150px;
height: 150px;
vertical-align: top;
}

.stat-audio .stat-audio-player {
background-color: #666666;
display: inline-block;
}

.stat-audio .stat-extra-padding .stat-audio-player {
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-bottom:1px solid #333333;
border-right:1px solid #333333;
padding-bottom:0;
padding-right:1px;
}

.stat-audio .stat-audio-wrapper embed {
vertical-align: top;
}

.stat-audio .stat-extra-padding embed {
vertical-align: baseline !important;
}

.stat-audio .stat-audio-play-count,
.stat-audio .stat-audio-player .audio_player {
display: inline-block;
vertical-align: middle;
}

.stat-audio .stat-extra-padding .stat-audio-player .audio_player {
overflow: hidden;
height: 28px;
width: 28px;
}

.stat-audio .stat-audio-play-count {
padding: 6px 10px 7px;
font: normal 11px/15px Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 4px;
}

.stat-audio .stat-audio-play-count .stat-audio-download {
font-weight: bold;
letter-spacing: 0 !important;
}

.stat-audio .stat-audio-album-art,
.stat-audio .stat-audio-left {
float: left;
}

.stat-audio .stat-extra-padding .stat-audio-left {
width: 326px;
}

.stat-audio .stat-audio-artist,
.stat-audio .stat-audio-song {
padding: 8px;
background-color: #e1e1e1;
margin: 10px 0 0;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}

/* Video Post */

div.post div.video {
width: 500px;
margin: 0 auto;
}

/* Ask Post */

.answer {
width: 465px;
margin-bottom: 50px
}
.answer-question .body {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #e1e1e1;
padding: 7px 16px;
width: 365px;
float: left;
line-height: 1.4;
margin-bottom: 15px;
font-size: 24px;
overflow: hidden;
font-weight: 100;
font-family: “Helvetica Neue”,“Helvetica”,“Impact”,sans-serif;
font-style: italic;

}
.answer-asker {
font-size:12px;
line-height:0px;
margin-left:38px;
}

.answer-asker a {
color: {color:Inline Link};
font-weight: bold;
font-style: italic;
}

.answer-answer {
margin-top: 22px;
}
.answer-label {
width: 35px;
float: left;
color: {color:Accent};
font-family: “Helvetica Neue”,“Helvetica”,“Impact”,sans-serif;
font-size: 17px;
overflow: hidden;
line-height: 45px;
}
.answer-answer .body {
padding-left: 53px;
font-weight: 400;
font-size: 15px;
font-family: “Helvetica Neue”,“Helvetica”,“Impact”,sans-serif;
line-height: 49px;
color: #333333;
padding-top:1px;
width:365px;
}

.answer-answer .body p {
line-height:18px;
}

#sidebar1 {
width: 275px;
margin-left:10px;
margin-top:20px;
}

#following {
padding:10px 60px 0 10px;
margin-left: -10px;
}

#following a img:hover {
opacity: 0.4;
filter: alpha(opacity=40);
-ms-filter:“progid:DXImageTransform.Microsoft.Alpha(Opacity=40)”;
}
#following a img {
margin: 2px;
}

.post.text .type{ background-position: 0 -265px; }
.post.photo .type{ background-position: 0 -232px; }
.post.link .type{ background-position: 0 -200px;}
.post.quote .type{ background-position: 0 -167px; }
.post.chat .type{ background-position: 0 -134px; }
.stat-audio .type{ background-position: 0 -102px; }
.post.video .type{ background-position: 0 -70px; margin-left: -30px; }
.post.photoset .type{ background-position: 0 -36px; }
.answer .type{ background-position: 0 -2px; }

.type{
display:block;
width: 38px;
height: 32px;
text-indent:-99999px;
margin-bottom:4px;
background: url(http://static.tumblr.com/xequfu2/IGml46jev/icons.png) no-repeat top left;
opacity:0.4;
}

.type:hover{
opacity:0.99;
}

.postinfo{
position:absolute;
display:block;
top:0px;
left:-63px;
width:38px;
}

#home {
background:url(http://static.tumblr.com/xequfu2/ErUkl99l3/home.png) no-repeat 0px -1px ;
height:30px;
cursor:pointer;
}
#home:hover {
background:url(http://static.tumblr.com/xequfu2/ErUkl99l3/home.png) no-repeat 0px -31px;
}

#random {
background:url(http://static.tumblr.com/xequfu2/QkYkl99pb/random.png) no-repeat 0px -1px ;
height:30px;
cursor:pointer;
}
#random:hover {
background:url(http://static.tumblr.com/xequfu2/QkYkl99pb/random.png) no-repeat 0px -31px;
}

#archive {
background:url(http://static.tumblr.com/xequfu2/ilikl99j9/archive.png) no-repeat 0px -1px ;
height:30px;
cursor:pointer;
}
#archive:hover {
background:url(http://static.tumblr.com/xequfu2/ilikl99j9/archive.png) no-repeat 0px -31px;
}

#pages_nav {
background:url(http://static.tumblr.com/xequfu2/Yrgkzd2tm/pages.png) no-repeat 0px -31px ;
height:30px;
margin-top: 10px;
}

#blank {
background:url(http://static.tumblr.com/xequfu2/OPMkzd2rt/blank.png) no-repeat 0px -1px ;
height:30px;
cursor:pointer;
}
#blank:hover {
background:url(http://static.tumblr.com/xequfu2/OPMkzd2rt/blank.png) no-repeat 0px -31px;
}

#tumbltape {
background:url(http://static.tumblr.com/xequfu2/bklkl99tt/tumbltape.png) no-repeat 0px -1px ;
height:30px;
cursor:pointer;
}
#tumbltape:hover {
background:url(http://static.tumblr.com/xequfu2/bklkl99tt/tumbltape.png) no-repeat 0px -31px;
}

#search {
background:url(http://static.tumblr.com/xequfu2/A83kl99rb/search.png) no-repeat 0px -1px ;
height:30px;
cursor:pointer;
margin-bottom: -18px;
margin-left: 10px;
padding-left: 30px;
}
#search:hover {
background:url(http://static.tumblr.com/xequfu2/A83kl99rb/search.png) no-repeat 0px -31px;
}

#rss {
background:url(http://static.tumblr.com/xequfu2/fygkni88l/rss1.png) no-repeat 0px -1px ;
height:30px;
cursor:pointer;
}
#rss:hover {
background:url(http://static.tumblr.com/xequfu2/fygkni88l/rss1.png) no-repeat 0px -31px;
}

#download {
background:url(http://static.tumblr.com/internal/Gr6knjvpl/download.png) no-repeat 0px -1px ;
height:30px;
cursor:pointer;
}
#download:hover {
background:url(http://static.tumblr.com/internal/Gr6knjvpl/download.png) no-repeat 0px -31px;
}

#myspace {
background:url(http://static.tumblr.com/xequfu2/s8Lkni87o/myspace.png) no-repeat 0px -1px ;
height:30px;
cursor:pointer;
}
#myspace:hover {
background:url(http://static.tumblr.com/xequfu2/s8Lkni87o/myspace.png) no-repeat 0px -31px;
}

#last {
background:url(http://static.tumblr.com/xequfu2/nq7kni86t/last.png) no-repeat 0px -1px ;
height:30px;
cursor:pointer;
}
#last:hover {
background:url(http://static.tumblr.com/xequfu2/nq7kni86t/last.png) no-repeat 0px -31px;
}

#flickr {
background:url(http://static.tumblr.com/xequfu2/1Xckni862/flickr.png) no-repeat 0px -1px ;
height:30px;
cursor:pointer;
}
#flickr:hover {
background:url(http://static.tumblr.com/xequfu2/1Xckni862/flickr.png) no-repeat 0px -31px;
}

#vimeo {
background:url(http://static.tumblr.com/xequfu2/CiBkni8ad/vimeo.png) no-repeat 0px -1px ;
height:30px;
cursor:pointer;
}
#vimeo:hover {
background:url(http://static.tumblr.com/xequfu2/CiBkni8ad/vimeo.png) no-repeat 0px -31px;
}

#youtube {
background:url(http://static.tumblr.com/xequfu2/U40kni8b6/youtube.png) no-repeat 0px -1px ;
height:30px;
cursor:pointer;
}
#youtube:hover {
background:url(http://static.tumblr.com/xequfu2/U40kni8b6/youtube.png) no-repeat 0px -31px;
}

#delicious {
background:url(http://static.tumblr.com/xequfu2/Gm5kni82w/delicious.png) no-repeat 0px -1px ;
height:30px;
cursor:pointer;
}
#delicious:hover {
background:url(http://static.tumblr.com/xequfu2/Gm5kni82w/delicious.png) no-repeat 0px -31px;
}

#digg {
background:url(http://static.tumblr.com/xequfu2/DiYkni841/digg.png) no-repeat 0px -1px ;
height:30px;
cursor:pointer;
}
#digg:hover {
background:url(http://static.tumblr.com/xequfu2/DiYkni841/digg.png) no-repeat 0px -31px;
}

#facebook {
background:url(http://static.tumblr.com/xequfu2/UIVl4618a/facebook.png) no-repeat 0px -1px ;
height:30px;
cursor:pointer;
}
#facebook:hover {
background:url(http://static.tumblr.com/xequfu2/UIVl4618a/facebook.png) no-repeat 0px -31px;
}

#twitter {
background:url(http://static.tumblr.com/xequfu2/dfxkzd2ut/twitter.png) no-repeat 0px -1px ;
height:30px;
cursor:pointer;
}
#twitter:hover {
background:url(http://static.tumblr.com/xequfu2/dfxkzd2ut/twitter.png) no-repeat 0px -31px;
}

#ask {
background:url(http://static.tumblr.com/xequfu2/8Gdl461a7/ask.png) no-repeat 0px -1px ;
height:30px;
cursor:pointer;
}
#ask:hover {
background:url(http://static.tumblr.com/xequfu2/8Gdl461a7/ask.png) no-repeat 0px -31px;
}

#formspring {
background:url(http://static.tumblr.com/xequfu2/Z1Il461oi/formspring.png) no-repeat 0px -1px ;
height:30px;
cursor:pointer;
}
#formspring:hover {
background:url(http://static.tumblr.com/xequfu2/Z1Il461oi/formspring.png) no-repeat 0px -31px;
}

ol.notes{
font-size:15px;
margin-bottom:20px;
font-family: Helvetica neue, Helvetica, arial, lucida, sans-serif;
font-weight: 200;

}

ol.notes li{
border-bottom:1px dashed #999999;
margin-bottom:5px;
overflow:hidden;
padding:14px 50px 13px 14px;
position:relative;
width:400px;
}

ol.notes li a img{
padding:4px;
border: none;
float:left;
width:16px;
height:16px;
}

ol.notes li a{
font-weight:bold;
text-decoration:none;
color:#333;
}

ol.notes li span.action{
margin-left:10px;
float:left;
}

ol.notes blockquote {
font-size:13px;
font-weight:normal !important;
padding-left:35px;

}

ol.notes blockquote a{
font-weight:normal !important;
}

/* Footer */

div#footer {
font: Normal 12px Helvetica Neue, Arial, Lucida, serif;
margin: 40px 0px 30px 0px;
text-align: center;
font-size: 12px;
font-weight: 100;
color: {color:Description};
}

div#footer a {
text-decoration: none;
font-size: 40px;
color: {color:Description};
}

div#footer a:hover {
text-decoration: underline;
color: {color:Title};
}

div#credit {
font: Normal 12px Helvetica Neue, Arial, Lucida, serif;
margin-top: 15px;
}
div#credit a {
text-decoration: none;
font-size: 12px;
color: {color:Inline Link};
}
a.install {
width: 96px;
height: 20px;
background: url(http://static.tumblr.com/thpaaos/dHHkt0jor/install_theme.png);
display: block;
position: absolute;
top: 26px;
right: 3px;
}

{CustomCSS}
</style>

</head>
<body>

<a href=“http://www.tumblr.com/theme/849” class=“install”></a>
<div class=“header”>
<h1><a href=””><img src=“http://static.tumblr.com/wpbuf8v/qfelsbnad/10.jpg”/></a></h1>
<h2>{Description}</h2>
</div>

<div id=“content”>

<div id=“sidebar”>

<div id=“search”>
<form method=“get” action=”/search”>
<input type=“text” value=”{SearchQuery}” name=“q”/>
</form>
</div>
<div id=“sidebar1”>
<a href=”/”><div id=“home”></div></a>
<a href=”/random”><div id=“random”></div></a>
<a href=”/archive”><div id=“archive”></div></a>
<a href=”{RSS}”><div id=“rss”></div></a>
{block:IfShowAskSidebar}
<a href=”/ask”><div id=“ask”></div></a>
{/block:IfShowAskSidebar}

{block:IfFacebookShortname}
<a href=“http://facebook.com/{text:Facebook Shortname}”><div id=“facebook”></div></a>
{/block:IfFacebookShortname}
{block:IfMyspaceShortname}
<a href=“http://myspace.com/{text:Myspace Shortname}”><div id=“myspace”></div></a>
{/block:IfMyspaceShortname}
{block:IfLastFmShortname}
<a href=“http://last.fm/user/{text:LastFm Shortname}”><div id=“last”></div></a>
{/block:IfLastFmShortname}
{block:IfTwitterShortname}
<a href=“http://twitter.com/{text:Twitter Shortname}”><div id=“twitter”></div></a>
{/block:IfTwitterShortname}
{block:IfFlickrShortname}
<a href=“http://flickr.com/{text:Flickr Shortname}”><div id=“flickr”></div></a>
{/block:IfFlickrShortname}
{block:IfVimeoShortname}
<a href=“http://vimeo.com/{text:Vimeo Shortname}”><div id=“vimeo”></div></a>
{/block:IfVimeoShortname}
{block:IfYoutubeShortname}
<a href=“http://youtube.com/{text:Youtube Shortname}”><div id=“youtube”></div></a>
{/block:IfYoutubeShortname}
{block:IfDeliciousShortname}
<a href=“http://delicious.com/{text:Delicious Shortname}”><div id=“delicious”></div></a>
{/block:IfDeliciousShortname}
{block:IfDiggShortname}
<a href=“http://digg.com/{text:Digg Shortname}”><div id=“digg”></div></a>
{/block:IfDiggShortname}
{block:IfFormspringShortname}
<a href=“http://formspring.me/{text:Formspring Shortname}”><div id=“formspring”></div></a>
{/block:IfFormspringShortname}

<div class=“pages”>
{block:HasPages}
<div class=“sidebar-bottom”>
<img src=“http://static.tumblr.com/xequfu2/gOMkzd2on/sidebar_bottom.png”/>
</div>
<div id=“pages_nav”></div>
{block:Pages}
<div id=“blank”><ol class=“pages”><li><a href=”{URL}”> {Label}</a></li></ol></div>
{/block:Pages}
{/block:HasPages}
</div>

{block:IfShowPeopleIFollow}
{block:Following}
<div id=“following”>
{block:Followed}<a href=”{FollowedURL}”><img src=”{FollowedPortraitURL-40}” /></a>{/block:Followed}
</div>
{/block:Following}
{/block:IfShowPeopleIFollow}
</div>

</div>

{block:Posts}
<div class=“post”>

{block:Text}
<div class=“post text”>
<div class=“postinfo”>
<a href=”{permalink}” class=“type”>Text Post</a></div>
{block:Title}<h2><a href=”{Permalink}”>{Title}</a></h2>{/block:Title}
{Body}
</div>
{/block:Text}

{block:Photo}
<div class=“post photo”>
<div class=“postinfo”>
<a href=”{permalink}” class=“type”>Photo Post</a></div>

{LinkOpenTag}<img src=”{PhotoURL-500}” alt=”{PhotoAlt}”/>{LinkCloseTag}
{block:Caption}
<div class=“caption”>{Caption}</div>
{/block:Caption}
</div>
{/block:Photo}

{block:Photoset}
<div class=“post photoset”>
<div class=“postinfo”>
<a href=”{permalink}” class=“type”>Photoset Post</a></div>
{Photoset-500}
{block:Caption}
<div class=“copy”>{Caption}</div>
{/block:Caption}
</div>
{/block:Photoset}

{block:Quote}
<div class=“post quote”>
<div class=“postinfo”>
<a href=”{permalink}” class=“type”>Quote Post</a></div>
<div class=“quote_text”><span class=”{Length}”>{Quote}</span></div>
{block:Source}
<div class=“source”>— {Source}</div>
{/block:Source}
</div>
{/block:Quote}

{block:Link}
<div class=“post link”>
<div class=“postinfo”>
<a href=”{permalink}” class=“type”>Link Post</a></div>
<h2><a href=”{URL}” class=“link” {Target}>{Name}</a></h2>
{block:Description}
<span class=“description”>{Description}</span>
{/block:Description}
</div>
{/block:Link}

{block:Chat}
<div class=“post chat”>
<div class=“postinfo”>
<a href=”{permalink}” class=“type”>Chat Post</a></div>
{block:Title}
<h2><a href=”{Permalink}”>{Title}</a></h2>
{/block:Title}
<ul>
{block:Lines}
<li class=”{Alt}”>
{block:Label}
<span class=“label user_{UserNumber}”>{Label}</span>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
</div>
{/block:Chat}

{block:Audio}
<div class=“stat-audio”>
<div class=“postinfo”>
<a href=”{permalink}” class=“type”>Audio Post</a></div>
<div class=“stat-audio-wrapper {block:AlbumArt}stat-extra-padding{/block:AlbumArt}”>
{block:AlbumArt}<div class=“stat-audio-album-art”><img src=”{AlbumArtURL}” alt /></div>{/block:AlbumArt}
<div class=“stat-audio-left”>
<div class=“stat-audio-player”>{AudioPlayerBlack}</div>
<div class=“stat-audio-play-count”>{FormattedPlayCount} Plays{block:ExternalAudio} <a href=”{ExternalAudioURL}” class=“stat-audio-download”>→</a>{/block:ExternalAudio}</div>
{block:Artist}<div class=“stat-audio-artist”>{Artist}</div>{/block:Artist}
{block:TrackName}<div class=“stat-audio-song”>{TrackName}</div>{/block:TrackName}
</div>
<div class=“stat-clear”></div>
</div>
</div>
{/block:Audio}

{block:Video}
<div class=“post video”>
<div class=“postinfo”>
<a href=”{permalink}” class=“type”>Vid Post</a></div>
{Video-500}
{block:Caption}
<div class=“caption”>{Caption}</div>
{/block:Caption}
</div>
{/block:Video}

{block:Answer}
<div class=“answer”>
<div class=“postinfo”>
<a href=”{permalink}” class=“type”>Vid Post</a></div>

<div class=“answer-question”>
<div class=“answer-label”>Q</div>
<div class=“body”>
{Question}
</div>
<div class=“answer-asker post-{PostID}”>
</div>
<div class=“answer-asker”>from:{Asker}</div>
<div class=“clear”></div>
</div>

<div class=“answer-answer”>
<div class=“answer-label”>A</div>
<div class=“body”>
{Answer}
</div>
</div>

</div>
{/block:Answer}

<div class=“datetime”>
Posted <a href=”{Permalink}” class=“permalink”>{Month} {DayOfMonth}, {Year} at {12Hour}:{Minutes}{AmPm}</a> {block:HasTags}in {block:Tags}<a href=”{TagURL}”>{Tag}</a> {/block:Tags}{/block:HasTags}
{block:Pagination}
{block:NoteCount} |
<a href=”{Permalink}”>{NoteCountWithLabel}</a>{/block:NoteCount} <br />
{/block:Pagination}
{block:SearchPage} |
{block:NoteCount}&
<a href=”{Permalink}”>{NoteCountWithLabel}</a>{/block:NoteCount} <br />
{/block:SearchPage}
{block:PermalinkPage}
{block:NoteCount} |
<a href=”{Permalink}”>{NoteCountWithLabel}</a>{/block:NoteCount}<br />
{/block:PermalinkPage}
</div>

<div class=“disqus”>
{block:IfDisqusShortname}<a class=“stat-disqus” href=”{Permalink}#disqus_thread”>Comments</a>{/block:IfDisqusShortname}
</div>

{block:IfShowPostDividers}
<div class=“post-bottom”>

<img src=“http://static.tumblr.com/xequfu2/sXBkzd2nw/post_bottom.png”/>

</div>
{/block:IfShowPostDividers}

</div>
{block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:Posts}

{block:IfDisqusShortname}
{block:PermalinkPage}
<script type=“text/javascript”>var disqus_url = ”{Permalink}”; var disqus_title =”{block:PostTitle}{PostTitle}{/block:PostTitle}”;</script>{block:Permalink}<div id=“disqus_thread”></div>
<script type=“text/javascript”>
/**
* var disqus_identifier; [Optional but recommended: Define a unique identifier (e.g. post id or slug) for this thread]
*/
(function() {
var dsq = document.createElement(‘script’); dsq.type = ‘text/javascript’; dsq.async = true;
dsq.src = ‘http://{text:Disqus Shortname}.disqus.com/embed.js’;
(document.getElementsByTagName(‘head’)[0] || document.getElementsByTagName(‘body’)[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a href=“http://disqus.com/?ref_noscript={text:Disqus Shortname}”>comments powered by Disqus.</a></noscript>
<a href=“http://disqus.com” class=“dsq-brlink”>blog comments powered by <span class=“logo-disqus”>Disqus</span></a>
{/block:Permalink}<script type=“text/javascript”>
var disqus_shortname = ’{text:Disqus Shortname}’;
(function () {
var s = document.createElement(‘script’); s.async = true;
s.src = ‘http://disqus.com/forums/{text:Disqus Shortname}/count.js’;
(document.getElementsByTagName(‘HEAD’)[0] || document.getElementsByTagName(‘BODY’)[0]).appendChild(s);
}());
</script>

{/block:PermalinkPage}
{/block:IfDisqusShortname}

<div id=“footer”>
{block:PreviousPage}
<a href=”{PreviousPage}”>« Previous</a>   
{/block:PreviousPage}

{block:NextPage}
<a href=”{NextPage}” font-size=“36px”>Next »</a>
{/block:NextPage}

<div id=“credit”>
<a href=“http://ultralite.tumblr.com”>Ultralite</a> Powered by <a href=“http://www.tumblr.com/”
target=“_blank”>Tumblr</a>
Designed by:<a href=“http://doinwork.tumblr.com/”
target=“_blank”>Doinwork</a>
</div>
</div>
</div>

</body>
</html>

Observing members: 0 Composing members: 0

1 Answer

GrayTax's avatar

This Post should tell you how to edit the HTML of your blog.

Now for the changes you’d need!
If you wanted to replace the large “Escapades of a Poet” text with the image it’d be a bit harder to make it look good, but to get the image just below “Escapades of a Poet and your view counter…

Change this
.header {
font-family: Helvetica, Neue Arial, Lucida, sans-serif;
margin: 25px 0 50px 0;
width: 100%;
}

To This
.header {
font-family: Helvetica, Neue Arial, Lucida, sans-serif;
margin: 25px 0 10px 0;
width: 100%;
background-image: url(http://static.tumblr.com/wpbuf8v/qfelsbnad/10.jpg);
background-repeat: no-repeat;
background-position: bottom;
padding-bottom: 125px;
}

^That should put your image in the bit that Contains the “Escapades…”, and make it so that it comes below the text. You can change the padding-bottom: __px value to get more/less distance between the image and the Text, and change the you’re cute… image to something else by changing the background-image: url(x) value .

Good luck!

P.S. If you need to ask another question like this, you can use view-source:Your-site’s-URL to give people a direct link to the source code (it’s syntax highlighted too!) like so; it saves having to copy out all the code :)

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