Tumblr HTML help - moving links? |
Tumblr HTML help - moving links? |
fatarhythm |
Mar 16 2012, 09:26 PM
Post
#1
|
Group: Members Posts: 1 Joined: 16-March 12 Member No.: 16,729 |
Hello
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? 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> |
Lo-Fi Version | Time is now: 4th May 2024 - 03:54 AM |