- This question has been deleted.
General Question
How to change title to image header on tumblr?
I can’t figure it out!
Heres my code btw
<!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” dir=“ltr” lang=“en-US”>
<!—
It will rain
By http://www.athenability.tumblr.com
—>
<head>
<title>{Title}{block:PostSummary} – {PostSummary}{/block:PostSummary}</title>
{block:Description}<meta name=“description” content=”{MetaDescription}” />{/block:Description}
<link rel=“shortcut icon” href=”{Favicon}” />
<link rel=“alternate” type=“application/rss+xml” href=”{RSS}” />
<meta name=“color:Background” content=”#ffffff” />
<meta name=“color:Text” content=”#000000” />
<meta name=“color:Link” content=”#cecece” />
<meta name=“color:Accents” content=”#030303” />
<meta name=“color:Accents2” content=”#dd5396” />
<meta name=“color:Border” content=”#5c5c5c” />
<meta name=“color:Content Background” content=”#31a9aa” />
<meta name=“font:Body” content=“Garamond” />
<meta name=“image:SidebarImage” content=“http://static.tumblr.com/b65788e0958af9ef15b27bcbbf67f38a/m9qxryd/EjMmj07ea/tumblr_static_ryro_and_hayles.png” />
<meta name=“if:Enable Infinite Scrolling” content=“1”/>
<meta name=“text:Extra” content=“extra” />
<meta name=“text:Tumblr Username” content=“ryanandhayley-rph” />
<meta name=“text:Extra Content” content=“Put whatever you want here, for example, what you do or do not do.” />
<link href=‘http://fonts.googleapis.com/css?family=Oleo+Script+Swash+Caps’ rel=‘stylesheet’ type=‘text/css’>
<style type=“text/css”>
body {
background: url(http://static.tumblr.com/ljodrjr/wadmj0n5p/subtle_background_textures_03.jpeg) {color:Background} fixed repeat top left;
color: {color:Text};
font-family : {font:Body};
font-size : 13px;
}
b, strong, i, em, s, strike, u {
color: {color:Accents};
}
p {
margin : 5px 0 0 0;
line-height : 13px;
}
ul, ol {
margin: 5px 0 0 25px;
padding: 0;
}
img {
border : none;
}
a, a:link, a:visited {
color: {color:Link};
font-size:11px;
font-family : ‘Verdana’, sans-serif;
line-spacing: 1px;
text-transform : uppercase;
text-decoration:none;
-webkit-transition: 1s ;
-moz-transition: 1s ;
-o-transition: 1s ;
transition: 1s ;
}
h1 {
color: {color:Link};
font-family: ‘Oleo Script Swash Caps’, cursive;
font-size: 50px;
line-height: 30px;
}
::-webkit-scrollbar {
height: 7px;
width: 7px;
background: {color:Content Background};
}
::-webkit-scrollbar-thumb {
background: {color:Link};
-webkit-border-radius: 0ex;
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}
::-webkit-scrollbar-corner {
background: {color:link};
}
a:hover {
color: {color:Accents};
font-family : ‘Verdana’, sans-serif;
background: url(http://static.tumblr.com/vy2pzfk/d8Ulr3run/le_fleur_underline.jpg) repeat-x center center;
line-spacing: 1px;
font-size:11px;
text-transform : uppercase;
text-decoration:none;
}
blockquote {
margin: 1px 0 1px 2px;
padding: 1px 0 1px 4px;
border-left: 1px solid {color:Border};
}
blockquote p {
margin: 0;
padding: 0;
line-height: 12px;
}
#container {
position: relative;
width: 950px;
margin: 0px auto;
padding-bottom: 10px;
}
#main
{
width:410px;
position: relative;
margin-left: 225px;
padding: 0px 5px 0px 5px;
background: {color:Content Background};
}
.posts
{
padding-bottom:15px;
border-bottom: dashed 1px {color:border};
}
.left {
width:200px;
margin: 0px;
position: fixed;
}
#right {
width:200px;
position:fixed;
margin: 0px 0px 0px 650px;
}
.box {
width:200px;
margin-left: 0px;
background: {color:Content Background};
padding:5px;
margin: 0px 5px 5px 5px;
text-align:justify;
}
#header {
width:310px;
text-align: left;
overflow:hidden;
padding:10px;
font-size: 30px;
text-shadow: {color:shadow} 0px 0px 1px;
letter-spacing: -1px;
font-family: ‘Throw my hands up in the air’sans serif, transform:lowercase;
z-index:100;
color: {color:link};
}
.links a{
width: 175px;
display: block;
color: {color:Content Background};
background: {color:text};
text-align:center;
margin: 2px 0px 2px 0px;
padding: 2px 0px 2px 0px;
border-left: 10px solid {color:link};
}
.links a:hover{
color: {color:Content Background};
background: {color:link};
border-left: 10px solid {color:link};
width: 175px;
}
.links ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
#page a{
color: {color:Content Background};
background: {color:text};
padding: 0px 5px 0px 5px;
}
#page a:hover{
color: {color:Content Background};
background: {color:link};
}
.current_page{
color: {color:Content Background};
background: {color:link};
padding: 0px 5px 0px 5px;
font-size:11px;
font-family : ‘Verdana’, sans-serif;
}
.sidebar {
position: relative;
left: 0px;
top: 0px;
}
.sidebar {
position: relative;
left: 0px;
top: 0px;
}
.title {
font-size: 22px;
font-family: ‘throw my hands up in the air’, sans-serif;
letter-spacing: -1px;
line-height: 23px;
text-transform: lowercase;
text-align:center;
text-shadow: {color:shadow} 0px 0px 1px;
}
.title a {
font-size: 22px;
line-height: 23px;
}
.title a:hover {
padding-bottom:7px;
}
.sideheader {
width:210px;
text-transform: uppercase;
font-size: 14px;
color: {color:Body};
background:{color:link};;
font-family: ‘Throw my hands up in the air’, Sweetly Broken ;
font-weight: bold;
border-bottom: 3px solid {color:Accents2};
border-top: 5px solid {color:Accents};
line-spacing: 0px;
line-height: -3px;
margin-left: 5px ;
padding: 0px;
}
.question {
font-size:22px;
line-height:23px;
padding:5px;
font-family : ‘Throw my hands up in the air’, Sweetly Broken;
text-align:center;
background: {color:link};
color: {color:Content Background};
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#menu
{
width: 200px;
padding:3px;
text-transform: uppercase;
font-family: ‘Oswald’, sans-serif;
font-size:14px;
letter-spacing: 0px;
text-align:center;
margin-left:7px;
}
#menu a{
margin: 0px 0px 2px 0px;
color: {color:Content Background};
background: {color:text};
text-align:center;
padding: 0px 9px 0px 8px;
}
#menu a:hover{
color: {color:Content Background};
background: {color:link};
}
ul.chat {
list-style-type: none;
padding: 0;
margin: 0;
}
.user_1 .label, .user_3 .label, .user_5 .label { color: {color:Link}; }
.user_2 .label, .user_4 .label, .user_6 .label { color: {color:Accents}; }
ul.chat li {
margin: 3px 0 3px 0;
}
#regular img
{
max-width:400px;
.options {
color: {color:Accents};
position: relative;
{block:IndexPage}visibility: hidden;{/block:IndexPage}
font: 12px ‘Verdana’, {font:Body};
margin: 5px 0px 5px -16px;
background: #202020;
width: 400px;
height:30px;
Padding: 8px 20px 10px 22px;
text-align: left;
}
.options a {
font: 12px ‘Verdana’, {font:Body};
color: {color:link};
-webkit-transition: 0s ;
-moz-transition: 0s ;
-o-transition: 0s ;
transition: 0s ;
line-height:11px;
}
.options a:hover { background: none; }
.posts:hover .options { visibility: visible; }
.tumblrAutoPager_page_separator, .tumblrAutoPager_page_info
{
/* for IE */
filter:alpha(opacity=0);
/* CSS3 standard */
opacity:0;
display:none;
}
{CustomCSS}
</style>
{block:ifEnableInfiniteScrolling}
<script type=“text/javascript” src=“http://static.tumblr.com/q0etgkr/mFbkoqlkr/tumblrautopager.js”></script>
{/block:ifEnableInfiniteScrolling}
<center><h1>{Title}</h1></center>
</head>
<body>
<a id=“top”></a>
<div id=“container”>
<div class=“left”>
<div id=“menu”>
<a href=”/”>Home</a>
<a href=”/ask”>Ask</a>
<a href=”/archive”>Archive</a>
<a href=”/submit”>Submit</a>
<a href=”/nav”>Navigate</a>
</div>
{block:ifSidebarImageImage}<div class=“box”>
<img src=”{image:SidebarImage}” width=“200px”>
</div><!——box——>{/block:ifSidebarImageImage}
{block:Description}<p class=“sideheader”>ABOUT</p>
<div class=“box” style=“max-height:500px; overflow:auto;”>
{Description}
</div><!——box——>{/block:Description}
{block:ifExtra}<p class=“sideheader”>{text:Extra}</p>{/block:ifExtra}
<div class=“box” style=“max-height:100px; overflow:auto;”>
{text:Extra Content}
</div><!——box——>
<p class=“sideheader”> Guidelines</p>
<div class=“box” style=“max-height:500px; overflow:auto;”>
For promos please use and PHOTO POST not a text post. For a graphics fill out the form in my submit box. Both go into the submit box. FC help, playlists, gif hunts, manipss and all those requests go into the ask. Yes I do do crackship gifs, but like manips it depends on the people.</a>.
</div>
<p class=“sideheader”>CREDIT</p>
<div class=“box” style=“max-height:100px; overflow:auto;”>
Original theme by <a href=“http://athenability.tumblr.com/tagged/themes”>athenability</a>. Theme makeover by <a href=“http://rphelper.tumblr.com/”>rphelper</a>.
</div>
</div><!—-left—->
<div id=“right”>
{block:ifTumblrUsername}
<p class=“sideheader”>Ask Box</p>
<div class=“box”>
<iframe frameborder=“0” border=“0” scrolling=“no” width=“200px” height=“150px” allow transparency=“true” src=“http://www.tumblr.com/ask_form/{text:Tumblr Username}.tumblr.com” style=“background-color:transparent; overflow:hidden;”></iframe>
</div><!——box——>{/block:ifTumblrUsername}
{block:HasPages}<p class=“sideheader”>PAGES</p>
<div class=“box” style=“max-height:100px; overflow:auto;”>
{block:Pages} <div class=“links”>
<ul>
<li><a href=”{URL}”>{Label}</a></li>
</ul></div>{/block:Pages}
</div><!——box——>{/block:HasPages}
<div class=“box”>
<div id=“page”>
<center>
{block:Pagination}{block:PreviousPage} <a href=”{PreviousPage}”>«</a>{/block:PreviousPage} {block:JumpPagination length=“5”} {block:CurrentPage}
<span class=“current_page”>{PageNumber}</span>
{/block:CurrentPage}
{block:JumpPage}
<a class=“jump_page” href=”{URL}”>{PageNumber}</a>
{/block:JumpPage}{/block:JumpPagination} {block:NextPage}<a href=”{NextPage}”>»</a>{/block:NextPage}{/block:Pagination}
{block:PermalinkPagination}{block:PreviousPost} <a href=”{PreviousPost}”>« previous post</a>{/block:PreviousPost} {block:NextPost}<a href=”{NextPost}”>next post »</a>{/block:NextPost}
{/block:PermalinkPagination}
<br>
{block:IndexPage}<p style=“font-size: 10px;”>{CurrentPage} of {TotalPages}</p> {/block:IndexPage}
</center></div>
</div><!——box——>
</div><!—-right—->
<div id=“main”>
{block:Posts}<div class=“posts”>
<div class=“options”>
{block:Date}<a href=”{Permalink}”>Posted on {ShortMonth} {DayOfMonthWithZero}, {Year} at {12Hour}:{Minutes} {CapitalAmPm}</a>{/block:Date}{block:NoteCount}<a href=”{Permalink}”> with {NoteCountwithLabel}</a> {/block:NoteCount} <br>
<a href=”{ReblogURL}”>∞ Click here to Reblog</a>
</div>
{block:Text}{block:Title}<div class=“title”>{Title}</div>{/block:Title}{/block:Text}
{block:Chat}{block:Title}<div class=“title”>{Title}</div>{/block:Title}{/block:Chat}
{block:Text}<div id=“regular”>{Body}</div>{/block:Text}
{block:Photo}<p align=“center”>{LinkOpenTag}<div id=“photo”><img src=”{PhotoURL-400}” alt=”{PhotoAlt}”/></div>{LinkCloseTag}</p>
{block:Caption}<div id=“regular”>{Caption}</div>{/block:Caption}
{/block:Photo}
{block:Answer}<div class=“question”>“{Question}”</div>{/block:Answer}
{block:Answer}<center>-{Asker} </center><br>
{Answer}{/block:Answer}
{block:Photoset}<center><div id=“photo”>{Photoset-400}</div></center>
{block:Caption}<div id=“regular”>{Caption}</div>{/block:Caption}
{/block:Photoset}
{block:Quote}<div class=“title”>“{Quote}”</div>{/block:Quote}
{block:Quote}{block:Source}—{Source}{/block:Source}{/block:Quote}
{block:Link}
<div class=“title”>
<a href=”{URL}” {Target}>{Name}</a></div>
{block:Description}
<div class=“description”>{Description}
</div>{/block:Description}
{/block:Link}
{block:Chat}<ul class=“chat”>
{block:Lines}<li class=“user_{UserNumber}”>{block:Label}<span class=“label”>{Label}</span>{/block:Label} {Line}</li>{/block:Lines}
</ul>{/block:Chat}
{block:Audio}<center>
<table style=“background: url(http://static.tumblr.com/vy2pzfk/l1Aloy0hv/tape_eited.png) no-repeat bottom right transparent; width:420px; height:187px; margin-top:10px; padding-bottom:54px;”>
<tr><td style=“width:160px; height: 148px;”>{block:AlbumArt}<img src=”{AlbumArtURL}” width=“140px”>{/block:AlbumArt}</td> <td>{AudioPlayerGrey}
</td></tr></table></a>
{block:Caption}<div id=“regular”>{Caption}</div>{/block:Caption}
</center>
{/block:Audio}
{block:Video}
<p align=“center”><div id=“photo”>{Video-400}</div></p>
{block:Caption}<div id=“regular”>{Caption}</div>{/block:Caption}
{/block:Video}
<div style=“text-align:right;”>
{block:HasTags}
{block:Tags}
#<a href=”{TagURL}”>{Tag}</a>
{/block:Tags}
{/block:HasTags}
</div>
{block:PostNotes}
<div class=“sideheader” style=“width:420px; margin-left:-5px;”>{NoteCountWithLabel}</div>
{PostNotes}
{/block:PostNotes}
</div> <!———posts—->
{/block:Posts}
</div><!—-main—>
</div><!—-container—->
<div style=“position:fixed; bottom:2px; right:2px; font-size:10px; color:transparent;”>It Will Rain Theme <br>Design by Athenability<br>Powered by Tumblr<br><a href=“http://adfoc.us/568417337921”><img src=“http://static.tumblr.com/vy2pzfk/G1Mlpuwaj/athenability_badge.png”></a></div>
</body></html>
Composing members:
0
