The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
 Reply to this topicStart new topic
> TUMBLR THEME HELP
SlyVision
post Sep 24 2011, 06:09 PM
Post #1





Group: Members
Posts: 4
Joined: 24-September 11
Member No.: 15,477
Hello!
I am having a little problem with my tumblr theme and was wondering if anyone could help. This is my tumblr, http://slyvision.tumblr.com/ and as you can see the notes and comments are showing above the actual post.
I would like the notes to show underneath the post and would appreciate any help you could give me. Thank you in advance!

Here is my code:

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


<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<meta name="author" content="Nico Mejia" />
<title>{Title}{block:SearchPage} - Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary} - {PostSummary}{/block:PostSummary}</title>

{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}

<meta name="color:Background" content="#fff" />
<meta name="color:Title" content="#000" />
<meta name="color:Text" content="#717171" />
<meta name="color:Link" content="#CA9B36" />
<meta name="color:Link hover" content="#1c51a1" />
<meta name="color:Link hover background" content="" />
<meta name="color:Post background" content="#fff" />
<meta name="color:Post title" content="#000" />
<meta name="color:Post title hover" content="#fff" />
<meta name="color:Chat line one background" content="#000" />
<meta name="color:Chat line one text" content="#fff" />
<meta name="color:Chat line two background" content="#fff" />
<meta name="color:Chat line two text" content="#000" />

<meta name="image:Background" content="" />
<meta name="image:Sidebar" content="" />

<meta name="text:Custom link 1 URL" content="" />
<meta name="text:Custom link 1 title" content="" />
<meta name="text:Custom link 2 URL" content="" />
<meta name="text:Custom link 2 title" content="" />
<meta name="text:Custom link 3 URL" content="" />
<meta name="text:Custom link 3 title" content="" />
<meta name="text:Custom link 4 URL" content="" />
<meta name="text:Custom link 4 title" content="" />


<meta name="if:Sidebar fixed" content="1" />
<meta name="if:Endless scroll" content="1"/>


<style type="text/css">
body {background: {color:Background} url("http://i910.photobucket.com/albums/ac309/JaceL3/Private/Castiel_Wallpaper_by_xSilverwingx22224.jpg") top right fixed no-repeat; font-family: Helvetica, Arial, sans-serif; font-size: 10px; text-align: justify; color: {color:Text};}
a:link, a:active, a:visited {color: {color:link}; text-decoration: none;}
a:hover {background: {color:Link hover background}; color: {color:link hover};}

#wrapper {margin: 0 0 0 10px; width: 798px;}

.sidebar {width: 278px; {block:ifSidebarfixed}position: fixed;{/block:ifSidebarfixed} {block:ifSidebarnotfixed}position: relative;{/block:ifSidebarnotfixed}}
.sidebarimage img {width: 272px; background: {color:Sidebar image border};}
.post {float: left; margin-left: 288px; width: 520px;}

.post {
background: {color:Post background};
}



.posttitle a {
font-size: 18px;
margin-top: 0;
margin-bottom: -5px;
color: {color:Post title};
font-weight: bold;
}

.posttitle a:hover {
color: {color:Post title hover};
}

.post-text, .post-quote, .post-link {
background: {color:Post background};
margin-bottom: 5px;
padding: 6px;
width: 488px;
}

.post-photo, .post-photoset, .post-video {
margin-bottom: 5px;
}

.post-photo img {
width: 500px;
}

.post-photoset img {
}

.link {
font-size: 18px;
font-weight: bold;
}

.trackid {
padding: 7px;
margin: 4px 0px 4px 0;
background: {color:Post background};
overflow: hidden;
}

.post-chat {width: 500px; margin-bottom: 5px; background: {color:Post background};}
.chat {list-style-type: none;}
.odd {padding: 6px; background: {color:Chat line one background}; color: {color:Chat line one text};}
.even {padding: 6px; background: {color:Chat line two background}; color: {color:Chat line two text};}

