The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> How do you increase the image size on your tumblr posts, i am wonder how you make your tumblr pictures bigger
aslen454
post 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>&nbsp;&nbsp;{/block:ifshowhomelink}

{block:IfNotAskBoxinSidebar}<a href="/ask">message</a>&nbsp;&nbsp;{/block:IfNotAskBoxinSidebar}

{block:IfShowSubmit}<a href="/submit">submit</a>&nbsp;&nbsp;{/block:IfShowSubmit}

{block:ifshowarchivelink}<a href="/Archive">archive</a>&nbsp;&nbsp;{/block:ifshowarchivelink}

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

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

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

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

{block:ifLinkFiveTitle}
<a href="{text:Link Five}" class="link">{text:Link Five Title}&nbsp;&nbsp;</a>
{/block:ifLinkFiveTitle}

{block:ifLinkSixTitle}
<a href="{text:Link Six}" class="link">{text:Link Six Title}&nbsp;&nbsp;</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}">&laquo;</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}">&raquo;</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}&nbsp;Plays</a>
&nbsp;
{/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>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Feb 12 2012, 10:20 PM
Post #2


WDG Member
********

Group: Root Admin
Posts: 8,013
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.


--------------------
Darin McGrew
WDG Member since 1998
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
aslen454
post 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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
emelvee
post 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.
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: 1st October 2014 - 07:20 PM