The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> 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

Posts in this topic
waymon   Tumblr Photo Size   Jul 23 2010, 08:15 PM
pandy   Please link to the page with the photo in question...   Jul 23 2010, 09:21 PM
Frederiek   FYI, Smashingmagazine posted "A Complete Guid...   Jul 24 2010, 04:23 AM
waymon   #content { width: 720px...   Jul 24 2010, 10:46 AM
pandy   I get a blank page.   Jul 24 2010, 01:57 PM
Darin McGrew   AFAICS, the div#content element is 720px wide. And...   Jul 24 2010, 12:52 PM
waymon   AFAICS, the div#content element is 720px wide. An...   Jul 24 2010, 03:06 PM
pandy   No, they aren't (yes, thank you, I can see the...   Jul 24 2010, 04:01 PM
waymon   No, they aren't (yes, thank you, I can see th...   Jul 24 2010, 05:13 PM
pandy   Don't know. Maybe tumblr has a FAQ or somethin...   Jul 24 2010, 05:16 PM
dollbones   Don't know. Maybe tumblr has a FAQ or somethi...   Sep 1 2010, 12:45 PM
leslieawood   [quote name='pandy' post='49699' date='Jul 24 201...   Mar 15 2011, 10:30 PM
monoclebunny   you have nothing to tell tumblr to display the pho...   Mar 16 2011, 02:35 AM
leslieawood   So i need to have both {PhotoURL-400} and {PhotoUR...   Mar 16 2011, 08:02 PM
monoclebunny   So i need to have both {PhotoURL-400} and {PhotoU...   Mar 17 2011, 12:36 AM
troughmyheartbeat   I got the same problem, some of my pictures dont f...   Dec 7 2011, 03:48 AM
Frederiek   I see that for instance for a picture called ...   Dec 7 2011, 08:10 AM
kirillywhat   same problem here. changing the PhotoURL_500 to 40...   Feb 21 2012, 08:48 PM


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: 29th March 2024 - 09:17 AM