I am having several issues with an HTML coding for a theme I used on Tumblr.com. If anyone could help it would be much appreciated
First problem is that the description wont show up on my page. When you go to edit the page in regular editing (not the HTML editor) it has a spot to enter your page description but it wont show up on the actual page. I have tried several different things but nothing seems to work. I used to know HTML but havent used in in years. Also I'm not even sure what HTML coding this is cause it doesn't look like normal HTML that I have used before.
Second, I would like to have the 'next page' link show up at the bottom of the page rather than at the top with the rest of the links.
Third, my tags do not show up for each picture so I cannot get a tag link to be able to redirect pages to posts with specific tags.
I am sure there will be more issues with my layout but this is what I can think of for now. My Tumblr page is http://blackdiamondinthenight.tumblr.com/
Please note that my Tumblr page is NSFW (Not Safe For Work). So, if your opposed to that you might not wanna help me. Aslo, I would like help in understanding the code so I can work on my page myself without having to have anyone else help me if that is possible.
Here is the code to my page as it is shown on the HTML editor:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>{Title}{block:SearchPage} | {SearchQuery}{/block:SearchPage}{block:PostSummary} | {PostSummary}{/block:PostSummary}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block: Description}<meta name="Description" content="" />{/block: Description}<description>i love rock n roll
<meta name="image:Background" content="" />
<meta name="image:Header" content="" />
<meta name="color:Background" content="#FFFFFF" />
<meta name="text:Blog title size" content="36px" />
<meta name="text:Menu text size" content="16px" />
<meta name="text:Blog description size" content="13px" />
<meta name="color:Blog Description" content="#444444" />
<meta name="if:Infinite scroll" content="1" />
<meta name="color:Body text" content="#444444" />
<meta name="color:Blog title" content="#000000" />
<meta name="text:Body text size" content="28px" />
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/jw8fmba/648luowoo/theme.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/53unaru/4jtlgzkf8/easing.js"></script>
<style type="text/css">
@import url(http://static.tumblr.com/jw8fmba/pXhlt5pzb/bebasneue.css);
html,body {
margin: 0;
font-size: 12px;
line-height: 160%;
height: 100%;
}
* {
font-family: Calibri, Helvetica, Arial, sans-serif;
color: {color:Body text};
}
a img {
border: none;
}
a {
color: inherit;
font-size: inherit;
}
blockquote {
margin: 0;
padding: 0 0 0 9px;
border-left: 1px #CCC dotted;
}
.header {
position: relative;
width: 1040px;
margin: 50px auto 25px auto;
text-align: center;
}
.header a {
text-decoration: none;
}
.header img {
max-width: 100%;
}
.header .title h1 {
margin: 0;
line-height: 100%;
font-family: 'BebasNeueRegular', Arial, sans-serif;
text-transform: uppercase;
font-weight: normal;
font-size: {text:Blog title size};
color: {color:Blog title};
}
.header p {
margin: 0;
}
.header .menu_item {
margin: 0 5px;
{block:IfMenuTextSize}font-size: {text:Menu text size}{/block:IfMenuTextSize}
}
.posts {
position: relative;
margin: 25px auto;
{block:IndexPage}
width: 1040px;
{/block:IndexPage}
{block:PermalinkPage}
width: 510px;
{/block:PermalinkPage}
height: 105%;
}
.post {
float: left;
position: relative;
margin: 5px;
}
.post h2 {
margin: 0;
font-size: 16px;
line-height: 18px;
letter-spacing: 1px;
font-weight: normal;
}
.post h2.quote {
font-family: Georgia, "Times New Roman", Times, serif;
letter-spacing: 0;
font-style: italic;
}
.post p,.post li {
line-height: 175%;
}
.post p {
margin: 10px 0 5px 0;
}
.post ol,.post ul {
margin: 3px 0;
padding: 0;
}
.post li {
margin: 2px 35px;
}
{block:IndexPage}.post .controls {
position: absolute;
top: 50%;
margin-top: -10px;
left: 0;
width: 100%;
text-align: center;
display: none;
}
.post:hover .controls {
display: block;
}
.post .controls .item {
display: inline-block;
position: relative;
vertical-align: middle;
}
.post .controls .like {
background-image: url('http://static.tumblr.com/jw8fmba/JQllum7dg/like.png');
width: 21px;
height: 20px;
margin-right: 5px;
}
.post .controls .reblog {
background-image: url('http://static.tumblr.com/jw8fmba/bPzlum7er/reblog.png');
width: 24px;
height: 20px;
}
.post .controls .note_count {
background-image: url('http://static.tumblr.com/jw8fmba/Iosm7ri3a/note_count_middle.png');
height: 16px;
color: #FFF;
font-weight: bold;
font-size: 11px;
padding: 2px 5px;
margin-left: 7px;
line-height: 1.6;
}
.post .controls .note_count:before {
content: '';
background-image: url('http://static.tumblr.com/jw8fmba/dIim7ri67/note_count_left.png');
height: 20px;
width: 5px;
position: absolute;
top: 0px;
left: -5px;
}
.post .controls .note_count:after {
content: '';
background-image: url('http://static.tumblr.com/jw8fmba/gtqm7ri8i/note_count_right.png');
height: 20px;
width: 2px;
position: absolute;
top: 0px;
right: -2px;
}{/block:IndexPage}
.post .photo {
position: relative;
overflow: hidden;
}
.post .photo .photo_info {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 50px;
margin: -25px 0 0 0;
text-align: center;
z-index: 10;
opacity: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
{block:PermalinkPage}
display: none;
{/block:PermalinkPage}
}
.post:hover .photo .photo_info {
opacity: 1;
}
.post .photo .photo_info a {
color: #FFF;
text-decoration: none;
}
.post .photo .photo_info h2 a {
margin: 0;
line-height: 100%;
font-family: 'BebasNeueRegular', Arial, sans-serif;
text-transform: uppercase;
font-size: 50px;
color: #FFF;
}
.post img.main_photo {
width: 100%;
float: left;
}
.post img {
max-width: 100%;
height: auto;
}
.post .photo img {
opacity: 1;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
margin: 0;
line-height: 0;
}
.post:hover .photo img {
{block:IndexPage}
opacity: 0.5;
{/block:IndexPage}
}
.post .player {
padding: 0 10px;
background: #FFF;
margin: 0;
}
.post .lines {
margin: 0 0 5px 0;
}
.post .lines .line {
padding: 5px 10px;
}
.post .lines .odd {
}
.post .lines .even {
background: {color:Body text};
color: {color:Background};
}
.post .lines .even * {
color: {color:Background};
}
.post ol.notes {
padding: 0;
list-style-type: none;
}
.post ol.notes li.note {
border-bottom: solid 1px #F6F6F6;
padding: 6px 0;
margin: 0 !important;
}
.post ol.notes li.note img.avatar {
vertical-align: -4px;
margin-right: 10px;
width: 16px;
height: 16px;
}
.post ol.notes li.note span.action {
}
.post ol.notes li.note .answer_content {
font-weight: normal;
}
.post ol.notes li.note blockquote {
border-color: #F6F6F6;
padding: 4px 10px;
margin: 10px 0px 0px 25px;
}
.post ol.notes li.note blockquote a {
text-decoration: none;
}
.pagination {
display: none;
}
body{background:url({image:Background}) {color:Background} fixed center 0}.post{width:{block:IndexPage}250{/block:IndexPage}{block:PermalinkPage}500{/block:PermalinkPage}px}
{CustomCSS}
</style>
</head>
<body class="{Name} star_aurora_theme">
{block:Pagination}<ul class="pagination">
<li>{block:NextPage}<a href="{NextPage}" class="pagination_nextlink">Next</a>{/block:NextPage}</li>
</ul>{/block:Pagination}
<div class="header">
<a class="title" href="/">{block:IfHeaderImage}<img src="{image:Header}" />{/block:IfHeaderImage}{block:IfNotHeaderImage}<h1>{Title}</h1>{block:IfNotHeaderImage}</a>
<p>{block:AskEnabled}<a class="menu_item" href="/ask">{AskLabel}</a>{/block:AskEnabled}{block:SubmissionsEnabled}<a class="menu_item" href="/submit">{SubmitLabel}</a>{/block:SubmissionsEnabled}{block:HasPages}{block:Pages}<a class="menu_item" href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}{block:Pagination}{block:PreviousPage}<a {block:IfInfiniteScroll}style="display:none"{/block:IfInfiniteScroll} href="{PreviousPage}">{lang:Previous page}</a>{/block:PreviousPage}{block:NextPage}<a {block:IfInfiniteScroll}style="display:none"{/block:IfInfiniteScroll} href="{NextPage}">{lang:Next page}</a>{/block:NextPage}{/block:Pagination}<a class="menu_item" href="/archive">{lang:Archive}</a></p>
</div>
<div class="posts" {block:IndexPage}style="opacity: 0"{/block:IndexPage}>
{block:Posts}
<div class="post {block:IfInfiniteScroll}load{/block:IfInfiniteScroll}" id="post_{PostID}">{block:IndexPage}<div class="controls" {block:Photo}style="display: none"{/block:Photo}><a class="like item" onclick="LikePost('{PostID}','{ReblogURL}',this); $(this).css('background-image', 'url(http://assets.tumblr.com/images/iframe_like_active_alpha.png)')"></a><a href="{ReblogURL}?redirect_to=http%3A%2F%2F{Name}.tumblr.com%2Fpage%2F{CurrentPage}" class="reblog item" target="_blank"></a><a href="{Permalink}"><div class="note_count item" id="note_count_{PostID}">{NoteCount}</div></a> </div>{/block:IndexPage}{block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{block:More}<h3><a href="{Permalink}">{lang:Read more}</a></h3>{/block:More}{/block:Text}{block:Answer}<p><strong>{lang:Asker asked}: {Question}</strong></p><p>{Answer}</p>{/block:Answer}{block:Chat}{block:Title}<h2>{Title}</h2>{/block:Title}<div class="lines">{block:Lines}<div class="line {Alt}">{block:Label}{Label}{/block:Label} <em>{Line}</em></div>{/block:Lines}</div>{/block:Chat}{block:Quote}<h2>"{Quote}"</h2>{block:Source}<p>- {Source}</p>{/block:Source}{/block:Quote}{block:Link}<h2><a href="{URL}" {Target}>{Name}</a></h2>{block:Description}{Description}{/block:Description}{/block:Link}{block:Photo}<div class="photo"><div class="photo_info"><h2><a href="{Permalink}">{NoteCount}</a></h2></div>{LinkOpenTag}<img src="{block:IndexPage}{PhotoURL-250}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-500}{/block:PermalinkPage}" alt="{PhotoAlt}" class="main_photo" />{LinkCloseTag}</div>{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photo}{block:Photoset}{block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}{block:Video}{block:IndexPage}{Video-250}{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:Video}{block:Audio}{block:AlbumArt}<a href="{Permalink}"><img src="{AlbumArtURL}" class="main_photo" /></a>{/block:AlbumArt}<div class="player">{AudioPlayerWhite}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}</div>
{block:PostNotes}<div class="post">
{block:NoteCount}<h2>{NoteCountWithLabel}</h2>{/block:NoteCount}
{PostNotes}
</div>{/block:PostNotes}
{/block:Posts}
</div>
{block:IndexPage}
<script type="text/javascript">
$(function(){var $container = $('.posts').css({ opacity: 0 }); $container.imagesLoaded(function(){ $container.animate({ opacity: 1 }); $container.masonry({itemSelector:'.post',columnWidth: 260});});$container.infinitescroll({navSelector:'.pagination',nextSelector:'.pagination li a.pagination_nextlink',itemSelector: '.load',loading: {img:'http://static.tumblr.com/glziqhp/eRkls6pz6/white-90perc-opacity.png',donetext:''}},function( newElements ) { var $newElems = $( newElements ).css({ opacity: 0 });$newElems.imagesLoaded(function(){$newElems.animate({ opacity: 1 });$container.masonry( 'appended', $newElems, true );});});});
</script>
{/block:IndexPage}
</body>
</html>
Before you post, read our: 