blockquote {border-left: 1px solid #a0a0a0; padding: 3px;}

h2 {
text-align: center;
font-size: 11px;
font-weight: normal;
padding: 6px;
}

h3 {
text-align: center;
text-transform: uppercase;
font-size: 11px;
font-weight: normal;
letter-spacing: 4px;
padding: 8px;
color: {color:Title};
background: {color:Post background};
}

.box {
padding: 3px;
margin-bottom: 10px;
background: {color:Post background};
}

.box a {
letter-spacing: 2px;
text-transform: uppercase;
}

.tags {
margin-top: 5px;
}

.pagination {
text-align: center;
text-transform: uppercase;
}

.postnotes {width: 492px; padding: 4px; margin-top: 4px; background: {color:Post background};}
ol.notes {list-style:none; margin: 0; padding: 0;}
ol.notes li {list-style: none; margin: 5px 0 0 0; padding: 0 0 5px 0; border-bottom: 1px solid #e6e6e6;}
iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
.more_notes_link_container {border: none; }

{CustomCSS}

</style>

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

<body>
<div id="wrapper">

<div class="sidebar">
<h3>{Title}</h3>
<div class="box" title="Description">
{block:ifSidebarimage}<div class="sidebarimage"><img src="{image:Sidebar}"></div>{/block:ifSidebarimage}
{block:Description}<p id="description">{Description}</p>{/block:Description}
</div>

<div class="box" title="Navigation">
<a href="/">Home</a>
<a href="/archive">Archive</a>
<a href="{rss}">RSS</a>
{block:AskEnabled}<a href="/ask">Ask</a>{/block:AskEnabled}
{block:SubmissionsEnabled}<a href="/submit">Submit</a>{/block:SubmissionsEnabled}
{block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
{block:ifCustomlink1title}<a href="{text:Custom link 1 URL}">{text:Custom link 1 title}</a>{/block:ifCustomlink1title}
{block:ifCustomlink2title}<a href="{text:Custom link 2 URL}">{text:Custom link 2 title}</a>{/block:ifCustomlink2title}
{block:ifCustomlink3title}<a href="{text:Custom link 3 URL}">{text:Custom link 3 title}</a>{/block:ifCustomlink3title}
{block:ifCustomlink4title}<a href="{text:Custom link 4 URL}">{text:Custom link 4 title}</a>{/block:ifCustomlink4title}
{/block:Pages}{/block:HasPages}
<! -- do not remove --!>
<a href="http://nicoxnico.tumblr.com" target="_blank">Theme</a>
<! -- /do not remove --!>
</div>

{block:IfNotEndlessScroll}
<div class="box" title="Pagination">
<div class="pagination">
{block:PreviousPage}
<a href="{PreviousPage}">← Previous</a>
{/block:PreviousPage}

{block:NextPage}
<a href="{NextPage}">Next →</a>
{/block:NextPage}</div>
</div>
{/block:IfNotEndlessScroll}

</div>
{block:Posts}
<div class="post">
<div class="permabox">
{block:Date}
{block:Notecount}<span style="color: #FF0808;">♥</span> <a href="{Permalink}#notes" alt="notes">{NoteCount}</a>{/block:Notecount}<br />
→ <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} {ShortYear} at {12Hour} {AmPm}</a>

{block:Audio}<p>{block:ExternalAudio} <a href="{ExternalAudioURL}">download</a>{/block:ExternalAudio}</p>{/block:Audio}

{block:Photo}
{block:Caption}<em>{Caption}</em>{/block:Caption}
{/block:Photo}
{block:Photoset}
{block:Caption}{Caption}{/block:Caption}
{/block:Photoset}
{block:Video}
{block:Caption}{Caption}{/block:Caption}
{/block:Video}
{block:Link}
{block:Description}<em>{Description}</em>{/block:Description}
{/block:Link}
{block:Quote}
{block:Source}<p>{Source}</p>{/block:Source}
{/block:Quote}
{block:Answer}
<p><em>Asked by <strong>{Asker}</strong><em></p>
{/block:Answer}
{block:HasTags}<div class="tags"><strong>tags:</strong>
{block:Tags}
<a style="text-transform: lowercase" href="{TagURL}">{Tag}</a> 
{/block:Tags}</div>
{/block:HasTags}
{/block:Date}
</div>


{block:Text}
<div class="post-text">
{block:Title}<div class="posttitle"><a href="{Permalink}">{Title}</a></div>{/block:Title}
{Body}
</div>
{/block:Text}

{block:Photo}
<div class="post-photo">
<a href="{Permalink} target="_Blank"><img src="{PhotoURL-500}" border="0" alt="{PhotoAlt}"/></a>
</div>
{/block:Photo}

{block:Photoset}
<div class="post-photoset">
{Photoset-500}
</div>
{/block:Photoset}

{block:Quote}
<div class="post-quote">
<h2><em>"{Quote}"</em></h2>
</div>
{/block:Quote}

{block:Link}
<div class="post-link">
<a href="{URL}" class="link" {Target}>{Name}</a>
</div>
{/block:Link}

{block:Audio}
<div class="post-audio">
<table cellspacing="3"><tr><td valign="top">
{block:AlbumArt}<img src="{AlbumArtURL}" width="150">{/block:AlbumArt}
</td><td valign="top">
{AudioPlayerBlack}
{block:TrackName}<div class="trackid">"{TrackName}"</div>{/block:TrackName}
{block:Artist}<div class="trackid">{Artist}</div>{/block:Artist}
{block:Album}<div class="trackid">{Album}</div>{/block:Album}
<div class="trackid"><em>({PlayCount}) plays</em></div>
</td></tr></table>
</div>
{/block:Audio}

{block:Video}
<div class="post-video">
{Video-500}
</div>
{/block:Video}

{block:Chat}
<div class="post-chat">
{block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
{block:Lines}<div class="{Alt} user_{UserNumber}">
{block:Label}<span class="label">{Label}</span>{/block:Label}
{Line}</div>
{/block:Lines}
</div>
{/block:Chat}

{block:Answer}
<table cellspacing="3"><tr><td valign="top">
<img src="{AskerPortraitURL-24}" alt="asker" />
</td><td valign="top">
<font style="font-weight: bold; font-size: 10px;">{Question}</font>
{Answer}
</td></tr></table>
{/block:Answer}

{block:PostNotes}
<div class="postnotes">{PostNotes}</div>
{/block:PostNotes}
</div>
{/block:Posts}
{block:IfEndlessScroll}</div>{/block:IfEndlessScroll}


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


This post has been edited by SlyVision: Sep 24 2011, 06:38 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
42Hoopy
post Sep 25 2011, 03:24 AM
Post #2





Group: Members
Posts: 6
Joined: 23-September 11
Member No.: 15,464
Easy enough. smile.gif

In your code, find the following and cut all of it out so you can paste it somewhere else...
CODE
<div class="permabox">
{block:Date}
{block:Notecount}<span style="color: #FF0808;">♥</span> <a href="{Permalink}#notes" alt="notes">{NoteCount}</a>{/block:Notecount}<br />
→ <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} {ShortYear} at {12Hour} {AmPm}</a>

{block:Audio}<p>{block:ExternalAudio} <a href="{ExternalAudioURL}">download</a>{/block:ExternalAudio}</p>{/block:Audio}

{block:Photo}
{block:Caption}<em>{Caption}</em>{/block:Caption}
{/block:Photo}
{block:Photoset}
{block:Caption}{Caption}{/block:Caption}
{/block:Photoset}
{block:Video}
{block:Caption}{Caption}{/block:Caption}
{/block:Video}
{block:Link}
{block:Description}<em>{Description}</em>{/block:Description}
{/block:Link}
{block:Quote}
{block:Source}<p>{Source}</p>{/block:Source}
{/block:Quote}
{block:Answer}
<p><em>Asked by <strong>{Asker}</strong><em></p>
{/block:Answer}
{block:HasTags}<div class="tags"><strong>tags:</strong>
{block:Tags}
<a style="text-transform: lowercase" href="{TagURL}">{Tag}</a>
{/block:Tags}</div>
{/block:HasTags}
{/block:Date}
</div>


Now look for {block:PostNotes}...{/block:PostNotes} in your code, and paste the code you cut earlier between the {/block:PostNotes} and the {/div}. Make sure it's before the ending div tag or your layout will mess up.
CODE
{block:PostNotes}
<div class="postnotes">{PostNotes}</div>
{/block:PostNotes}
*****PASTE THE CODE HERE*****
</div>
{/block:Posts}
{block:IfEndlessScroll}</div>{/block:IfEndlessScroll}


Let me know if you need any more help! Good Luck! smile.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
SlyVision
post Sep 25 2011, 08:15 AM
Post #3





Group: Members
Posts: 4
Joined: 24-September 11
Member No.: 15,477
QUOTE(42Hoopy @ Sep 25 2011, 03:24 AM) *




Thank you so much for your help! It's perfect now, I'm very grateful and thanks again! biggrin.gif
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: 23rd April 2024 - 12:32 PM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC