...

View Full Version : Adding a link!



Satans Thong
12-15-2009, 11:42 AM
I'm not one for skills when it comes to coding.
I know basics and that is about it!

I am currently pulling out what little hair I have left trying to add a link to an existing tumblr theme.
I can add it but not where or I want it or without messing everything else up!!

Can anyone help me add a link to my theme.
I have included a pic ...
http://api.ning.com/files/6uFaVh2W461x4QaocvOuJodAecuq2vQLH0qa3GsypP8_/url.jpg

I have tried using my very limited knowledge of divs to get it done but ended up pushing the searchbar all over the place!

Should I post the code here or just parts of it?
Any help would be great!

Can anyone help?

LE1
12-15-2009, 12:39 PM
Various easy ways.
Post code here or a link to site.

Satans Thong
12-15-2009, 12:40 PM
I didn't know which parts to paste here so I just grabbed the lot!
I hope that was ok!!


<!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>
<!-- DEFAULT COLORS -->
<meta name="color:Background" content="#344353"/>
<meta name="color:Content Background" content="#344353"/>
<meta name="color:Header Background" content="#344353"/>
<meta name="color:Title" content="#DEE8F3"/>
<meta name="color:Description" content="#6F869E"/>
<meta name="color:Date" content="#4B5C6D"/>
<meta name="color:Post Title" content="#DEE8F3"/>
<meta name="color:Text" content="#6F869E"/>
<meta name="color:Inline Link" content="#6F869E"/>
<meta name="color:Quote" content="#B8C8DA"/>
<meta name="color:Quote Source" content="#DEE8F3"/>
<meta name="color:Link Post" content="#B8C8DA"/>
<meta name="color:Media Background" content="#4B5C6D"/>
<!-- END DEFAULT COLORS -->

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>{block:SearchPage}Search results for "{SearchQuery}" - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<link rel="icon" href="{Favicon}"/>
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
<meta name="viewport" content="width=675"/> <!-- iPhone -->



<style type="text/css">
body {
color: {color:Text};
margin: 30px;
background-color: {color:Background};
font-family: Helvetica, sans-serif;
}

#content {
width: 420px;
margin: auto;
padding: 35px;
background-color: {color:Content Background};
}

a {
color: {color:Inline Link};
}

h1 {
padding: 0px;
margin: 0px;
font: Bold 4.5em Helvetica, sans-serif;
line-height: .9em;
letter-spacing: -1px;
text-transform: uppercase;
}

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

div#header {
background-color: {color:Header Background};
margin: 0;
width: 100%;
/* padding: 20px 30px 10px 30px; */
}

div#description {
font-size: 12px;
font-weight: bold;
font-style: italic;
margin-top: 10px;
color: {color:Description};
}






div#description a {
color: {color:Description};
}

div#search {
text-align: right;
float: right;
margin: 10px 0 0;
}

.date {
font: Italic 11px Georgia, Helvetica, sans-serif;
color: {color:Date};
line-height: 38px;
height: 28px;
padding-top: 7px;
padding-bottom: 0px;
border-bottom: dotted 1px {color:Date};
margin-bottom: 10px;
text-transform: lowercase;
}

.date a {
text-decoration: none;
color: {color:Date};
}

.post {
margin-bottom: 40px;
position: relative;
}

.post h2 {
font-weight: Normal;
font-style: italic;
font-size: 30px;
font-family: Georgia, times, serif;
letter-spacing: -.67px;
color: {color:Post Title};
margin: 0px 0px 10px 0px;
}

.post h2 a {
color: {color:Post Title};
text-decoration: none;
}

/* Regular Post */
.post .regular {
font-size: 13px;
line-height: 17px;
}

.post .regular img {
max-width: 100%;
}

.post .regular blockquote {
font-style: italic;
}

/* Photo Post */
.post .photo {
background-color: {color:Media Background};
padding: 10px;
}

.post .photo img {
border: none;
display: block;
margin-left: auto;
margin-right: auto

}

.post .photo .caption {
color: {color:Title};
font-size: 13px;
margin-top: 17px;
}

.post .photo .caption a {
color: {color:Title};
}

/* Quote Post */
.post div.quote {
padding: 0;
}

.post div.quote span.quote {
font-size: 28px;
letter-spacing: -1px;
color: {color:Quote};
}

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

.post div.quote span.quote big.quote {
font-weight: bold;
font-size: 60px;
line-height: 0px;
vertical-align: -28px;
opacity: 0.5;
-moz-opacity: 0.5;
filter: alpha(opacity=50);
display: none;
}

.post div.quote .source {
font-size: 16px;
color: {color:Quote Source};
}

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

/* Link Post */
.post .link a.link {
font: Italic 30px Georgia, Helvetica, sans-serif;
letter-spacing: -.67px;
color: #B6C6D8;
text-decoration: none;
line-height: 1.1em;
}

.post .link a.link:hover {
color: {color:Title};
}

.post .link .description {
font-weight: normal;
font-size: 13px;
margin-top: 5px;
}

/* Conversation Post */
.post .conversation ul {
list-style-type: none;
margin: 0px 0px 5px 0px;
padding: 1px;
}

.post .conversation ul li {
font-size: 13px;
color: {color:Text};
line-height: 17px;
}

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

/* Audio Post */
.post .audio .caption {
margin-top: 5px;
font-size: 11px;
color: {color:Text};
}

.post .audio .caption a {
color: {color:Text};
}

/* Video Post */
.post .video {
width: 400px;
margin: auto;
padding: 10px;
background-color: {color:Media Background};
}

.post .video .caption {
margin-top: 15px;
font-size: 13px;
line-height: 17px;
color: {color:Title};
}

.post .video .caption a {
color: {color:Title};
}

/* Footer */
#footer {
margin: 20px 0px 0px 0px;
font-size: 18px;
}

#footer a {
text-decoration: none;
color: {color:Text};
}

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

#footer p.tiny {
font-size: 11px;
float: left;
}

#footer p.tiny a {
text-decoration: none;
color: {color:Text};
font-weight: bold;
}

#footer p.tiny .dim {
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}

ol.notes {
padding: 0px;
margin: 25px 0px;
list-style-type: none;
font-size: .75em;
background-color:{color:Photo Background};
color: {color:Text};
}

ol.notes li.note {
padding: 3px 7px 3px 7px;
}

ol.notes li.note a {
color: {color:Title};
text-decoration: none;
}

ol.notes li.note img.avatar {
vertical-align: -4px;
margin-right: 10px;
width: 16px;
height: 16px;
}

ol.notes li.note a img.avatar {
border: none;
}

ol.notes li.note span.action {
font-weight: normal;
}

ol.notes li.note .answer_content {
font-weight: normal;
}

ol.notes li.note blockquote {
padding: 4px 10px;
margin: 10px 0px 0px 25px;
}

ol.notes li.note blockquote a {
text-decoration: none;
}


.searchresultcount {
text-align: center;
}

.query {
font-weight: bold;
}

{CustomCSS}
</style>
</head>


<body>


<div id="content">



<div id="header">


<h1><a href="/">{Title}</a></h1>

{block:Description}
<div id="description">
{Description}

</div>
{/block:Description}


</div>



<div id="search">
<form action="/search" method="get">
<input type="text" name="q" value="{SearchQuery}"/>
<input type="submit" value="Search"/>
</form>
</div>





{block:SearchPage}
<div class="searchresultcount">
<p>Your search for <span class="query">{SearchQuery}</span> returned {SearchResultCount} result(s)</p>
</div>
{/block:SearchPage}

{block:Posts}
{block:NewDayDate}
<div class="date">
<a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a>
</div>
{/block:NewDayDate}

{block:SameDayDate}
<div class="date">
<a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a>
</div>
{/block:SameDayDate}

<div class="post">
{block:Regular}
<div class="regular">
{block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
{Body}
</div>
{/block:Regular}

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

{block:Quote}
<div class="quote">
<span class="quote">
<big class="quote"></big> {Quote}
</span>
<div class="source">
{Source}
</div>
</div>
{/block:Quote}

{block:Link}
<div class="link">
<a href="{URL}" class="link" {Target}>{Name} <span style="font-family:Arial, sans-serif;">&rarr;</span></a>
<div class="description">
{Description}
</div>
</div>
{/block:Link}

{block:Conversation}
<div class="conversation">
{block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
<ul>
{block:Lines}
<li class="{Alt}">
{block:Label}<span class="label">{Label}</span>{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
</div>
{/block:Conversation}

{block:Audio}
<div class="audio">
{AudioPlayerGrey}
<div class="caption">
{Caption}
</div>
</div>
{/block:Audio}

{block:Video}
<div class="video">
{Video-400}
<div class="caption">
{Caption}
</div>
</div>
{/block:Video}
</div>


<div style="font-size: 10px; text-align: left;"><a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a></div>










{/block:Posts}








<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" src="http://disqus.com/forums/rantsandtantrums/embed.js"></script><noscript><a href="http://disqus.com/forums/rantsandtantrums/?url=ref">View the discussion thread.</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">
//<![CDATA[
(function() {
var links = document.getElementsByTagName('a');
var query = '?';
for(var i = 0; i < links.length; i++) {
if(links[i].href.indexOf('#disqus_thread') >= 0) {
query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
}
}
document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/rantsandtantrums/get_num_replies.js' + query + '"></' + 'script>');
})();
//]]>
</script>









{block:PermalinkPage}
{block:PostNotes}
{PostNotes}
{/block:PostNotes}
{/block:PermalinkPage}


<div id="footer">
{block:PreviousPage}

<a style="float: left" a href="{PreviousPage}">← Previous</a> &nbsp;&nbsp;
{/block:PreviousPage}

{block:NextPage}
<a style="float: right" a href="{NextPage}">Next →</a>

{/block:NextPage}

<br/><br/>

<p class="tiny">
Designed by <a href="http://sparo.tumblr.com/">Sam Paro</a>


</p>
</div>
</div>
</body>






</html>



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum