The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
 Reply to this topicStart new topic
> need help with tumblr theme
kaysee
post Jun 19 2012, 04:29 PM
Post #1





Group: Members
Posts: 1
Joined: 19-June 12
Member No.: 17,292
Okay, so. My question is how do I get an image to appear on the bottom-right hand corner of my theme?

This is my theme at the moment:

<!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>

<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/mFbkoqlkr/tumblrautopager.js"></script>

<!--
Simplex Theme
by http://www.naturae.tumblr.com
PLEASE DO NOT REMOVE THE CREDIT, THANK YOU
-->

<title></title>
<meta name="color:Text" content="#000000">
<meta name="color:Links" content="#000000">
<meta name="color:Nav Links" content="#000000">
<meta name="color:Hover" content="#FFFFFF">
<meta name="color:Title Hover" content="#FFFFFF">
<meta name="color:Title" content="#000000">

<meta name="text:Width" content="300">
<meta name="text:Gaps" content="20">

<meta name="if:Endless Scroll" content="0">
<meta name="if:Show Caption" content="0">

<style type="text/css">
::-webkit-scrollbar-thumb:vertical {
background-color:#CCCCCC;
height:100px;
}
::-webkit-scrollbar-thumb:horizontal {
background-color:#CCCCCC;
height:10px !important;
}
::-webkit-scrollbar {
height:10px;
width:5px;
background-color:#ccc;
}
.tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}

body {
color: {color:text};
font-size: 10px;
font-family: georgia;
line-height: 11px;
text-align: justify;
background-color: #CCCCCC;
}
body a {
text-decoration: none;
-webkit-transition: 0.5s ease-in;
color: {color:links};
}
body a:hover {
color: {color:hover};
-webkit-transition: 0.5s ease-in;
}
a img {
border: 0px;
}
.content {
margin: auto;
width: {text:Width}px;
margin-top: 40px;
overflow: shown;
}
#entry {
width: {text:Width}px;
margin-bottom: {text:gaps};
}
#entry img{
border: 0px;
}
#entry:hover .permalink {
display: block;
}
.blogtitle {
color: {color:title};
font-size: 14px;
font-family: segoe script;
font-weight: italic;
text-transform: lowercase;
text-align: left;
margin-bottom: 0px;
-webkit-transition: 0.5s ease-in;
-webkit-text-stroke: 1px transparent;
width: {text:Width}px;
}
.blogtitle a {
color: {color:title};
}
.blogtitle a:hover {
color: {color:Title Hover};
}
.nav {
color: #CCCCCC;
font-size: 10px;
font-style:italic;
text-transform: lowercase;
text-align: right;
border-bottom: 1px solid #CCCCCC;
border-top: 1px solid #000000;
background-color: #CCCCCC;
margin-top: -1px;
margin-bottom: 15px;
width: {text:width};
}
.nav a {
color: {color:Nav Links};
-webkit-transition: 0.5s ease-in;
}
.nav a:hover {
color: {color:text};
-webkit-transition: 0.5s ease-in;
}
.description {
color: {color:text};
font-size: 10px;
font-family: georgia;
font-style:;
line-height: 10px;
text-align: left;
text-transform: none;
background-color: #0000000;
margin-bottom: 5px;
}
.title {
font-size: 10px;
font family:georgia;
text-transform: uppercase;
text-align: left;
margin-bottom: -10px;
}
.h1 {
font-size: 11px;
font-family: georgia;
font-style: italic;
border-bottom: 1px solid #000000;
letter-spacing: 1px;
-webkit-text-stroke: 1px transparent;
display: block;
}
.audio {
width: {text:width};
background-color: #000000;
margin-bottom: -10px;
}
div.video embed, div.post div.video object {
width: {text:Width}px;
height: auto;
}
.permalink {
font-size: 9px;
font-weight: normal;
text-align: left;
position: absolute;
padding-left: 10px;
margin-left:{text:Width};
display: none;
}
ol.notes {
padding: 0px;
margin: 0px 0px;
list-style-type: none;
width: {text:width};
}
ol.notes li.note {
padding: 0px;
margin-bottom: 5px;
}
ol.notes li.note img.avatar {
vertical-align: -4px;
margin-right: 10px;
width: 16px;
height: 16px;
}
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;
}
.pagination {
font-size: 11px;
font-style: ;
letter-spacing: 1px;
width: {text:width};
margin-top: 15px;
margin-bottom: 50px;
}
</style>

{block:IfEndlessScroll}
<script type="text/javascript"

src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>
{/block:IfEndlessScroll}

