The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> 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

Posts in this topic
aslen454   How do you increase the image size on your tumblr posts   Feb 12 2012, 08:06 PM
Darin McGrew   You're already using {PhotoURL-500} which is t...   Feb 12 2012, 10:20 PM
aslen454   but then why do they look so small comapared to ot...   Feb 13 2012, 12:17 AM
emelvee   I would highly recommend checking out this guy...   Jan 4 2013, 02:50 PM

« Next Oldest · Web Site Functionality · Next Newest »
 

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

 

Display Mode: Switch to: Standard · Switch to: Linear+ · Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 16th April 2024 - 04:50 AM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC