The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Tumblr Photo Size, check it...
waymon
post Jul 23 2010, 08:15 PM
Post #1





Group: Members
Posts: 4
Joined: 23-July 10
Member No.: 12,360



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;






User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jul 23 2010, 09:21 PM
Post #2


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 14,925
Joined: 9-August 06
Member No.: 6



Please link to the page with the photo in question.

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


--------------------
"Never go to excess, but let moderation be your guide."
- Cicero

IPB Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Jul 24 2010, 04:23 AM
Post #3


Programming Fanatic
********

Group: Members
Posts: 4,128
Joined: 23-August 06
From: Europe
Member No.: 9



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


--------------------
"The earth does not belong to us. We belong to the earth."
from Vue du ciel (in French)

"Leave scepticism to others and take action"
from HOME by Goodplanet

An inconvenient truth by Al Gore
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
waymon
post Jul 24 2010, 10:46 AM
Post #4





Group: Members
Posts: 4
Joined: 23-July 10
Member No.: 12,360



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


And here is the site: kaymark1.tumblr.com
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Jul 24 2010, 12:52 PM
Post #5


WDG Member
********

Group: Root Admin
Posts: 7,987
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



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.)


--------------------
Darin McGrew
WDG Member since 1998
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jul 24 2010, 01:57 PM
Post #6


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 14,925
Joined: 9-August 06
Member No.: 6



I get a blank page.


--------------------
"Never go to excess, but let moderation be your guide."
- Cicero

IPB Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
waymon
post Jul 24 2010, 03:06 PM
Post #7





Group: Members
Posts: 4
Joined: 23-July 10
Member No.: 12,360



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jul 24 2010, 04:01 PM
Post #8


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 14,925
Joined: 9-August 06
Member No.: 6



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_l61fgcoS...zrd9eo1_400.png


--------------------
"Never go to excess, but let moderation be your guide."
- Cicero

IPB Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
waymon
post Jul 24 2010, 05:13 PM
Post #9





Group: Members
Posts: 4
Joined: 23-July 10
Member No.: 12,360



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_l61fgcoS...zrd9eo1_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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jul 24 2010, 05:16 PM
Post #10


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 14,925
Joined: 9-August 06
Member No.: 6



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


--------------------
"Never go to excess, but let moderation be your guide."
- Cicero

IPB Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
dollbones
post Sep 1 2010, 12:45 PM
Post #11





Group: Members
Posts: 1
Joined: 1-September 10
Member No.: 12,639



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
leslieawood
post Mar 15 2011, 10:30 PM
Post #12





Group: Members
Posts: 2
Joined: 15-March 11
Member No.: 14,140



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
monoclebunny
post Mar 16 2011, 02:35 AM
Post #13


Member
***

Group: Members
Posts: 35
Joined: 1-March 11
Member No.: 14,015



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.


--------------------
"Tumblr lets you effortlessly share anything." ... as long as you don't touch the coding.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
leslieawood
post Mar 16 2011, 08:02 PM
Post #14





Group: Members
Posts: 2
Joined: 15-March 11
Member No.: 14,140



So i need to have both {PhotoURL-400} and {PhotoURL-Highres}?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
monoclebunny
post Mar 17 2011, 12:36 AM
Post #15


Member
***

Group: Members
Posts: 35
Joined: 1-March 11
Member No.: 14,015



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.


--------------------
"Tumblr lets you effortlessly share anything." ... as long as you don't touch the coding.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
troughmyheartbeat
post Dec 7 2011, 03:48 AM
Post #16





Group: Members
Posts: 1
Joined: 7-December 11
Member No.: 16,014



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...0.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>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Dec 7 2011, 08:10 AM
Post #17


Programming Fanatic
********

Group: Members
Posts: 4,128
Joined: 23-August 06
From: Europe
Member No.: 9



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.


--------------------
"The earth does not belong to us. We belong to the earth."
from Vue du ciel (in French)

"Leave scepticism to others and take action"
from HOME by Goodplanet

An inconvenient truth by Al Gore
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
kirillywhat
post Feb 21 2012, 08:48 PM
Post #18


Newbie
*

Group: Members
Posts: 19
Joined: 21-February 12
Member No.: 16,544



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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 21st April 2014 - 04:36 AM