<body>
<div class="content">
<div class="blogtitle"><a href=”/” class=“blogtitle”>{Title}</a></div>
<div class="description">
{block:Description}{Description}{/block:Description}
</div>
<div class="nav">
{block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>  {/block:Pages}{/block:HasPages}
{block:AskEnabled}<a href="/ask"></a>  {/block:AskEnabled}
<a href="http://negativelbs.tumblr.com/aboutme">about me</a> -
<a href="http://negativelbs.tumblr.com/ask">message</a> -
<a href="http://negativelbs.tumblr.com/faq">faq</a> -
<!-- INICIO CONTADOR -->
<a href='http://www.blogutils.net/olct/' id='lnolt_' target='_blank' style='font-family:georgia;font-size:10px;font-style:;text-decoration:none;'>
<script language='JavaScript' src='http://blogutils.net/olct/online.php?site=s-keletoff.tumblr.com&interval=600'></script></a><a href='http://www.blogutils.net/' target='_blank' style='font-family:georgia;font-size:10px;font-style:;text-decoration:none;'> online</a>
<!-- FIM CONTADOR -->
<a href="/archive"></a>  
<a href="{RSS}"></a>  
<a href="http://naturae.tumblr.com/"></a>
</div>

{block:IfEndlessScroll}
<div class="autopagerize_page_element">
{/block:IfEndlessScroll}

{block:Posts}

{block:Text}
<div id="entry"><span class="permalink"><a href="{Permalink}">{12Hour}:{Minutes}{AmPm}</a></span>
{block:Title}<div class="title">{Title}</div>{/block:Title}
{Body}
{block:PermalinkPage}
<div style="
margin-top: 5px;
padding-bottom: 3px;
border-bottom: 1px solid #000000;
">
<div style="float:right;">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</div></div>
<div style="
margin-top: 5px;
border-bottom: 1px solid #000000;
">
<p>Tags: {block:HasTags}{block:Tags}{Tag}, {/block:Tags}{/block:HasTags}
</div>
<p>
{block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:PermalinkPage}
</div>
{/block:Text}

{block:Photo}
<div id="entry"><span class="permalink"><a href="{Permalink}">{12Hour}:{Minutes}{AmPm}</a></span>
{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="{text:width}"/>{LinkCloseTag}
{block:ifShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaption}
{block:PermalinkPage}
<div style="
margin-top: 5px;
padding-bottom: 3px;
border-bottom: 1px solid #000000;
">
{block:ContentSource}{lang:Source}: <a href="{SourceURL}">{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a>{/block:ContentSource}
<div style="float:right;">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</div></div>
<div style="
margin-top: 5px;
border-bottom: 1px solid #000000;
">
{block:Caption}{Caption}{/block:Caption}
<p>Tags: {block:HasTags}{block:Tags}{Tag}, {/block:Tags}{/block:HasTags}
</div>
<p>
{block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:PermalinkPage}
</div>
{/block:Photo}

{block:Photoset}
<div id="entry"><span class="permalink"><a href="{Permalink}">{12Hour}:{Minutes}{AmPm}</a></span>
{Photoset-400}
{block:ifShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaption}
{block:PermalinkPage}
<div style="
margin-top: 5px;
padding-bottom: 3px;
border-bottom: 1px solid #000000;
">
{block:ContentSource}{lang:Source}: <a href="{SourceURL}">{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a>{/block:ContentSource}
<div style="float:right;">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</div></div>
<div style="
margin-top: 5px;
border-bottom: 1px solid #000000;
">
{block:Caption}{Caption}{/block:Caption}
<p>Tags: {block:HasTags}{block:Tags}{Tag}, {/block:Tags}{/block:HasTags}
</div>
<p>
{block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:PermalinkPage}
</div>
{/block:Photoset}

{block:Quote}
<div id="entry"><span class="permalink"><a href="{Permalink}">{12Hour}:{Minutes}{AmPm}</a></span>
"{Quote}" {block:Source}— <b>{Source}</b>{/block:Source}
{block:PermalinkPage}
<div style="
margin-top: 5px;
padding-bottom: 3px;
border-bottom: 1px solid #000000;
">
{block:ContentSource}{lang:Source}: <a href="{SourceURL}">{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a>{/block:ContentSource}
<div style="float:right;">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</div></div>
<div style="
margin-top: 5px;
border-bottom: 1px solid #000000;
">
{block:Caption}{Caption}{/block:Caption}
<p>Tags: {block:HasTags}{block:Tags}{Tag}, {/block:Tags}{/block:HasTags}
</div>
<p>
{block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:PermalinkPage}
</div>
{/block:Quote}

{block:Link}
<div id="entry"><span class="permalink"><a href="{Permalink}">{12Hour}:{Minutes}{AmPm}</a></span>
<div class="h1"><a href="{URL}">→ {Name}</a></div>{block:Description}{Description}{/block:Description}
{block:PermalinkPage}
<div style="
margin-top: 5px;
padding-bottom: 3px;
border-bottom: 1px solid #000000;
">
{block:ContentSource}{lang:Source}: <a href="{SourceURL}">{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a>{/block:ContentSource}
<div style="float:right;">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</div></div>
<div style="
margin-top: 5px;
border-bottom: 1px solid #000000;
">
{block:Caption}{Caption}{/block:Caption}
<p>Tags: {block:HasTags}{block:Tags}{Tag}, {/block:Tags}{/block:HasTags}
</div>
<p>
{block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:PermalinkPage}
</div>
{/block:Link}

{block:Chat}
<div id="entry"><span class="permalink"><a href="{Permalink}">{12Hour}:{Minutes}{AmPm}</a></span>
{block:Title}<b>{Title}</b>{/block:Title}
{block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}
{block:PermalinkPage}
<div style="
margin-top: 5px;
padding-bottom: 3px;
border-bottom: 1px solid #000000;
">
{block:ContentSource}{lang:Source}: <a href="{SourceURL}">{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a>{/block:ContentSource}
<div style="float:right;">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</div></div>
<div style="
margin-top: 5px;
border-bottom: 1px solid #000000;
">
{block:Caption}{Caption}{/block:Caption}
<p>Tags: {block:HasTags}{block:Tags}{Tag}, {/block:Tags}{/block:HasTags}
</div>
<p>
{block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:PermalinkPage}
</div>
{/block:Chat}

{block:Audio}
<div id="entry"><span class="permalink"><a href="{Permalink}">{12Hour}:{Minutes}{AmPm}</a></span>
<div class="audio">
{AudioPlayerBlack}</div><br>
<div style="
font-size: 9px;
text-transform: uppercase;
text-align:center;
padding: 2px;
-webkit-text-stroke: 1px transparent;
">
<b>{block:Artist}{Artist}{/block:Artist}</b> - {block:TrackName}{TrackName}{/block:TrackName}</div>
{block:PermalinkPage}
<div style="
margin-top: 5px;
padding-bottom: 3px;
border-bottom: 1px solid #000000;
">
{block:ContentSource}{lang:Source}: <a href="{SourceURL}">{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a>{/block:ContentSource}
<div style="float:right;">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</div></div>
<div style="
margin-top: 5px;
border-bottom: 1px solid #000000;
">
{block:Caption}{Caption}{/block:Caption}
<p>Tags: {block:HasTags}{block:Tags}{Tag}, {/block:Tags}{/block:HasTags}
</div>
<p>
{block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:PermalinkPage}
</div>
{/block:Audio}

{block:Answer}
<div id="entry"><span class="permalink"><a href="{Permalink}">{12Hour}:{Minutes}{AmPm}</a></span>
<div class="answer"><b><i><span style="color:{color:Links};">{Asker}:</span></b> {Question}</i></div><br>
<div style="margin-top:-15px;">{Answer}</div></div>
{block:PermalinkPage}
<div style="
margin-top: 5px;
padding-bottom: 3px;
border-bottom: 1px solid #000000;
">
{block:ContentSource}{lang:Source}: <a href="{SourceURL}">{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a>{/block:ContentSource}
<div style="float:right;">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</div></div>
<div style="
margin-top: 5px;
border-bottom: 1px solid #000000;
">
{block:Caption}{Caption}{/block:Caption}
<p>Tags: {block:HasTags}{block:Tags}{Tag}, {/block:Tags}{/block:HasTags}
</div>
<p>
{block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:PermalinkPage}
{/block:answer}

{block:Video}
<div id="entry">
<div class="video"><span class="permalink"><a href="{Permalink}">{12Hour}:{Minutes}{AmPm}</a></span>
{Video-400}
{block:ifShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaption}
{block:PermalinkPage}
<div style="
margin-top: 5px;
padding-bottom: 3px;
border-bottom: 1px solid #000000;
">
{block:ContentSource}{lang:Source}: <a href="{SourceURL}">{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a>{/block:ContentSource}
<div style="float:right;">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</div></div>
<div style="
margin-top: 5px;
border-bottom: 1px solid #000000;
">
{block:Caption}{Caption}{/block:Caption}
<p>Tags: {block:HasTags}{block:Tags}{Tag}, {/block:Tags}{/block:HasTags}
</div>
<p>
{block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:PermalinkPage}
</div></div>
{/block:Video}

{/block:Posts}

{block:IfNotEndlessScroll}
{block:Pagination}<div class="pagination">
<div style="float: left; font-size: 15px;">
{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}</div>
<div style="float: right; font-size: 15px;">{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</div>
</div>{/block:Pagination}
{/block:IfNotEndlessScroll}

{block:IfEndlessScroll}</div>{/block:IfEndlessScroll}

<br>
</div>
</body>
</html>


Thanks in advance for anyone that helps!
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: 24th April 2024 - 08:54 AM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC