Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Web Site Functionality _ Tumblr Photo Size

Posted by: waymon Jul 23 2010, 08:15 PM

Hello,

I recently started up a tumblr and have been having some trouble tweaking one little thing. When I post a photo it doesn't post to the size of the column, it posts quite smaller.
I'm afraid its going to be something really easy when someone points it out, and ill be foolish. The code is below, id appreciate any suggestions. :-D

kaymark1.tumblr.com

thanks!

CODE
<!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>
        <!-- DEFAULT COLORS -->
        <meta name="color:Background" content="#344353"/>
        <meta name="color:Content Background" content="#344353"/>
        <meta name="color:Header Background" content="#344353"/>
        <meta name="color:Title" content="#DEE8F3"/>
        <meta name="color:Description" content="#6F869E"/>
        <meta name="color:Date" content="#4B5C6D"/>
        <meta name="color:Post Title" content="#DEE8F3"/>    
        <meta name="color:Text" content="#6F869E"/>
        <meta name="color:Inline Link" content="#6F869E"/>
        <meta name="color:Quote" content="#B8C8DA"/>
        <meta name="color:Quote Source" content="#DEE8F3"/>
        <meta name="color:Link Post" content="#B8C8DA"/>
        <meta name="color:Media Background" content="#4B5C6D"/>  
        <!-- END DEFAULT COLORS -->

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title>{block:SearchPage}Search results for "{SearchQuery}" - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
        {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
        <link rel="icon" href="{Favicon}"/>
        <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
        <meta name="viewport" content="width=675"/> <!-- iPhone -->

        <style type="text/css">
            body {
                color:            {color:Text};
                margin:           30px;
                background-color: {color:Background};
                font-family:      Helvetica, sans-serif;
            }
            
            #content {
                width:            720px;
                margin:           auto;
                padding:          35px;
                background-color: {color:Content Background};
            }

            a {
                color:            {color:Inline Link};
            }

            h1 {
                padding:          0px;
                margin:           0px;
                font:             Bold 4.5em Helvetica, sans-serif;
                line-height:      .9em;
                letter-spacing:   -1px;
                text-transform:   uppercase;
            }
            
            h1 a {
                color:            {color:Title};
                text-decoration:  none;
            }

            div#header {
                background-color: {color:Header Background};
                margin:           0;
                width:            100%;
                /* padding:          20px 30px 10px 30px; */
            }

            div#description {
                font-size:        12px;
                font-weight:      bold;
                font-style:       italic;
                text-transform:   lowercase;
                margin-top:       10px;
                color:            {color:Description};
            }
            
            div#description a {
                color:            {color:Description};
            }

        div#search {
        text-align:      right;
                float:            right;
        margin:          10px 0 0;
        }
            
            .date {
                font:             Italic 11px Georgia, Helvetica, sans-serif;
                color:            {color:Date};
                line-height:      38px;
                height:           28px;
                padding-top:      7px;
                padding-bottom:   0px;
                border-bottom:    dotted 1px {color:Date};
                margin-bottom:    10px;
                text-transform:   lowercase;
            }

            .date a {
                text-decoration:  none;
                color:            {color:Date};
            }
            
            .post {
                margin-bottom:    40px;
                position:         relative;
            }

            .post h2 {
                font-weight:      Normal;
                font-style:       italic;
                font-size:        30px;
                font-family:      Georgia, times, serif;
                letter-spacing:   -.67px;
                color:            {color:Post Title};
                margin:           0px 0px 10px 0px;
            }

            .post h2 a {
                color:            {color:Post Title};
                text-decoration:  none;
            }
            
            /* Regular Post */
            .post .regular {
                font-size:        24px;
                line-height:      23px;
            }
            
              .post .regular img {
                max-width: 100%;
              }

            .post .regular blockquote {
                font-style:       italic;
            }
            
            /* Photo Post */
            .post .photo {
                background-color: {color:Media Background};
                padding:          10px;
            }
            
            .post .photo img {
                max-width: 100%;
                border:           none;
            }

            .post .photo .caption {
                color:            {color:Title};
                font-size:        24px;
                margin-top:       17px;
            }
            
            .post .photo .caption a {
                color:            {color:Title};
            }
            
            /* Quote Post */
            .post div.quote {
                padding: 0;
            }
            
            .post div.quote span.quote {
                font-size:        28px;
                letter-spacing:   -1px;
                color:            {color:Quote};
            }

            .post div.quote span.quote a {
                color:            {color:Quote};
            }

            .post div.quote span.quote big.quote {
                font-weight:      bold;
                font-size:        60px;
                line-height:      0px;
                vertical-align:   -28px;
                opacity:          0.5;
                -moz-opacity:     0.5;
                filter:           alpha(opacity=50);
                display:          none;
            }
            
            .post div.quote .source {
                font-size:        16px;
                color:            {color:Quote Source};
            }

            .post div.quote .source a {
                color:            {color:Quote Source};
            }
            
            /* Link Post */
            .post .link a.link {
                font:             Italic 30px Georgia, Helvetica, sans-serif;
                letter-spacing:   -.67px;
                color:            #B6C6D8;
                text-decoration:  none;
                line-height:      1.1em;
            }

            .post .link a.link:hover {
                color:            {color:Title};
            }

            .post .link .description {
                font-weight:      normal;
                font-size:        13px;
                margin-top:       5px;
            }
            
            /* Conversation Post */
            .post .conversation ul {
                list-style-type:  none;
                margin:           0px 0px 5px 0px;
                padding:          1px;
            }
            
            .post .conversation ul li {
                font-size:        13px;
                color:            {color:Text};
                line-height:      17px;
            }
            
            .post .conversation ul li span.label {
                font-weight:      bold;
            }
            
            /* Audio Post */
            .post .audio .caption {
                margin-top:       5px;
                font-size:        11px;
                color:            {color:Text};
            }
            
            .post .audio .caption a {
                color:            {color:Text};
            }
            
            /* Video Post */
            .post .video {
                width:            400px;
                margin:           auto;
                padding:          10px;
                background-color: {color:Media Background};
            }

            .post .video .caption {
                margin-top:       15px;
                font-size:        13px;
                line-height:      17px;
                color:            {color:Title};
            }
            
            .post .video .caption a {
                color:            {color:Title};
            }

            /* Footer */
            #footer {
                margin:           20px 0px 0px 0px;
                font-size:        18px;
            }
            
            #footer a {
                text-decoration:  none;
                color:            {color:Text};
            }
            
            #footer a:hover {
                text-decoration:  underline;
            }

            #footer p.tiny {
                font-size:        11px;
                float:            left;
            }
            
            #footer p.tiny a {
                text-decoration:  none;
                color:            {color:Text};
                font-weight:      bold;
            }
            
            #footer p.tiny .dim {
                filter:           alpha(opacity=50);
                -moz-opacity:     0.5;
                opacity:          0.5;
            }

            ol.notes {
                padding: 0px;
                margin: 25px 0px;
                list-style-type: none;
                font-size: .75em;
                background-color:{color:Photo Background};
                color: {color:Text};
            }

            ol.notes li.note {
                padding: 3px 7px 3px 7px;
            }

            ol.notes li.note a {
                color: {color:Title};
                text-decoration: none;
            }

            ol.notes li.note img.avatar {
                vertical-align: -4px;
                margin-right: 10px;
                width: 16px;
                height: 16px;
            }

            ol.notes li.note a img.avatar {
                border: none;
            }

            ol.notes li.note span.action {
                font-weight: normal;
            }

            ol.notes li.note .answer_content {
                font-weight: normal;
            }

            ol.notes li.note blockquote {
                padding: 4px 10px;
                margin: 10px 0px 0px 25px;
            }

            ol.notes li.note blockquote a {
                text-decoration: none;
            }


                        .searchresultcount {
                                text-align:             center;







Posted by: pandy Jul 23 2010, 09:21 PM

Please link to the page with the photo in question.

What did you do to make it the size of the column?

Posted by: Frederiek Jul 24 2010, 04:23 AM

FYI, Smashingmagazine posted "A Complete Guide to TUMBLR" a few days ago at http://www.smashingmagazine.com/2010/07/22/a-complete-guide-to-tumblr/ .

Posted by: waymon Jul 24 2010, 10:46 AM

#content {
width: 720px;
margin: auto;
padding: 35px;
background-color: {color:Content Background};


And here is the site: kaymark1.tumblr.com

Posted by: Darin McGrew Jul 24 2010, 12:52 PM

AFAICS, the div#content element is 720px wide. And the div#post elements are 720px wide. And the div#photo elements are 700px wide plus 20px of padding (10px on each side).

The images are all 400px wide, because that's the size of the image files, and you haven't done anything to change that. (BTW, don't resize the photos with HTML or CSS. Instead, resize them on the server, and have the HTML and CSS display them in their actual size.)

Posted by: pandy Jul 24 2010, 01:57 PM

I get a blank page.

Posted by: waymon Jul 24 2010, 03:06 PM

QUOTE(Darin McGrew @ Jul 24 2010, 12:52 PM) *

AFAICS, the div#content element is 720px wide. And the div#post elements are 720px wide. And the div#photo elements are 700px wide plus 20px of padding (10px on each side).

The images are all 400px wide, because that's the size of the image files, and you haven't done anything to change that. (BTW, don't resize the photos with HTML or CSS. Instead, resize them on the server, and have the HTML and CSS display them in their actual size.)


The images are much much larger, that one with the dog is 1920x1080. I just want the images to be centered and much larger in the column. The size that the text reaches to on the right of the column.

Posted by: pandy Jul 24 2010, 04:01 PM

No, they aren't (yes, thank you, I can see the page now). They are linked to larger versions.

http://28.media.tumblr.com/tumblr_l61fgcoSb11qzrd9eo1_400.png

Posted by: waymon Jul 24 2010, 05:13 PM

QUOTE(pandy @ Jul 24 2010, 04:01 PM) *

No, they aren't (yes, thank you, I can see the page now). They are linked to larger versions.

http://28.media.tumblr.com/tumblr_l61fgcoSb11qzrd9eo1_400.png


Alright, then when I upload them, tumblr is converting them to 400px wide. How do I fix this? Id like them to be at least 720 wide, as well as my videos.

Posted by: pandy Jul 24 2010, 05:16 PM

Don't know. Maybe tumblr has a FAQ or something?

Posted by: dollbones Sep 1 2010, 12:45 PM

QUOTE(pandy @ Jul 24 2010, 03:16 PM) *

Don't know. Maybe tumblr has a FAQ or something?


I know this is a couple months old, but if I was searching around and totally confused I'd want an answer...you know, for the next person.

Check out Tumblr's "Creating a custom HTML theme" on their website. http://www.tumblr.com/docs/en/custom_themes#photo-posts

If you click on Photos you'll notice there are only a few ways that pictures can be displayed in Tumblr posts. If you want them to display bigger than 400 pixels wide, find the "PhotoURL-400" code in your HTML and replace it with the appropriate size. It might be listed more than once, depending on who wrote the theme. It will be in the BODY section, not the CSS.

For displaying larger than 500 pixels wide you will have to use the "PhotoURL-HighRes" option and apply a "max-width: 700px; height: auto;" to images in photo posts.

I hope this helped.

Posted by: leslieawood Mar 15 2011, 10:30 PM

QUOTE(dollbones @ Sep 1 2010, 01:45 PM) *

QUOTE(pandy @ Jul 24 2010, 03:16 PM) *

Don't know. Maybe tumblr has a FAQ or something?


I know this is a couple months old, but if I was searching around and totally confused I'd want an answer...you know, for the next person.

Check out Tumblr's "Creating a custom HTML theme" on their website. http://www.tumblr.com/docs/en/custom_themes#photo-posts

If you click on Photos you'll notice there are only a few ways that pictures can be displayed in Tumblr posts. If you want them to display bigger than 400 pixels wide, find the "PhotoURL-400" code in your HTML and replace it with the appropriate size. It might be listed more than once, depending on who wrote the theme. It will be in the BODY section, not the CSS.

For displaying larger than 500 pixels wide you will have to use the "PhotoURL-HighRes" option and apply a "max-width: 700px; height: auto;" to images in photo posts.

I hope this helped.



____________________________

Hi,

I am trying to make my images larger on my tumblr, and I changed the PhotoURL-400 to PhotoURL-HighRes like you said... it made the images larger in my preview but nothing happened on the actual page. I can't seem to figure it out, because it worked on another blog I have. My tumblr is http://meatloafmondays.tumblr.com/

Here is my code:



<!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"/>
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}

<title>{Title} {block:PostTitle} {PostTitle} {/block:PostTitle}</title>

<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">

<meta name="viewport" content="width=800"/>
<link rel="apple-touch-icon" href="{PortraitURL-128}"></link>

<meta name="text:Disqus Shortname" content="" />

<style type="text/css" media="screen">
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++
ALL BROWSER RESET
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

:focus { outline: 0; }

body {
line-height: 1;
color: black;
background: white;
}

ol, ul {
list-style: none;
}

table {
border-collapse: separate;
border-spacing: 0;
}

caption, th, td {
text-align: left;
font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++
BODY, WRAPPINGS, ANCHORS, anything sitewide
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++ */

html {
font-size: 13px; }

body {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
line-height: 1.8em;
color: #919191;
background: #fff;
padding: 60px 60px 60px 100px;
width: 800px; }

a { color: #6DC0A9; text-decoration: none; }

a:hover { color: #4A8D75; }






/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++
HEADER
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++ */

#header {
margin: 0 0 7em 0; }

#header h1 a {
font: normal 4em Georgia, "Times New Roman", Times, serif;
color: #000; }

#header h1 a:hover { color: #000; }

#description {
color: #919191;
margin: 0 0 7em 0; }

#description a {
font: normal 1.5em Georgia, "Times New Roman", Times, serif;
color: #6DC0A9; }

#description a:hover {
color: #4A8D75; }




/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++
CONTENT
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++ */

.post {width: 500px;
margin: 0 0 7em 0; }

.permalink {
float: right;
margin-top: -10px; }

.permalink a, .permalink a:link, .permalink a:visited {
color: #3F3F3F; }

.permalink a:hover {
color: #000; }

#content blockquote {
padding-left: 15px;
border-left: 1px dotted #d0d0d0; }
#content blockquote p {
line-height: 25px; }

.postmeta {
margin-top: 10px;
font: italic 11px Helvetica, Arial, sans-serif; }

.postmeta a, .postmeta a:link, .postmeta a:visited {
color: #ccc;
border-bottom: 1px dotted #ddd; }

.postmeta a:hover {
color: #333;
border-bottom: 1px dotted #333 }



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++
QUOTE
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++ */

.quote p, .photo p, .video p, .audio p, #content .conversation, .text blockquote, #footer {
color: #333; }





/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++
PHOTO
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++ */



.photo img, .photo a img, .video object {
}





/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++
CONVERSATION
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++ */

#content .conversation {
line-height: 2em; }

.member1 {
color: #5d838b;
background: #f9f9f9; }

.label {
font-weight: bold;
font-style: italic;
color: #999;
padding-right: 10px; }

.member1 .label { color: #5d838b; }





/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++
TEXT
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++ */


.text h2, .conversation h2 {
color: #555;
font: normal 14px Georgia, "Times New Roman", Times, serif;
margin: 0 0 1.5em 0; }

.text p, .audio p {
margin: 0 0 1.5em 0; }

.text blockquote {
margin: 0 0 1.5em 1.5em;
padding: 0 0 0 1.5em;
border-left: 1px solid #304156; }

ul {
list-style-type: none; }

ol {
list-style-type: none;
margin: 0 0 1.5em 2.5em; }

ol.notes li {
width: 500px;
padding: 3px 0;
margin: 0 0 3px -28px;
border-bottom: 1px solid #f5f5f5; }

ol.notes li:hover {
border-bottom: 1px solid #e0e0e0; }

ol.notes li img {
padding-right: 10px;
margin-bottom: -5px;
opacity: 0.85;
filter:alpha(opacity=85); }

ol.notes li img:hover {
opacity: 1;
filter:alpha(opacity=100); }

strong { color: #333; font-weight: bold; }

em { color: #333; font-style: italic; }


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++
AUDIO
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++ */

span.playcount {
font: italic 11px Georgia, "Times New Roman", Times, serif; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++
NAVIGATION
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++ */

#navigation {
margin-bottom: 20px; }


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++
FOOTER
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++ */

#footer {
margin: 0 0 7em 0;
float: right;}

#searchform input {
border: none;
background: #eee;
padding: 3px;
color: #888; }

#footer a { color: #6DC0A9; }

#footer a:hover { color: #4A8D75; }

.attribution {
text-align: right; }

</style>

<!-- DEFAULT COLORS -->
<meta name="color:Background" content="#fff"/>
<meta name="color:Text" content="#919191"/>
<meta name="color:Links" content="#6DC0A9"/>
<meta name="color:Links Hover" content="#4A8D75"/>
<meta name="color:Heading" content="#000"/>
<meta name="color:Heading Hover" content="#000"/>
<meta name="color:Description" content="#919191"/>
<meta name="color:Permalink" content="#3F3F3F"/>
<meta name="color:Permalink Hover" content="#000000"/>
<meta name="color:Text Alt" content="#919191"/>


<style type="text/css" media="screen">

{CustomCSS}

body {
background: {color:Background};
color: {color:Text}; }

#footer .attribution a, #footer .attribution a:link, #footer .attribution a:visited, #header #description a, #header #description a:link, #header #description a:visited, a { color: {color:Links}; }

a:hover { color: {color:Links Hover}; }

#header h1 a { color: {color:Heading}; }

#header h1 a:hover { color: {color:Heading Hover}; }

#description { color: {color:Description}; }

.permalink a { color: {color:Permalink}; }

.permalink a:hover { color: {color:Permalink Hover}; }

#footer, .quote p, .photo p, .video p, .audio p, #content .conversation, .text blockquote { color: {color:Text Alt}; }

#disqus_thread { width: 500px; padding: 0 0 75px 0; }
</style>


</head>

<body>



<div id="header">
<h1><a href="/">{Title}</a></h1>
{block:Description}
<p id="description">
{block:HasPages}
{block:Pages}<a href="{URL}">{Label}</a> &nbsp;&nbsp;{/block:Pages}
{/block:HasPages}

{block:AskEnabled}<a href="/ask">{AskLabel}</a> &nbsp;&nbsp;{/block:AskEnabled}
{block:SubmissionsEnabled}<a href="/submit">{SubmitLabel}</a> &nbsp;&nbsp;{/block:SubmissionsEnabled}

{Description}
</p>

{/block:Description}


</div>




<div id="content">


{block:Posts}



{block:Quote}

<div class="permalink">
{block:IfNotDisqusShortname}<a href="{Permalink}">&rarr;</a>{block:IfNotDisqusShortname}
{block:Date}{block:Date}{block:IfDisqusShortname}<a href="{Permalink}#disqus_thread"></a>{block:IfDisqusShortname}{/block:Date}{/block:Date}
</div>

<div class="quote post">

<h2>"{Quote}"</h2>

{block:Source}
<p>{Source}</p>
{/block:Source}

<div class="postmeta">{block:Date}<a href="{Permalink}">{TimeAgo}</a>&nbsp; {/block:Date}<a href="{Permalink}" style="text-transform:lowercase;">{lang:Notes} ({NoteCount})</a></div>

</div>

{block:PostNotes}
<div>{PostNotes}</div>
{/block:PostNotes}

{/block:Quote}


{block:Photo}

<div class="permalink">
{block:IfNotDisqusShortname}<a href="{Permalink}">&rarr;</a>{block:IfNotDisqusShortname}
{block:Date}{block:IfDisqusShortname}<a href="{Permalink}#disqus_thread"></a>{block:IfDisqusShortname}{/block:Date}
</div>

<div class="photo post">



{LinkOpenTag}
<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
{LinkCloseTag}

{block:Caption}
<p>{Caption}</p>
{/block:Caption}

<div class="postmeta">{block:Date}<a href="{Permalink}">{TimeAgo}</a>&nbsp; {/block:Date}<a href="{Permalink}" style="text-transform:lowercase;">{lang:Notes} ({NoteCount})</a></div>

</div>

{block:PostNotes}
<div>{PostNotes}</div>
{/block:PostNotes}

{/block:Photo}


{block:Video}

<div class="permalink">
{block:IfNotDisqusShortname}<a href="{Permalink}">&rarr;</a>{block:IfNotDisqusShortname}
{block:Date}{block:IfDisqusShortname}<a href="{Permalink}#disqus_thread"></a>{block:IfDisqusShortname}{/block:Date}
</div>

<div class="video post">

{Video-500}

{block:Caption}
<p>{Caption}</p>
{/block:Caption}

<div class="postmeta">{block:Date}<a href="{Permalink}">{TimeAgo}</a>&nbsp; {/block:Date}<a href="{Permalink}" style="text-transform:lowercase;">{lang:Notes} ({NoteCount})</a></div>

</div>

{block:PostNotes}
<div>{PostNotes}</div>
{/block:PostNotes}

{/block:Video}


{block:Link}

<div class="permalink">
{block:IfNotDisqusShortname}<a href="{Permalink}">&rarr;</a>{block:IfNotDisqusShortname}
{block:Date}{block:IfDisqusShortname}<a href="{Permalink}#disqus_thread"></a>{block:IfDisqusShortname}{/block:Date}
</div>

<div class="link post">

<h2><a href="{URL}" {Target}>{Name}</a></h2>

{block:Description}
<p>{Description}</p>
{/block:Description}

<div class="postmeta">{block:Date}<a href="{Permalink}">{TimeAgo}</a>&nbsp; {/block:Date}<a href="{Permalink}" style="text-transform:lowercase;">{lang:Notes} ({NoteCount})</a></div>

</div>

{block:PostNotes}
<div>{PostNotes}</div>
{/block:PostNotes}

{/block:Link}


{block:Chat}

<div class="permalink">
{block:IfNotDisqusShortname}<a href="{Permalink}">&rarr;</a>{block:IfNotDisqusShortname}
{block:Date}{block:IfDisqusShortname}<a href="{Permalink}#disqus_thread"></a>{block:IfDisqusShortname}{/block:Date}
</div>

<div class="conversation post">

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

<ul>
{block:Lines}
<li class="member{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>

<div class="postmeta">{block:Date}<a href="{Permalink}">{TimeAgo}</a>&nbsp; {/block:Date}<a href="{Permalink}" style="text-transform:lowercase;">{lang:Notes} ({NoteCount})</a></div>

</div>

{block:PostNotes}
<div>{PostNotes}</div>
{/block:PostNotes}

{/block:Chat}


{block:Text}
<div class="permalink">
{block:IfNotDisqusShortname}<a href="{Permalink}">&rarr;</a>{block:IfNotDisqusShortname}
{block:Date}{block:IfDisqusShortname}<a href="{Permalink}#disqus_thread"></a>{block:IfDisqusShortname}{/block:Date}
</div>

<div class="text post">

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

{Body}

<div class="postmeta">{block:Date}<a href="{Permalink}">{TimeAgo}</a>&nbsp; {/block:Date}<a href="{Permalink}" style="text-transform:lowercase;">{lang:Notes} ({NoteCount})</a></div>

</div>

{block:PostNotes}
<div>{PostNotes}</div>
{/block:PostNotes}

{/block:Text}


{block:Audio}

<div class="permalink">
{block:IfNotDisqusShortname}<a href="{Permalink}">&rarr;</a>{block:IfNotDisqusShortname}
{block:Date}{block:IfDisqusShortname}<a href="{Permalink}#disqus_thread"></a>{block:IfDisqusShortname}{/block:Date}
</div>

<div class="post audio">

{AudioPlayerGrey}

{block:Caption}
{Caption} <span class="playcount">({PlayCountWithLabel})</span>
{/block:Caption}

{block:ExternalAudio}
<p><a href="{ExternalAudioURL}">{lang:Download}</a></p>
{/block:ExternalAudio}

<div class="postmeta">{block:Date}<a href="{Permalink}">{TimeAgo}</a>&nbsp; {/block:Date}<a href="{Permalink}" style="text-transform:lowercase;">{lang:Notes} ({NoteCount})</a></div>

</div>

{block:IfDisqusShortname}
{block:Permalink}
<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>
{/block:Permalink}
{/block:IfDisqusShortname}

{block:PostNotes}
<div>{PostNotes}</div>
{/block:PostNotes}

{/block:Audio}


{/block:Posts}




{block:Pagination}

<div id="navigation">

{block:NextPage}
<a href="{NextPage}" id="nav-next" style="text-transform:lowercase;">&larr; {lang:Old}</a>
{/block:NextPage}

{block:PreviousPage}
| <a href="{PreviousPage}" id="nav-prev" style="text-transform:lowercase;">{lang:New} &rarr;</a>
{/block:PreviousPage}

</div>

{/block:Pagination}

{block:PermalinkPagination}

<div id="navigation">

{block:PreviousPost}
<a href="{PreviousPost}" id="nav-prev" style="text-transform:lowercase;">&larr; {lang:Old}</a>
{/block:PreviousPost}
|
{block:NextPost}
<a href="{NextPost}" id="nav-next" style="text-transform:lowercase;">{lang:New} &rarr;</a>
{/block:NextPost}

</div>

{/block:PermalinkPagination}




<!-- Footer -->
<div id="footer">



</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>



I would really appreciate some help! Thanks.

Posted by: monoclebunny Mar 16 2011, 02:35 AM

you have nothing to tell tumblr to display the photos. You need the {PhotoURL-400} (or what ever value) block elements in the code else the site wont know you want to display it.

Posted by: leslieawood Mar 16 2011, 08:02 PM

So i need to have both {PhotoURL-400} and {PhotoURL-Highres}?

Posted by: monoclebunny Mar 17 2011, 12:36 AM

QUOTE(leslieawood @ Mar 16 2011, 08:02 PM) *

So i need to have both {PhotoURL-400} and {PhotoURL-Highres}?


yup smile.gif one so tumblr can just display the photo as is on the blog and one so when people click on it it takes them to the high res version


I'd show you properly but as per Tumblr is having significant down time at the moment sad.gif

They did some maintenance yesterday morning and haven't quite been right since.

I'm considering moving to Posterous.

Tumblr lost my draft in the maintenance.

Posted by: troughmyheartbeat Dec 7 2011, 03:48 AM

I got the same problem, some of my pictures dont fill out the bar if you understand?
look: http://throughmyheartbeat.tumblr.com/

how do i change that? please help me.

hmtl:

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

<!-- ----------------------------------
Theme Oswald by Max Davis, 2011.
http://themes.themaxdavis.com
---------------------------------- -->

<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="color:Background" content="#ffffff"/>
<meta name="color:Center" content="#ffffff"/>
<meta name="color:Borders and header title" content="#000000"/>
<meta name="color:text" content="#B3B3B3"/>
<meta name="color:title" content="#000000"/>
<meta name="color:link" content="#000000"/>
<meta name="color:hover" content="#B3B3B3"/>

<meta name="if:infinite scrolling" content="0"/>
<meta name="if:Sidebar image round borders" content="0"/>
<meta name="if:Sidebar fade on scroll down" content="0"/>
<meta name="if:show caption" content="0"/>

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

<meta name="text:Header title" content="" />
<meta name="text:Ask Title" content="" />
<meta name="text:Next Page" content="Next Page" />
<meta name="text:Previous Page" content="Previous Page" />
<meta name="text:Link One" content="" />
<meta name="text:Link One Title" content="" />
<meta name="text:Link Two" content="" />
<meta name="text:Link Two Title" content="" />
<meta name="text:Link Three" content="" />
<meta name="text:Link Three Title" content="" />
<meta name="text:Link Four" content="" />
<meta name="text:Link Four Title" content="" />

{block:Description}
<meta name="description" content="{MetaDescription}" />{/block:Description}
<title>{block:SearchPage}Search results for "{SearchQuery}" - {/block:SearchPage}
{block:PostSummary} {PostSummary} - {/block:PostSummary}{Title}</title>
<script src="http://static.tumblr.com/3ikgvxs/K16l80ow6/cufon-yui.js" type="text/javascript"></script> <script src="
http://static.tumblr.com/8jq17g7/JkClli8ma/diavlo_black_900.font.js" type="text/javascript"></script> <script type="text/javascript">Cufon.replace('#navi, .nav_head, .sidelinks, #pagenav_left, #pagenav_right');</script>
<script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
{block:Ifinfinitescrolling}
<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
{/block:Ifinfinitescrolling}
<link href="http://static.tumblr.com/8jq17g7/liCln580a/style_link.css" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Oswald:regular&v1" rel="stylesheet" type="text/css" >
<meta name="viewport" content="width=820" />
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#sidebar").hover(function(){
if($(window).scrollTop()>="150"){$("#sidebar").stop().fadeTo("fast", 1.0);}
},function(){
if($(window).scrollTop()>="150"){$("#sidebar").stop().fadeTo("medium", 1.0);}
});
});
</script>
<style type="text/css">
* { margin: 0;
padding: 0;}
iframe#tumblr_controls {
top: 1px !important;
margin: 0 0 0 0; opacity:1;
right: 4px !important;
position: fixed !important;}
body{
line-height: 15px;
overflow-x:hidden; color:{color:text};
margin:0px; font-size:12px;
text-align: left; font-family:Arial;
background-color:{color:background};
background-image:url({image:Background});
background-attachment: fixed;
background-position:top center;
background-repeat: repeat;}

a{color:{color:link}; text-decoration:none;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;}
a:hover{color: {color:hover};
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;}
a:active{outline: none;}
a:focus{-moz-outline-style: none;}
:-moz-any-link:focus{outline: none;}

strong{color:#000;}
img{border:none;}

div#content{
margin: auto;
width:520px;
margin-top: 10px;
margin-bottom: 20px;
text-align: left;}

div#center{
background-color:{color:Center};
margin-left: 0px;
padding: 10px;
width:500px; overflow:hidden;
text-align: left;}

div#header{
background-color:{color:Center};
padding: 10px;
width:500px;}
div#header h1 {font-size: 70px; line-height:90px; font-family: 'Oswald', arial, serif; font-weight:normal; color:{color:Borders and header title}; letter-spacing:-2px; display:inline;}
div#header hr{
width:270px;
margin-top:15px;
margin-bottom:30px;
border: 0;
height:3px;
background-color:{color:Borders and header title};}
div#header a{color:#ccc; letter-spacing:1px;}
div#header a:hover{color:#444;}
#entry{
margin-left:0px;
width:500px;
margin-bottom: 20px;}
div#sidebar{
padding: 10px;
font-size: 12px;
width:260px; height:auto;
margin-top:-20px;
position: fixed;
margin-left: 470px;
{block:IfSidebarfadeonscrolldown}
opacity:0.0;
{block:IfSidebarfadeonscrolldown}}
div#sidebar .image {
{block:IfSidebarimageroundborders}
{block:IfNotSidebarImage}
-moz-border-radius: 100px;
border-radius: 100px;
{/block:IfNotSidebarImage}
{block:IfSidebarImage}
-moz-border-radius: 110px;
border-radius: 120px;
{/block:IfSidebarImage}
{/block:IfSidebarimageroundborders}}
blockquote{
margin: 10px;
color: {color:text};
padding: 10px;}
div.post div.conversation ul {list-style-type:none;}

ol.notes {
padding: 0px;
font-weight:normal;
margin: 0px 0px;
list-style-type: none !important;
border-bottom: 0px; line-height: 17px;
margin-left: 50px; letter-spacing:0.5px;
text-align: left;}
.notes img{display:none;}

ul {list-style-type:bullet;}
ul:hover {color: #999;}
ol {list-style-type: upper-roman;}
ul:hover {color: #999;}

blockquote{padding:0px 0px 2px 5px; margin:0px 0px 2px 1px;}
blockquote p, ul{margin:0px; padding:0px; }
ul, ol, li{list-style:none; margin:5px; padding:0px;}

.user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label,
.user_6 .label, .user_7 .label, .user_8 .label, .user_9 .label {font-weight: bold;}

#answer{
margin-top: 8px;
margin-left: -34px;}

.title{
font-family: {font:Body};
font-weight:bold;
font-size: 20px;
line-height: 23px;
letter-spacing: -1px;
color: {color:title};
padding:1px 1px 0px 1px;
text-transform:uppercase;}

.title2{
font-family: {font:Body};
font-weight:bold;
font-size: 15px;
line-height: 23px;
letter-spacing: -1px;
color: {color:title};
padding:1px 1px 0px 1px;}

.quotesymbols{
font-size: 30px;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
line-height: -10px;}

.permalink_photo_notes{
font-family: 'Oswald', arial, serif;
font-size:200px;
letter-spacing: -15px;
display:block;
position:absolute;
color:#fff;
width:500px;
opacity:0;
margin-top: 150px;
text-align: center;
z-index:1000 !important;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;}
#entry:hover .permalink_photo_notes {
opacity:1;
display: block;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;}
.permalink_photo_notes a {color:#fff;}

#entry:hover .permalink_photo_notes:hover{
opacity:1;
-webkit-transition: all 0.15s linear;
-moz-transition: all 0.15s linear;
-o-transition: all 0.15s linear;}

#photo {width:1000px;}
#photo div#picture {position:relative; overflow:hidden;}
#photo img {max-width:1000px; display;}
div#photo div#picture div#info {
position:absolute;
opacity: 0;
top:0px;
left:0;
width:1000px;
height:100%;
font-size:5px;
visibility:hidden;
z-index:998;
text-align:center;
background-color:#000;
opacity 0.7s linear;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;}
#entry div#photo div#picture:hover div#info{
opacity 0.7s linear;
opacity: 0.9;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;}
div#photo div#picture div#info div#holder {
position:absolute;
z-index:999;
color:#000;}
div#photo div#picture div#info div#holder a,div#photo div#picture div#info div#holder a:hover {
text-decoration:none;
color:{color:Notes photo post hover};
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;}
div#photo div#picture:hover div#info {visibility:visible;}


.permalink{
display: block;
font-size: 9px;
text-align: right;
float:left;
position: absolute;
margin-bottom: -40px;
margin-top: 15px;
height: 25px;
width:100px;
width: auto;
margin-left: -150px;}
div#entry .permalink1 a{color:#aaa;}
div#entry .permalink1 a:hover{
color:#333;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
transition: all 0.3s linear;}
div#entry .permalink1{
width:auto;
{block:IfBackgroundImage}
background-color:{color:center};
{/block:IfBackgroundImage}
height: 40px;
position:absolute;
width:100px;
margin-top: -15px;
text-align: left;
padding-top:5px;
padding-right:10px;
padding-bottom:10px;
font-style:italic;
border-right: 4px solid {color:Borders and header title};
text-align: right;
color:{color:permalink}; overflow:hidden;
line-height:12px;
font-size:10px; letter-spacing:0px;
white-space:nowrap;
-webkit-transition: opacity 0.7s linear;
opacity: 0.0;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
transition: all 0.5s linear;}
div#entry:hover .permalink1{
letter-spacing: 0px;
overflow:visible;
-webkit-transition: opacity 0.7s linear;
opacity: 1;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all 0.2s linear;}
div.padd {
width: 100%;
line-height: 11px;
padding-top: 0px;
padding-left: 5px;
margin: 0px;}
#answer{
margin-top: 10px;
margin-left: -34px;}

#sidebar_info {
margin-left: 55px;
height: auto;
padding: 10px;
color: #aaa;
padding-top:20px;
padding-bottom:15px;}
#sidebar_info_inside {
{block:IfBackgroundImage}
background-color: {color:center};
{/block:IfBackgroundImage}
border-left: 4px solid {color:Borders and header title};
height: auto;
padding: 10px;
color: #aaa;
padding-top:10px;
padding-bottom:15px;}
#sidebar_info h1 {
font-size: 19px; line-height: 50px;
font-family: 'Oswald', arial, serif;
font-weight:normal; color:{color:title};
letter-spacing:0px;
display:inline;}
#permalink_post_info {
width: 200px;
position:fixed;
height: auto;
{block:IfBackgroundImage}
background-color: {color:center};
{/block:IfBackgroundImage}
border-left: 5px solid {color:Borders and header title};
text-align:left;
margin-left: 530px;
padding-top:50px;
padding-bottom:50px;
padding:10px;}
</style>
<script type="text/javascript" src="http://static.tumblr.com/8jq17g7/Qrjln0pkr/jquery-1.2.6.min.js"></script>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
<meta name="viewport" content="width=820" />
<meta name="robots" content="noindex"/>
</head>


<body>
<div id="content">
<div id="header">
<center><a href="/"><h1>{block:ifNotHeadertitle}{title}{/block:ifNotHeadertitle}
{block:ifHeadertitle}{text:Header title}{/block:ifHeadertitle}</h1></a></center>
<center>

{block:AskEnabled}<a href="/ask">
{block:ifAskTitle}{text:Ask Title}{/block:ifAskTitle}
{block:ifnotAskTitle}{AskLabel}{/block:ifnotAskTitle}</a>&nbsp;&nbsp;
{/block:AskEnabled}

{block:HasPages}{block:Pages}
<a href="{URL}">{Label}</a>&nbsp;&nbsp;
{/block:Pages}{/block:HasPages}

{block:ifLinkOneTitle}
<a href="{text:Link One}">{text:Link One Title}</a>&nbsp;&nbsp;
{/block:ifLinkOneTitle}

{block:ifLinkTwoTitle}
<a href="{text:Link Two}">{text:Link Two Title}</a>&nbsp;&nbsp;
{/block:ifLinkTwoTitle}

{block:ifLinkThreeTitle}
<a href="{text:Link Three}">{text:Link Three Title}</a>&nbsp;&nbsp;
{/block:ifLinkThreeTitle}

{block:ifLinkFourTitle}
<a href="{text:Link Four}">{text:Link Four Title}</a>&nbsp;&nbsp;
{/block:ifLinkFourTitle}


<hr>
</center>
</div>
<div id="sidebar">
{block:IndexPage}
<div id="sidebar_info">
<div id="sidebar_info_inside">
<div style="opacity:1;">
{block:IfSidebarImage}
<img src="{image:Sidebar}" class="image" width=150px/>
{/block:IfSidebarImage}

{block:IfNotSidebarImage}
<img src="{PortraitURL-128}" class="image">
{/block:IfNotSidebarImage}</div>

<div id="sidebar_info_fade">
<h1>{title}</h1><br>
{Description}

{block:IfNotinfinitescrolling}
<center>
{block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}" class="navi">{text:Previous Page} &nbsp;&nbsp;</a>
{/block:PreviousPage}

{block:JumpPagination length="4"}
{block:CurrentPage}
<span class="current_page" class="navi"><strong><font color="{color:link}">{PageNumber}</font></strong></span>
{/block:CurrentPage}

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

{block:NextPage}
<a href="{NextPage}" class="navi">&nbsp;&nbsp; {text:Next Page}</a>
{/block:NextPage}
{/block:Pagination}
</center>
{block:IfNotinfinitescrolling}
</div>
</div></div>
{/block:IndexPage}
{block:IfSidebarfadeonscrolldown}
<script>
var visible = 0;
$(window).scroll(function() {
if($(window).scrollTop()>="150") {
if(visible == 0){
$("#sidebar").stop().fadeTo("medium", 1);
visible = 1;
}
}
else {
if(visible == 1){
$("#sidebar").stop().fadeTo("medium", 0.0);
visible = 0;
}
}
});
</script>
{/block:IfSidebarfadeonscrolldown}
</div><!-- End Sidebar -->




<div id="center">
<a href="http://maxdavis-themes.tumblr.com/"><div id="link"></div></a>
<div class = "autopagerize_page_element" >

{block:Posts}
<div id="entry">
{block:PermalinkPage}
{block:Date}
<div id="permalink_post_info">
Posted: <font color="{color:link}">{TimeAgo}</font><br>
Date: <font color="{color:link}">{DayOfMonth} {Month} {Year}</font><br>
{block:NoteCount}Notes: <font color="{color:link}">{NoteCountWithLabel}</font><br>{/block:NoteCount}
{block:HasTags}
Tagged as: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br>
{/block:HasTags}
{block:RebloggedFrom}
Reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
Posted: <a href="{ReblogRootURL}">{ReblogRootName}</a> <br>
{/block:RebloggedFrom}
{block:Source}
Source: {Source}<br>
{/block:Source}
</div>
{/block:Date}
{/block:PermalinkPage}

{block:Quote}
{block:IndexPage}
<div class="permalink"><span class="permalink1">
{block:Date}
<a href="{permalink}" target="_blank">
{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</a><br>
<a href="{permalink}">{TimeAgo} on</a><br>
<a href="{permalink}">{DayOfMonth} {Month} {Year}</a><br>
{/block:Date}</span></div>
{/block:IndexPage}
<center>
<span class="quotesymbols">❝</span>
<span class="title">{Quote}</span>
<span class="quotesymbols">❞</span><br>
{block:Source}{Source}{/block:Source}</center>
{/block:Quote}

{block:Text}
{block:IndexPage}
<div class="permalink"><span class="permalink1">
{block:Date}
<a href="{permalink}">
{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</a><br>
<a href="{permalink}">{TimeAgo} on</a><br>
<a href="{permalink}">{DayOfMonth} {Month} {Year}</a><br>
{/block:Date}</span></div>
{/block:IndexPage}
{block:Title}<span class="title">{Title}</span>{/block:Title}
{Body}
{/block:Text}

{block:Link}
{block:IndexPage}
<div class="permalink"><span class="permalink1">
{block:Date}
<a href="{permalink}">
{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</a><br>
<a href="{permalink}">{TimeAgo} on</a><br>
<a href="{permalink}">{DayOfMonth} {Month} {Year}</a><br>
{/block:Date}</span></div>
{/block:IndexPage}
<a href="{URL}" class="title">{Name}</a>
{block:Description}{Description}{/block:Description}
{block:Link}

{block:Answer}
{block:IndexPage}
<div class="permalink"><span class="permalink1">
{block:Date}
<a href="{permalink}">
{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</a><br>
<a href="{permalink}">{TimeAgo} on</a><br>
<a href="{permalink}">{DayOfMonth} {Month} {Year}</a><br>
{/block:Date}</span></div>
{/block:IndexPage}
<table width="100%" border="0px" cellpadding="0" cellspacing="0">
<tbody style="border-spacing: 0px;">
<td width="30px" style="vertical-align: top; width: 30px; padding: 0px;">
<img height="30px" width="30px" style="padding: 0px; margin: 0px;" src="{AskerPortraitURL-30}"/></td><td>
<div class="padd" width="100%" style="margin-left:;">
{Asker} asked:<br>
{Question}<br><div id="answer"><em>{Answer}</em></div><br>
</div></td></tr></tbody></table>
{/block:Answer}


{block:Photo}
{block:IndexPage}
<div class="permalink"><span class="permalink1">
{block:Date}
<a href="{permalink}">{TimeAgo}</a><br>
<a href="{permalink}">{DayOfMonth} {Month} {Year}</a><br>
<a href="{ReblogURL}">Reblog</a>

{/block:Date}</span></div>
{/block:IndexPage}
<div class="post">
<div id="extraonephoto">
<div id="photo">
{block:IndexPage}
<div id="picture">
{block:Date}
<a href="{permalink}"><div class="permalink_photo">

</div></a>
<div class="permalink_photo_notes">
<a href="{permalink}">{block:NoteCount} {NoteCount}{/block:NoteCount}</a>
</div>
<div id="info">
<div id="holder">
</div></div>
{/block:Date}
<img src="{PhotoURL-500}" alt="{PhotoAlt}"></div>
{block:ifshowphotoCaption}
{block:Caption}{Caption}{/block:Caption}{/block:ifshowphotoCaption}
{/block:IndexPage}
{block:PermalinkPage}
{LinkOpenTag}
<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=500px/><br><br>
{LinkCloseTag}
{block:Caption}{Caption}{/block:Caption}
{/block:PermalinkPage}
</div></div></div>
{/block:Photo}

{block:Chat}
{block:IndexPage}
<div class="permalink"><span class="permalink1">
{block:Date}
<a href="{permalink}">
{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</a><br>
<a href="{permalink}">{TimeAgo} on</a><br>
<a href="{permalink}">{DayOfMonth} {Month} {Year}</a><br>
{/block:Date}</span></div>
{/block:IndexPage}
{block:Title}<span class="title">{Title}</span>{/block:Title}
<ul class="chat">
{block:Lines}
<li class="user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
{/block:Chat}
{block:Audio}
{block:IndexPage}
<div class="permalink"><span class="permalink1">
{block:Date}
<a href="{permalink}">
{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</a><br>
<a href="{permalink}">{TimeAgo} on</a><br>
<a href="{permalink}">{DayOfMonth} {Month} {Year}</a><br>
{/block:Date}</span></div>
{/block:IndexPage}
<center><div style="width:400px; height:20px;">
<div style="float:left">{AudioPlayerWhite}</div>
<div style="margin-top:8px; float:right;"><small>
{FormattedPlayCount} plays {block:ExternalAudio} //
<a href="{ExternalAudioURL}">Download?</a>
{/block:ExternalAudio}</small>
</div></div></center><br>
{block:Caption}{Caption}{/block:Caption}
{/block:Audio}

{block:Video}
{block:IndexPage}
<div class="permalink"><span class="permalink1">
{block:Date}
<a href="{permalink}">
{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</a><br>
<a href="{permalink}">{TimeAgo} on</a><br>
<a href="{permalink}">{DayOfMonth} {Month} {Year}</a><br>
{/block:Date}</span></div>
{/block:IndexPage}
<center>
{Video-500}<br>
{block:Caption}{Caption}{/block:Caption}
</center>
{/block:Video}
</div><!-- End entry -->
{block:PostNotes}
<br>{PostNotes}<br>
{/block:PostNotes}
{/block:Posts}
</div>
</div><!-- End Center --></div><!-- End Content -->
<script src="http://themes.themaxdavis.com/scripts/jquery-1.3.2.min.js" type="text/javascript"></script>
</body></html>

Posted by: Frederiek Dec 7 2011, 08:10 AM

I see that for instance for a picture called "tumblr_lsv1vnikmR1qe9jd7o1_500.jpg" (what a name!) and that's becase the image is not 500 px wide as others but 475 px. There might be others like that too, I didn't check.

Posted by: kirillywhat Feb 21 2012, 08:48 PM

same problem here.
changing the PhotoURL_500 to 400 did not do anything to my post size. is there something from the codes that can be preventing that from triggering the result

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)