The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
 Reply to this topicStart new topic
> How to add a tumblr ask button
Rating  5
dontworrybehappy
post Feb 7 2012, 03:54 AM
Post #1





Group: Members
Posts: 1
Joined: 7-February 12
Member No.: 16,417
Hi,
So i really need help with my tumblr theme.
Ive got it just how i want it, but i want to add an ask me link under my title, like this -> http://not-even-at-all.tumblr.com/
BUT I CANT WORK OUT HOW TO DO IT!!! Its doing my head in.
This is what my blog looks like now: http://sunshine-inmy-soul.tumblr.com/
Somebody help me sad.gif


Heres my code:


<!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">
<head>
<font size=1><br><br><br><br><br><br><br></font>
<!-- DEFAULT COLORS -->

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{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}" />
<style type="text/css">
body {
font-size: 11pt;
text-align: center;
font-family: Gabriola;
vertical-align: center;
color: #cacaca;
background-color:white;
margin-top: 40px;

line-height: 1.50;
}


h1 {

margin-bottom: 0px;
color: #757575;
font-style: normal;
text-transform: normal;
font-weight: normal;
font-size: 60pt;
line-beight: 1;
font-family: "Script", "Script";

}
h1 a { color: #757575;

}

.description:hover h1 a {color: #000000; -webkit-transition: color .5s;}
.description:hover a {color: #000000; -webkit-transition: color .5s;}
.description {
text-align: center;
letter-spacing: 5px;
margin: 0;
text-transform: uppercase;
line-beight: 1;

padding-bottom: 40px;
margin-top: -40px;
}
h2 a { color: #757575;

}

.description:hover h1 a {color: #000000; -webkit-transition: color .5s;}
.description:hover a {color: #000000; -webkit-transition: color .5s;}
.description {
text-align: center;
letter-spacing: 5px;
margin: 0;
text-transform: lowercase;
line-beight: 1;

padding-bottom: 40px;
margin-top: -40px;
}
.description a{color: #afafaf; text-decoration: none; }

.description:hover {color: #666; -webkit-transition: color .5s;}

.image {
text-align: center;
margin-top: 15px;
}

.posting {
padding: 20px; -webkit-transition: color .5s;
}

.posting:hover {color: #666; -webkit-transition: color .5s;}
.posting:hover .quote {color: #666; -webkit-transition: color .5s;}
.posting:hover a {color: #666; -webkit-transition: color .5s;}
.huge {
z-index: -1;
color: #f8f8f8;
left: 28px;
top: -56px;
position: relative;
font-size: 144pt;
margin-bottom: -90px;
float: left;
}

.quote {
left: -78px;
position: relative;
width: 600px;
letter-spacing: 2px;
font-size: 18pt;
color: #e7e7e7; -webkit-transition: color .5s;
line-height: 1.20;
-webkit-transition: color .5s;

}


#content {
width: 520px;
text-align: center;
margin: 0 auto
}
.source {

text-align: center;
margin-bottom: 0;
}
.source:hover {color: #666; -webkit-transition: color .5s;}

a {
color: #cacaca;-webkit-transition: color .5s;
}
a:hover {color: #666; -webkit-transition: color .5s;}
.link{font-size: 18pt; margin-bottom: -16px;}
.chat{color: #bababa;}
.chat:hover {color: #666; -webkit-transition: color .5s;}

.regular_post:hover {color: #666; -webkit-transition: color .5s;}


.permalink { text-align:right; }
.permalink a {color: #f5f5f5; text-decoration:none;}


.bottomlink a {color: #f5f5f5; text-decoration:none;}

.nav{font-size: 18pt;}
.nav a {text-decoration:none;}

{CustomCSS}
</style>

</head>
<body>




<div class="description"><h1><a href="/">{Title}</h1>
{Description}</a></div>

<div id="content">

{block:Posts}



{/block:NoteCount}


<div class="posting">

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

{block:Video}
{Video-500}
{block:Caption}<div class="source">{Caption}</div>{/block:Caption}
{/block:Video}

{block:Audio}
{AudioPlayerBlack}

{block:Caption}<div class="source">{Caption}</div>{/block:Caption}
{/block:Audio}

{block:Quote}
<div class="quote"><span class="huge">“</span>{Quote}</div>
{block:Source}
<div class="source">- {Source}</div>
{/block:Source}<br>
{/block:Quote}

<div class="regular_post">
{block:Text}
{block:Title}<h2>{Title}</h2>{/block:Title} {Body}
{/block:Text}
</>

{block:Chat}
{block:Title}<h2>{Title}</h2>{/block:Title}
{block:Lines}
{block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br>
{/block:Lines}


{/block:Chat}

{block:Link}
<div class="link"><a href="{URL}" {Target}>{Name}</a> →</div>
{block:Description}<br>{Description}{/block:Description}
{/block:Link}


<div class="permalink"><a href={Permalink}>permalink</a></div>

</div>
</div>





{/block:Posts}
</div>

<div class="posting">
<div class="nav">{block:NextPage}<a href={NextPage}>←</a> {/block:NextPage}{block:PreviousPage} <a href={PreviousPage}>→</a>{/block:PreviousPage}<br><br>
</div>

<div class="bottomlink"><a href="/archive">archive</a> / <a href="{RSS}">rss</a></div>



</div>

</div>
</body


</html>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
« Next Oldest · Web Site Functionality · Next Newest »
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 23rd April 2024 - 10:02 AM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC