The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Tumblr HTML help - moving links?
fatarhythm
post Mar 16 2012, 09:26 PM
Post #1





Group: Members
Posts: 1
Joined: 16-March 12
Member No.: 16,729



Hello smile.gif

I've been trying to figure it out, but I'm not quite sure how to move the bottom links [Notes / Time / Reblog] down to the very bottom. I'd also like to center them, if possible.

It currently looks like this: [preview of a post] http://s1091.photobucket.com/albums/i386/a...view¤t=TEST.png

Can somebody please help me? biggrin.gif Thanks very much!

Code is as follows:

---

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<!-- Please keep my credit on this theme. Or at least link
me as the creator on your blog somewhere. Thanks! =)

Visualist Theme by: destroyer.tumblr.com | sleeplessthemes.com
Visualist Theme by: destroyer.tumblr.com | sleeplessthemes.com
Visualist Theme by: destroyer.tumblr.com | sleeplessthemes.com
Visualist Theme by: destroyer.tumblr.com | sleeplessthemes.com
Visualist Theme by: destroyer.tumblr.com | sleeplessthemes.com
Visualist Theme by: destroyer.tumblr.com | sleeplessthemes.com
-->

<html>
<head>
<!-- DEFAULT COLORS -->
<meta name="color:Background" content="#ffffff"/>
<meta name="color:Header Background" content="#000000"/>
<meta name="color:navigation bar" content="#151515"/>
<meta name="color:post" content="#050505"/>
<meta name="color:Text" content="#464646"/>
<meta name="color:text headers" content="#f10c32"/>
<meta name="color:bold text" content="#f10c32"/>
<meta name="color:label background" content="#0c0c0c"/>
<meta name="color:link" content="#969696"/>
<meta name="color:link hover" content="#ffffff"/>

<meta name="image:Header Background" content="http://static.tumblr.com/eptm5us/9M8ly8e7x/bg2.jpg"/>
<meta name="image:Background" content="http://static.tumblr.com/eptm5us/uagly8e4o/bg1.jpg"/>

<meta name="if:Show Infinite Scroll" content="1" />


<meta name="text:Font Size" content="9px"/>
<meta name="font:Body" content="'Arial', Trebuchet MS, Helvetica, Tahoma, sans-serif" />
<meta name="font:Header Title" content="'Arial Black', Impact, Gadget, sans-serif, Arial, Trebuchet MS, Helvetica, Tahoma, sans-serif" />

<meta name="text:Custom Link One" content="" />
<meta name="text:Custom Link One Title" content="" />
<meta name="text:Custom Link Two" content="" />
<meta name="text:Custom Link Two Title" content="" />
<meta name="text:Custom Link Three" content="" />
<meta name="text:Custom Link Three Title" content="" />
<meta name="text:Custom Link Four" content="" />
<meta name="text:Custom Link Four Title" content="" />


<title>{Title}</title>
<link rel="stylesheet" href="http://static.tumblr.com/usaykzx/o8Bku9w35/reset.css" type="text/css" />
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}

<script> $("#entry").css({ opacity: 0.5 }); </script>
{block:IfShowInfiniteScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfShowInfiniteScroll}

<style type="text/css">
body{
height:100%;
margin-top:0px;
text-align:left;
color: {color:Text};
font-family: {font:Body};
font-size: {text:Font Size};
line-height: 12px;
background-color:{color:Background};
background-image:url({image:Background});
background-attachment: fixed;
background-position:bottom center;
background-repeat: repeat;}

a, a:link, a:visited, a:active{color: {color:link}; text-decoration:none;
font-family: {font:Body};
font-size: {text:Font Size}; line-height:12px; }
a:hover{color: {color:link hover}; line-height:12px;}

#tumblr_controls{
position:fixed!important;}

b, strong{color: {color:bold text};
font-family: {font:Body};
font-size: {text:Font Size}; line-height:12px;}

#wtf {
width:904px;
height:auto;
padding-top:16px;
padding-left:16px;
margin-top:186px;
margin-left:auto;
margin-right:auto;
overflow:visible;
color: {color:Text};
font-family: {font:Body};
font-size: {text:Font Size};
line-height: 12px;
background-color: transparent;}

#entry{
border: 8px solid {color:post};
float:left;
padding:0px;
background-image:url();
background-color: {color:post};
width:375px;
height:175px;
overflow: hidden;
margin:0px 0px 0px 0px;
position: relative;
{block:PermalinkPage}
width:876px;
height:900px;
{/block:PermalinkPage}}


#info {
background-color: {color:post};
border: 8px solid {color:post};
z-index:6;
overflow:visible;
width:876px;
height: auto;
padding:0px;

margin: 0px 0px 0px 0px;}

#notes {
background-color: {color:post};
border: 8px solid {color:post};
z-index:6;
overflow:visible;
width:876px;
height: auto;
padding:0px;

margin:0px 0px 0px 0px;}


p{
margin-top:0px;
margin-bottom:0px;}

#question{
overflow:SHOW;
padding-bottom:3px;
margin-bottom:3px;}

#askr{
display:block;
float:left;
width:33px;
overflow:hidden;
margin-right:3px;}

ul {
list-style: disc;
padding: 4px 0px 6px 20px;}

blockquote{padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:label background};}

blockquote img{display:block; width:100%;}

blockquote p{padding:0px; margin:0px;}

blockquote blockquote{position:relative; left:6px; margin-top:0px; margin-right:0px; padding-right:0px;}

#bottominfo{
padding:2px 0px 0px 0px;
display:block;}

.answer p{margin:0px;}
.notes img{
width:10px;
position:relative;
top:1px;}

ol.notes, .notes li{
list-style:none;
margin:0px;
padding:0px;}

small {font-size:8px; line-height:8px; letter-spacing:0px;}
big {font-family:arial black; color:{color:text}; font-size:14px;}

.audio {width:100%; background:black; border:0px dotted #D6D6D6;}

a img{border:none;}

.label {
color: {color:bold text};font-weight: bold; line-height:12px;}

.odd {
background-color:{color:label background};}


h1 {
font-size: 38px;
line-height: 44px;
font-family: {font:Header Title};
font-weight:normal;
text-transform: lowercase;
letter-spacing: -4px;
color: #ffffff;
text-align:center;
margin:0px;
padding-bottom:4px;
text-shadow: 1px 1px 6px #000;}

h2 {
font-size: 12px;
line-height: 12px;
font-family: century gothic;
font-weight:bold;
text-transform: lowercase;
letter-spacing: -0.75px;
color:{color:text headers};
text-align:left;}

#ask {
font-size:10px;
line-height:12px;
background-color: {color:text headers};
padding:4px;
margin-bottom:4px;}

img.middle {
vertical-align:middle;
margin-bottom:3px;}


#top {
top:0px;
width:100%;
height:192px;
z-index:1000;
position:fixed;
overflow:hidden;
background-image:url({image:Header Background});
background-position:top center;
background-color:{color:Header Background};}

#navigation {
top:158px;
width:100%;
height:24px;
z-index:10000;
padding-left:0px;
padding-right:10px;
padding-top:10px;
padding-bottom:-10px;
position:fixed;
background-image:url(http://static.tumblr.com/eptm5us/8lily8edl/nav.png);
background-position:bottom;
background-repeat:repeat-x;
background-color:{color:navigation bar};}



a.links1 {
font-size: 14px;
line-height: 14px;
font-family: century gothic ;
text-transform: lowercase;
letter-spacing: 0px;
color:#dddddd;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
-webkit-transition-property:color, text;
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
-webkit-transition-timing-function: linear, ease-in;}

a.links1:hover {
background-color:{color:text headers};
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;}

#titletop {
width:600px;
height:94px;
margin-top:60px; z-index:1000; position:relative;
background-color:transparent;}

#toppers {
-webkit-transition-property:color, text;
-webkit-transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-timing-function: linear, ease-in;
margin-top:40px;
width:600px;
height:200px;
background-color:transparent;}

#toppers:hover {
-webkit-transition-duration: .8s;
-moz-transition-duration: .8s;
margin-top:-140px;
padding-top:0px;
background-color:transparent;}

#icon {
border: 4px solid #ffffff;
width:96px;
margin-top:-126px;
margin-left: -510px;
left:50%;
z-index:-2;
-moz-border-radius: 100px; /* Firefox */
-webkit-border-radius: 100px; /* Safari, Chrome */
border-radius: 100px; /* CSS3 */}
{CustomCSS}
</style>


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" src="http://static.tumblr.com/j4dtzbm/TKllubdk7/scrolltopcontrol.js"></script>

<script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/2eWl5b9xv/nav.js"></script>

</head>


<body>

<div id="top">

<center>
<div id="toppers">

<div id="titletop">
<h1>{Title}</h1>
</div>

<div id="icon">
<a href="http://{name}.tumblr.com"><img src="{PortraitURL-96}" style="z-index:-2 -moz-border-radius: 100px; /* Firefox */
-webkit-border-radius: 100px; /* Safari, Chrome */
border-radius: 100px; /* CSS3 */" border="0" padding-bottom:40px;></a></div>

<div style="width:584px; height:100px; padding:8px; overflow:auto; margin-top:30px; text-align:justify; color: {color:Text};
font-family: {font:Body};
font-size: {text:Font Size};
line-height: 12px; background-image:url(http://static.tumblr.com/eptm5us/9pElydxvh/dbox.png);">
{Description}
</div>
<center><b>Theme By:</b> <a href="http://destroyer.tumblr.com">Destroyer</a> / <a href="http://sleeplessthemes.tumblr.com">Sleepless</a> <b>Powered By:</b> <a href="http://tumblr.com">Tumblr.com</a></center>

</div>








</center>

<div id="navigation">
<center>
<a href="/" class="links1">Home</a>
{block:AskEnabled}<a href="/ask" class="links1">Ask</a>{/block:AskEnabled}
{block:SubmissionsEnabled}<a href="/submit" class="links1">Submit</a>{/block:SubmissionsEnabled}

<a href="/archive" class="links1">Archive</a>

{block:HasPages}
{block:Pages}
<a href="{URL}" class="links1">{Label}</a>
{/block:Pages}
{/block:HasPages}

{block:ifCustomLinkOneTitle}<a href="{text:Custom Link One}" class="links1">{text:Custom Link One Title}</a>{/block:ifCustomLinkOneTitle}

{block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}" class="links1">{text:Custom Link Two Title}</a>{/block:ifCustomLinkTwoTitle}

{block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}" class="links1">{text:Custom Link Three Title}</a>{/block:ifCustomLinkThreeTitle}

{block:ifCustomLinkFourTitle}<a href="{text:Custom Link Four}" class="links1">{text:Custom Link Four Title}</a>{/block:ifCustomLinkFourTitle}
</center>
</div>

</div>



<div id="wtf">
<div class="autopagerize_page_element">

{block:Posts}
<div id="entry">

{block:IndexPage}
<div style="background-color:{color:post}; width:100%; height:12px; padding:2px 0px 2px 0px; margin-top:104px; position:absolute;">
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="67"><div align="left"><font color="{color:text headers}">♥</font> <a href="{Permalink}">{NoteCountWithLabel}</a></div></td>
<td width="66"><center><a href="{Permalink}">{TimeAgo}</a></center></td>
<td width="67"><div align="right"><a href="{ReblogURL}">Reblog</a></div></td>
</tr>
</table>
</div>
{/block:IndexPage}



{block:Text}<h2>{Title}</h2>{Body}{/block:Text}

{block:Photo}
{block:IndexPage}{LinkOpenTag}<a href="{permalink}">
<table width="200" height="100" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="{PhotoURL-250}" style="background-position:center center; border: 1px solid #000000;"> </td>
</tr>
</table>
</a>{LinkCloseTag}
{/block:IndexPage}

{block:PermalinkPage}
{LinkOpenTag}<img src="{PhotoURL-500}" width="912" alt="{PhotoAlt}"/>{LinkCloseTag}
{Caption}
{/block:PermalinkPage}
{/block:Photo}

{block:Photoset}<center>{block:IndexPage}{Photoset-500}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center>{block:PermalinkPage}{/block:PermalinkPage}{/block:Photoset}

{block:Quote}<h2>"{Quote}"</h2>{block:Source}{Source}{/block:Source}{/block:Quote}

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

{block:Chat}
{block:Title}{Title}{/block:Title}
{block:Lines}
{block:Label}
<div class="{Alt}"><span class="label"><strong>{Label}</strong></span>
<span class="line">{Line}</span></div>
{/block:Label}
{/block:Lines}
{/block:Chat}

{block:Video}<center>{block:IndexPage}<div id="video">{Video-500}</div>{block:IfNotHidePhotoCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfNotHidePhotoCaption}{/block:IndexPage}

{block:PermalinkPage}<div id="video">{Video-500}</div>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}</center>
{/block:Video}

{block:Audio}
<center><div class="audio">{AudioPlayerBlack}</div></center>
{block:Caption}{Caption}{/block:Caption}
{/block:Audio}

{block:Answer}
<div id="ask"><img src="{AskerPortraitURL-24}" style="width:28px; height:24px; vertical-align:middle; padding-right:4px;">{Asker} Asked: {Question}</div>
<p>{Answer}</p>
{/block:Answer}
</div></*Entry*/>
{block:PermalinkPage}
{block:Date}
<div id="info">
Posted: <a href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}">{ShortDayOfWeek} {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a> at {12Hour}:{Minutes}{AmPm}{block:RebloggedFrom}<br>Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>.{/block:RebloggedFrom}

{block:Photo}{block:HighRes}<br>HighRes: <a href="{PhotoURL-HighRes}">view</a>{/block:HighRes}{/block:Photo}

{block:Answer}<BR>Ask: <a href="/ask">{AskLabel}</a>{/block:Answer}

{block:Audio}<BR>Plays: {FormattedPlayCount}{block:ExternalAudio}<BR>Download: <a href="{ExternalAudioURL}">here</a>.{/block:ExternalAudio}{/block:Audio}

{block:HasTags}<BR>Tagged: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{block:NoteCount}<BR>Notes: {NoteCount}{/block:NoteCount}
</div></*Info*/>
{/block:Date}
{/block:PermalinkPage}
{block:PostNotes}
<div id="notes">{PostNotes}</div></*Notes*/>
{/block:PostNotes}
{/block:Posts}
</div> </*Infinite Scroll*/>
</div> </*WTF*/>
</body>
</html>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

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

 



- Lo-Fi Version Time is now: 28th March 2024 - 01:56 PM