The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
 Reply to this topicStart new topic
> Help with my tumblr code.
walden
post Oct 13 2012, 03:57 PM
Post #1





Group: Members
Posts: 2
Joined: 13-October 12
Member No.: 17,945
Hey guys. Art blogger here.

I'm trying to fix this bug on my page, and for whatever reason, I can't quite find the correct HTML code to edit to fix. Perhaps someone here could help?

http://connor-bird.tumblr.com
The above link goes to my blog, and the below code is what my blog HTML looks like.

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

<html lang="en">
<head>

<!--
Designed by

_|_|_| _|_| _|_|_|_| _|_| _| _|_|
_| _| _|_|_|_| _| _|_|_|_| _|_|
_| _| _| _| _| _|
_|_|_| _|_|_| _|_| _|_|_| _|
_|
_|

_| _| _|
_| _| _|_|_| _|_|_| _|_|_|
_| _| _| _| _| _| _| _| _| _|
_| _| _| _| _| _| _| _| _| _|
_| _| _|_|_| _|_|_| _| _| _|

Found at justplaintheme.tumblr.com.
-->

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>{Title}</title>
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<!-- custom -->
<meta name="text:Disqus shortname" content="" />

<meta name="if:Show People I Follow" content="0">
<meta name="if:Show Timestamp" content="1">
<meta name="if:Show Date" content="1">
<meta name="if:Show Search" content="1">

<meta name="font:Body" content="Georgia">
<meta name="color:Background" content="#FFFFFF"/>
<meta name="color:Text" content="#111111"/>
<meta name="color:Link Text Hover" content="#FFFFFF"/>
<meta name="color:Link Background Hover" content="#D00000"/>

<meta name="if:Show post notes" content="1">
<meta name="if:Endless scrolling" content="0">

<!-- custom -->
<style type="text/css">
body {
margin: 0;
padding: 19px;
background: {color:Background};
font-family: {font:Body};
font-size: 0.75em;
color: {color:Text};
}

a {
color: {color:Text};
text-decoration: none;
}

a:hover {
color: {color:Link Text Hover};
background: {color:Link Background Hover};
}

a:active,
a:focus {
outline: 0;
}

a img { border-width: 0px; }

.clear {
clear: both;
}

#container {
width: 770px;
}

#left a.h2 {
text-transform: lowercase;
font-size: 2em;
line-height: 1em;
color: {color:Text};
text-decoration: none;
}

#left {
float: left;
width: 110px;
}


#left a.h1:hover {
color: {color:Text};
background: none;
text-decoration: none;
}

#left .space.small {
width: 90%;
height: 0px;
}

#left .space.small {
width: 100%;
height: 0px;
}

#right {
width: 500px;
float: right;
}

#right .post {
margin: 0 0 50px 0;
}

img {
max-width: 100%;
}

#right .post h3 {
font-weight: normal;
font-size: 1.5em;
margin: 0;
}

#right .post a.h3 {
color: {color:Text};
text-decoration: none;
font-size: 1.5em;
margin: 0;
}

#right .post a.h3:hover {
background: none;
}

#right .post a.h3.link {
text-decoration: none;
}

#right .post a.h3.link:hover {
color: {color:Link Text Hover};
background: {color:Link Background Hover};
}

#right .post blockquote {
border-left: 2px solid {color:Text};
padding: 0 0 0 15px;
margin-left: 0px;
}

/* this is for chat */
#right .post table {
margin: 10px 0 0 0;
border-collapse: collapse;
}

#right .post table tr {
margin: 1px 0;
}

#right .post table tr td {
padding: auto;
vertical-align: top;
}

#right .post table tr td.name {
text-align: right;
padding: 1px 15px;
}

#right .post table tr td.words {
width: 100%;
text-align: left;
padding: 1px;
}
/* that was for chat */

ol.notes {
margin: 0 0 50px 0;
padding: 0 0 0 0;
}

ol.notes img {
display: none;
}

#right #footer {
position: relative;
right: 0px;
text-align: right;
}

#right #footer .credit {
color: #9C9C9C;
margin: 50px 0 0 0;
}

#right #footer .credit a {color: #9C9C9C;}
#right #footer .credit a:hover {color: {color:Text}; background: none; }


