How do you increase the image size on your tumblr posts, i am wonder how you make your tumblr pictures bigger |
How do you increase the image size on your tumblr posts, i am wonder how you make your tumblr pictures bigger |
aslen454 |
Feb 12 2012, 08:06 PM
Post
#1
|
Group: Members Posts: 3 Joined: 12-February 12 Member No.: 16,461 |
hi, i recently decided to change my tumblr theme, but i can seem to firgure out how to make the picture sizes bigger than what they are now. On my previous theme, they were a good size but on this new one, i feel as thoiught they are to small.
I appreciate any help i can get TY! here is my URl................ http://food-nd-liquor.tumblr.com/ and my HTML is........ <!DOCTYPE html PUBLIC> <!----- Le-*beep* V.2 Theme by Itziar Damborenea, 2011. ExcellencƎ. Please respect the credit of the Theme. ------> <html lang="en"> <head> <title>{Title}</title> <meta name="font:Body" content="Century Gothic"/> <meta name="color:Background" content="#e6e6e6"/> <meta name="color:Text" content="#363636"/> <meta name="color:Link" content="#5c5c5c"/> <meta name="color:Hover" content="#FFF"/> <meta name="color:Sidebar" content="#FFF"/> <meta name="image:Background" content=""/> <meta name="image:Sidebar" content=""/> <meta name="if:Reblog Link On Hover" content="1"/> <meta name="if:Faded Images" content="0"/> <meta name="if:Inverted Fade" content="0"/> <meta name="if:Post Shadows" content="1"/> <meta name="if:Show sidebar image" content="0"/> <meta name="if:Show Title" content="1"/> <meta name="if:Show Description" content="1"/> <meta name="if:Blog Title Shadows" content="1"/> <meta name="if:Normal Attached Sidebar Border" content="0"/> <meta name="if:Normal Sidebar Shadow" content="0"/> <meta name="if:Ask Box in Sidebar" content="0"> <meta name="if:Transparent Sidebar" content="1"/> <meta name="if:Sidebar Attached" content="0"/> <meta name="if:Show Home Link" content="1"> <meta name="if:Show Message Link" content="1"> <meta name="if:Show Submit" content="1"/> <meta name="if:Show Archive Link" content="1"> <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="" /> <meta name="text:link Five" content="" /> <meta name="text:link Five Title" content="" /> <meta name="text:link Six" content="" /> <meta name="text:link Six Title" content="" /> <link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css"> <style type="text/css"> body{ margin:0px; background-color: {color:Background}; background-image:url({image:Background}); background-attachment: fixed; background-repeat: repeat; font-size: 9px; font-family:{font:Body}; line-height:11px; color:{color:Text}; } a:link, a:active, a:visited{ color: {color:Link}; text-decoration: none; -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out; } a:hover{ color:{color:Hover}; text-decoration: none; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out; } .sidelink{font-style:italic; font-family: Trebuchet MS; font-color: {color:Text}; text-align: left; padding-left:5px; font-size:9px; display:block; margin:-5px;width:auto; -webkit-transition: all 1.5s linear; -moz-transition: all 1.5s linear; transition: all 1.5s linear;} .sidelink:hover{background-color:rgba(0,0,0,0); style: italic; color:{color:Hover}; padding-left:5px; margin:-5px;width:auto; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;} .sidelink a:hover{color: {color:Link}; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;} #post{width:330px; height:auto;} {block:PermalinkPage}float: left; right: 500; margin-right:153px; width: 700px;{/block:PermalinkPage} } #sidee{ padding-top:3px; padding-bottom:3px; position:fixed !important; width:500px; height:300px; {block:ifshowbox} background-color:{color:Post Box}; {/block:ifshowbox} {block:PermalinkPage} width:500px; height:207px; {/block:PermalinkPage} } #side{ {block:IfNotSidebarAttached} z-index:999999999999999; position:absolute !important; position:fixed !important; top:100px; left: 40px; width:220px; {block:IfNotTransparentSidebar} background-color: {color:Sidebar}; {/block:IfNotTransparentSidebar} {block:IfTransparentSidebar} background-color: transparent; {/block:IfTransparentSidebar} {block:IfNormalAttachedSidebarBorder} border:1px solid black; {/block:IfNormalAttachedSidebarBorder} {block:IfNormalSidebarShadow} -moz-box-shadow: 5px 5px 8px rgba(0,0,0,0.35); -webkit-box-shadow: 5px 5px 8px rgba(0,0,0,0.35); box-shadow: 5px 5px 8px 2px rgba(0,0,0,0.35); {/block:IfNormalSidebarShadow} {/block:IfNotSidebarAttached} {block:IfSidebarAttached} {block:IfNormalAttachedSidebarBorder} border-right:1px dotted black; {/block:IfNormalAttachedSidebarBorder} position:fixed !important; width:220px; height:100%; margin-top:-15px; margin-left:-217px; padding:2px; {block:IfNotTransparentSidebar} background-color: {color:Sidebar}; {/block:IfNotTransparentSidebar} {block:IfTransparentSidebar} background-color: transparent; {/block:IfTransparentSidebar} z-index:10; overflow:hidden; {/block:IfSidebarAttached} } #content{ margin:auto; left:200px; top:0px; padding-top:15px; padding-left:117px; position:absolute; {block:indexpage} width:880px; {/block:indexpage} {block:permalinkpage} width:1080px; left:-50px; {/block:permalinkpage} overflow:auto; overflow-y:auto; } #posts{ float:left; {block:indexpage} width:1000px; {/block:indexpage} {block:permalinkpage} width:1000px; {/block:permalinkpage} {block:IfNotSidebarAttached} margin-left:68px; {/block:IfNotSidebarAttached} {block:IfSidebarAttached} margin-left:30px; {/block:IfSidebarAttached} } #entry{ z-index:9999; float: right;width: 330px;height: auto; padding: 4px; {block:IfPostShadows}-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, .3); -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, .3); box-shadow: 0px 0px 12px rgba(0, 0, 0, .3);{/block:IfPostShadows} {block:PermalinkPage} width: 500px; {/block:PermalinkPage} right:500px; line-height:8px; padding:2px; margin-right:10px; overflow:hidden; margin-bottom:10px; } #permapage{ font-family: Trebuchet MS; font-size: 9px; text-align: left; padding-bottom:10px; margin-bottom: 8px; z-index:9999;} #notes{ {block:permalinkpage} display:block; width:700px; left:-50px; float: left; padding:10px; overflow:visible; z-index:9999999; margin-top: 10px; {block:IfPostShadows}-webkit-box-shadow:0px 0px 12px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 12px rgba(0,0,0,0.3); box-shadow: 0px 0px 12px rgba(0,0,0,0.3);{/block:IfPostShadows} {block:IfNotPostShadows}-webkit-box-shadow:0px 0px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.4); box-shadow: 0px 0px 0px rgba(0,0,0,0.4);{/block:IfNotPostShadows} outline:1px solid rgba(0, 0, 0, .1); border:2px solid rgba(0, 0, 0, .05); text-align: left;{/block:permalinkpage} } iframe#tumblr_controls{position:fixed !important; } .title{ font-family: Trebuchet MS; font-size: 13px; line-height: 12px; color: {color:Title}; font-weight: normal; letter-spacing: 0px; -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out; } .blogtitle { /*graficos by Mer*/ font-family: 'Lobster'; font-style:none; font-size:30px; color:#5E5E5E; line-height:61px; -webkit-transition: 0.5s ease-in; -webkit-text-stroke: 1px transparent; line-height:56px; text-align:center; text-decoration:none; letter-spacing:-2px; text-transform:normal; text-align:center; width:100%; background-color:transparent; {block:IfBlogTitleShadows} text-shadow: 1px 1px 0px; rgba(255,255,255,0.4); text-shadow: 0px 1px 0px #999, 0px 1px 0px #888, 0px 2px 0px #777, 0px 3px 0px #666, 0px 4px 0px #555, 0px 5px 0px #444, 0px 6px 0px #333, 0px 7px 6px #001135; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; {/block:IfBlogTitleShadows} } .blogtitle:hover{ text-shadow:0px 0px 7px rgba(0,0,0,0.5); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; color:#fff; } .title:hover{ color:{color:Hover}; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out; } {block:ifReblogLinkOnHover} #entry:hover #reblog{ {block:IndexPage} margin-left:300px; margin-top:8px; opacity:1;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out; {/block:IndexPage} } #reblog{ width:300px; float:left; margin-left:300px; margin-top:0px; position:absolute;opacity:0;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} {/block:ifReblogLinkOnHover} blockquote{ padding:0px 0px 2px 3px; margin:0px 0px 2px 1px; } ul, ol, li{ list-style:none; margin:0px; 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 {color:{color:Title}; } a.links { font-family: Arial; font-size: 10px; line-height: 9px; text-transform: normal; letter-spacing:0px; display:block; padding: 0px; margin-bottom: 0px; -moz-border-radius:0px; border-radius:0px; } #le-excellencethemes{ position:fixed !important; width:auto; height:auto; right:3px; top:26px; } a.links:hover { font-style: italic; text-decoration: underline; letter-spacing:10px; } {block:ifFadedImages}img{-webkit-transition: opacity 0.8s linear; opacity: 0.75;}img:hover{-webkit-transition: opacity 0.8s linear; opacity: 1;} {/block:ifFadedImages} {block:ifInvertedFade}img{-webkit-transition: opacity 0.7s linear; opacity: 50;}img:hover{-webkit-transition: opacity 0.2s linear; opacity: .60;} {/block:ifInvertedFade} .top:hover{ -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px rgba(0,0,0,0.2);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;} </style> <link rel="shortcut icon" href="{Favicon}"> <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /> <meta name="viewport" content="width=720" /> </head> <body> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <link rel="shortcut icon" href="{Favicon}"> <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /> <meta name="viewport" content="width=720" /> <div id="sidee"> <div id="content"> <div id="side"> <div id="le-excellencethemes"> <a href="http://themesbydama.tumblr.com/"><img src="http://static.tumblr.com/thpaaos/dHHkt0jor/install_theme.png"></a> </div> {block:ifShowTitle}<div class="blogtitle"><a href="/">{Title}</a></div> {/block:ifShowTitle} <div style="padding:2px;"> {block:ifShowsidebarimage} <div style="padding-top:0px; padding-bottom:3px;"> <div align="center"> <a href="/"> <span style="position: relative;"> <img src="{image:sidebar}" width=200 style=" border:0px solid; border-color:#000000;" /></span></div> </div> </a> {/block:ifShowsidebarimage} <center> {block:ifshowdescription}{description}{/block:ifshowdescription} </center> <center>{block:ifshowhomelink}<a href="/">home</a> {/block:ifshowhomelink} {block:IfNotAskBoxinSidebar}<a href="/ask">message</a> {/block:IfNotAskBoxinSidebar} {block:IfShowSubmit}<a href="/submit">submit</a> {/block:IfShowSubmit} {block:ifshowarchivelink}<a href="/Archive">archive</a> {/block:ifshowarchivelink} {block:ifLinkOneTitle} <a href="{text:Link One}" class="link">{text:Link One Title}</a> {/block:ifLinkOneTitle} {block:ifLinkTwoTitle} <a href="{text:Link Two}" class="link">{text:Link Two Title}</a> {/block:ifLinkTwoTitle} {block:ifLinkThreeTitle} <a href="{text:Link Three}" class="link">{text:Link Three Title}</a> {/block:ifLinkThreeTitle} {block:ifLinkFourTitle} <a href="{text:Link Four}" class="link">{text:Link Four Title}</a> {/block:ifLinkFourTitle} {block:ifLinkFiveTitle} <a href="{text:Link Five}" class="link">{text:Link Five Title} </a> {/block:ifLinkFiveTitle} {block:ifLinkSixTitle} <a href="{text:Link Six}" class="link">{text:Link Six Title} </a> {/block:ifLinkSixTitle} {block:IfAskBoxinSidebar} <p><iframe frameborder="0" scrolling="no" width="100%" height="auto" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe> <!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p> {/block:IfAskBoxinSidebar} </center> <div id="pages"> <div align="center"> {block:ifNotInfiniteScroll}{block:PreviousPage}<a class="jump_page" href="{PreviousPage}">«</a>{/block:PreviousPage} {block:JumpPagination length="5"} {block:CurrentPage}<span class="current_page"><i>{PageNumber}</i></span>{/block:CurrentPage} {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage} {/block:JumpPagination} {block:NextPage}<a class="jump_page" href="{NextPage}">»</a>{/block:NextPage}{/block:ifNotInfiniteScroll} </div></div> </div></div> <div align="center"> <div id="posts"> {block:Posts} <div id="entry"> {block:Photo} {block:IndexPage} {block:ifReblogLinkOnHover} <div id="reblog"><a href="{ReblogURL}" target="_blank" title="Reblog"><img src="http://static.tumblr.com/tak5d5w/OBnlsu9qa/c0zyreblogbutton.png" width="22px"/></a></div> {/block:ifReblogLinkOnHover} <a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=330px/></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=500px/>{/block:PermalinkPage}{/block:Photo} {block:Text}<div style="padding-top:15px; padding-bottom:10px; padding-left:10px; padding-right:10px;"> {block:Title} <a href="{permalink}"><span class="title">{Title}</span></a> {/block:Title} <span class="entrytext" style="line-height:12px;">{Body}</span> <a href="{Permalink}"></a></div> {block:IndexPage}<div class="otherpostsnotes"> <div align="right"><a href="{Permalink}">+</a></div> {/block:Date}</div>{/block:IndexPage} {/block:Text} {block:Link} <a href="{URL}" class="title">{Name}</a> {block:Description}{Description}{/block:Description} {block:ifShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaptions} {block:BlogDescription}<span class="entrytext" style="line-height:12px;">{Description}</span>{/block:BlogDescription}</a> {block:Caption}<a href="{URL}">{Caption}</a>{/block:Caption}<div style="padding-top:0px; padding-bottom:3px;"></a></div> {block:IndexPage}<div class="otherpostsnotes"> <div align="right"><a href="{Permalink}">+</a></div> {/block:Date}</div>{/block:IndexPage} {/block:Link} {block:Quote} <div style="padding-top:10px; padding-bottom:10px;"> <span class="title" style="line-height:16px; ">"{Quote}"</span><br><br> <div style="text-align: right; padding-right:10px;">{block:Source} -{Source} {/block:Source}</a></div>{block:IndexPage}<div class="otherpostsnotes"> <br> {/block:Date}</div>{/block:IndexPage} </div> <div align="right"><a href="{Permalink}">+</a></div> {/block:Quote} {block:Chat} <div style="padding-top:15px; padding-bottom:10px;"> <a href="{permalink}">{block:Title}<span class="title">{Title}</span>{/block:Title}</a> <ul class="chat"> {block:Lines} <li class="user_{UserNumber}"> {block:Label} <span class="label" style="line-height:12px;">{Label}</span> {/block:Label} {Line} </li> {/block:Lines} </ul> {block:Caption}{Caption}{/block:Caption} {block:IndexPage}<div class="otherpostsnotes"> </div>{/block:IndexPage} </div> <div align="right"><a href="{Permalink}">+</a></div> {/block:Chat} {block:Audio} {block:AlbumArt}<a href="{permalink}"><img src="{AlbumArtURL}" width="48" height="48"></a> {/block:AlbumArt} <div class="player">{AudioPlayerWhite}</div> {block:Caption}{Caption}{/block:Caption} {block:IndexPage}<div class="otherpostsnotes"> <a href="{permalink}">{FormattedPlayCount} Plays</a> {/block:Date}</div>{/block:IndexPage} <div align="right"><a href="{Permalink}">+</a></div> {/block:Audio} {block:Video} <div style="padding-top:28px; padding-bottom:8px;"> {Video-250}</div> <div style="padding-bottom:5px;">{block:Caption}{Caption}{/block:Caption}</div> {block:IndexPage}<div class="otherpostsnotes"> {/block:Date}</div>{/block:IndexPage} <div align="right"><a href="{Permalink}">+</a></div> {/block:Video} {block:PermalinkPage} {block:Date}<div id="post" > <div class="permalink"> {block:Caption}{Caption}<div style="height:1px;background-color:black;opacity:0.1;width:100%;margin-top:5px;margin-bottom:10px;"></div>{/block:Caption} {block:NoteCount}<font color="{color:link}">{NoteCountWithLabel}</font><br>{/block:NoteCount} {block:RebloggedFrom} Via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br> Posted by: <a href="{ReblogRootURL}">{ReblogRootName}</a><br> {/block:RebloggedFrom} {block:Source}Source: {Source}<br>{/block:Source} <div style="height:1px;background-color:black;opacity:0.1;width:100%;margin-top:8px;margin-bottom:10px;"></div> </div></div>{/block:Date} <br><br> <div align="left"> {block:PostNotes} {PostNotes} {/block:PostNotes} </div> </div> {/block:PermalinkPage} </div> {/block:Posts} </div> </div> </div> </center> </div> </div> {block:indexpage} {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage} <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script> <script type="text/javascript"> $(window).load(function(){ var $wall = $('#posts'); $wall.imagesLoaded(function(){ $wall.masonry({ itemSelector: '#entry, #entry_photo', isAnimated : false }); }); $wall.infinitescroll({ navSelector : '#page-nav', nextSelector : '#page-nav a', itemSelector : '#entry, #entry_photo', bufferPx : 2000, debug : false, errorCallback: function() { $('#infscr-loading').fadeOut('normal'); }}, function( newElements ) { var $newElems = $( newElements ); $newElems.hide(); $newElems.imagesLoaded(function(){ $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} ); }); }); $('#content').show(500); }); </script> {/block:indexpage} </body> </html> |
Darin McGrew |
Feb 12 2012, 10:20 PM
Post
#2
|
WDG Member Group: Root Admin Posts: 8,365 Joined: 4-August 06 From: Mountain View, CA Member No.: 3 |
You're already using {PhotoURL-500} which is the widest image size supported by Tumblr.
|
aslen454 |
Feb 13 2012, 12:17 AM
Post
#3
|
Group: Members Posts: 3 Joined: 12-February 12 Member No.: 16,461 |
but then why do they look so small comapared to other pictures?
like these same pictures on my old theme were much bigger than they are on this new one |
emelvee |
Jan 4 2013, 02:50 PM
Post
#4
|
Group: Members Posts: 1 Joined: 4-January 13 Member No.: 18,372 |
I would highly recommend checking out this guy's theme: http://quitebig.tumblr.com/. When you install the theme (it's free, too!) your pictures are nice and big and beautiful. Extremely impressed!!! I know it's not HTML help but it is a super easy fix.
|
Lo-Fi Version | Time is now: 26th April 2024 - 08:00 PM |