a.install {
width: 96px;
height: 20px;
background: url(http://static.tumblr.com/thpaaos/dHHkt0jor/install_theme.png);
display: block;
position: absolute;
top: 26px;
right: 3px;
}

{CustomCSS}
</style>

{block:IfEndlessScrolling}
{block:IndexPage}
<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/thpaaos/sZQkv2j7g/infinitescroll.js"></script>
<script type="text/javascript">
var jQis = jQuery.noConflict();
jQis(function($){
// Infinite Scroll plugin
// copyright: Paul Irish & dirkhaim
// license: cc-wrapped GPL : http://creativecommons.org/licenses/GPL/2.0/
$('ul.allposts').infinitescroll({
debug : false,
nextSelector : "a.next",
text : "",
donetext : "{lang:No more posts}.",
navSelector : "div#footer",
contentSelector : "div#right",
itemSelector : "div#right > .post"
});
});
</script>
{/block:IndexPage}
{/block:IfEndlessScrolling}

<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
<meta name="viewport" content="width=820" />
</head>
<body>
<a href="http://www.tumblr.com/theme/106" class="install"></a>
<div id="container">
<div id="left">
{block:Description}{Description}{/block:Description}
{block:HasPages}
<br/><br/>
{block:Pages}• <a href="{URL}">{Label}</a><br/>{/block:Pages}
<br/><br/>
{/block:HasPages}
{block:AskEnabled}• <a href="/ask">{AskLabel}</a><br/>{/block:AskEnabled}
{block:SubmissionsEnabled}• <a href="/submit">{SubmitLabel}</a>{/block:SubmissionsEnabled}
<div class="space"></div>
<div class="space small"></div>
<a href="/" class="h2">{Title}</a>
<div class="space"></div>
{block:IfShowPeopleIFollow}
{block:Following}
<p style="text-transform:uppercase;">{lang:Following}:</p>
{block:Followed}<a href="{FollowedURL}">{FollowedTitle}</a><br />{/block:Followed}
{/block:Following}
{/block:IfShowPeopleIFollow}
{block:IfShowSearch}
<div class="space"></div>
<form action="/search" method="get">
<input type="text" class="search-query" name="q" value="{SearchQuery}" /> <input type="submit" class="search-button" value="{lang:Search}"/>
</form>
{/block:IfShowSearch}
</div>

<div id="right">
{block:Posts}
<div class="post">
{block:Text}
{block:Title}<a href="{Permalink}" class="h3">{Title}</a>{/block:Title}
{Body}
{/block:Text}

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

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

{block:Quote}
<h3>“{Quote}”</h3>
<p>{block:Source}— {Source}{/block:Source}</p>
{/block:Quote}

{block:Chat}
{block:Title}<a href="#" class="h3">{Title}</a>{/block:Title}
<table>
{block:Lines}
<tr>
{block:Label}<td class="name">{Label}</td>{block:Label}
<td class="words">{Line}</td>
</tr>
{/block:Lines}
</table>
{/block:Chat}

{block:Audio}
{block:AudioEmbed}
{AudioEmbed-500}
{/block:AudioEmbed}

{block:AudioPlayer}
{AudioPlayerBlack}
{/block:AudioPlayer}

{block:Caption}{Caption}{/block:Caption}
{/block:Audio}

{block:Video}
{Video-500}
{block:Caption}{Caption}{/block:Caption}
{/block:Video}
<p><a href="{Permalink}">{block:Date}{block:IfShowTimestamp}{12Hour}:{Minutes} {AmPm}  {/block:IfShowTimestamp}•{block:IfShowDate}  {DayOfMonth} {Month} {Year}{/ block:IfShowDate}{block:Date}{block:IfShowPostNotes}{block:NoteCount}  •  {NoteC
ountWithLabel}{/block:NoteCount}{/block:IfShowPostNotes}{block:Date}{block:IfDisqusShortname}  •  <a href="{Permalink}#disqus_thread" style="text-transform:lowercase;">{lang:View comments}</a>{/block:IfDisqusShortname}</a>{/block:Date}</p>
</div>

{block:IfDisqusShortname}
{block:Permalink}
<div class="notecontainer" style="padding: 0 0 50px 0;">
<div id="disqus_thread"></div>
<script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
<noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
</div>
{/block:Permalink}
{/block:IfDisqusShortname}

{block:IfShowPostNotes}{PostNotes}{/block:IfShowPostNotes}
{/block:Posts}
<div id="footer">
{block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}">{lang:Previous}</a>
{/block:PreviousPage}

{block:JumpPagination length="10"}
{block:CurrentPage}
<span class="current_page">{PageNumber}</span>
{/block:CurrentPage}

{block:JumpPage}
<a class="jump_page" href="{URL}">{PageNumber}</a>
{/block:JumpPage}
{/block:JumpPagination}

{block:NextPage}
<a href="{NextPage}" class="next">{lang:Next}</a>
{/block:NextPage}
{/block:Pagination}
{block:PermalinkPagination}
{block:NextPost}
<a href="{NextPost}">{lang:Back}</a>
{/block:NextPost}
  •  
{block:PreviousPost}
<a href="{PreviousPost}">{lang:Next}</a>
{/block:PreviousPost}
{/block:PermalinkPagination}
<div class="credit">
<a href="http://justplaintheme.tumblr.com">Just Plain Theme</a> by <a href="http://petervidani.com">Peter Vidani</a><br />
{lang:Powered by Tumblr 2}
</div>
</div>
</div>
<div class="clear"></div>
</div>
{block:IfDisqusShortname}
<script type="text/javascript">
//<![CDATA[
(function() {
var links = document.getElementsByTagName('a');
var query = '?';
for(var i = 0; i < links.length; i++) {
if(links[i].href.indexOf('#disqus_thread') >= 0) {
query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
}
}
document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>');
})();
//]]>
</script>
{/block:IfDisqusShortname}
</body>
</html>


Thank you for any help!

This post has been edited by walden: Oct 13 2012, 04:01 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 13 2012, 06:29 PM
Post #2


๐ŸŒŸComputer says no๐ŸŒŸ
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6
Not that I think I can help (with Tumblrese), but what is it you want to fix?

QUOTE

below code is what my blog HTML looks like


Alas, no. That's what your Tumblr template looks like and that's what we don't know anything about. We are rather good with HTML though. wink.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
walden
post Oct 13 2012, 08:07 PM
Post #3





Group: Members
Posts: 2
Joined: 13-October 12
Member No.: 17,945
QUOTE(pandy @ Oct 13 2012, 07:29 PM) *

Not that I think I can help (with Tumblrese), but what is it you want to fix?

QUOTE

below code is what my blog HTML looks like


Alas, no. That's what your Tumblr template looks like and that's what we don't know anything about. We are rather good with HTML though. wink.gif


Oh, jeez I forgot to state my problem. My mistakes.

Well, the 'ask' link is spaced way too far from my 'twitter' link.

And, hrm, that's odd then.. when I click on the 'Customize Theme' tab, there is an option for 'Edit HTML', and that above code is what shows up.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 13 2012, 08:42 PM
Post #4


๐ŸŒŸComputer says no๐ŸŒŸ
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6
Yeah, there's HTML and there's CSS and there's JavaScript, but there's also Tumblr's proprietary templating language. Everything within curly braces that isn't CSS, like the below. We have no idea what those things do.

CODE

{block:IfEndlessScrolling}
{block:IndexPage}


A lot of things that are in your page aren't in the template. If you for instance search for your menu items, for example "school work", they aren't there. The software running on Tumblr's server parses this template and acts on the embedded instructions, most often probably just replaces them with a bunch of HTML, text and images that you have entered elsewhere, and spits out innumerous pages based on this. There's nothing odd about this per se. These forum pages are generated in a similar way, but the forum software uses a known programming language, PHP. Tumblr uses its own language.

Now, if you go to your page and View Source from your browser, you can see the markup for the generated HTML page. If you look at the menu you have this.


CODE

  &bull; <a href="/schoolwork">school work</a><br/>&bull; <a href="/twitter">twitter</a><br/>

        <br/><br/>

    

    &bull; <a href="/ask">ask</a><br/>



See? Between the "school work" link and the "twitter" one there's one BR tag. Between the "twitter" one and the "ask" one there are three. There's your extra space. No problem if this had been a static page. But to find what in the template that causes the two extra BR tags is a little harder. Maybe you can just delete the menu and enter the links again and try not to do whatever you did the first time that made this happen?
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: 25th April 2024 - 12:55 AM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC