The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Help resizing images/columns on tumblr theme
chlohap
post Apr 3 2012, 10:26 PM
Post #1





Group: Members
Posts: 1
Joined: 3-April 12
Member No.: 16,842



Hi! I recently changed my tumblr theme and I just can't figure out how to change the width of my images... they are too small and I would like to make them bigger. I know I probably have to modify something for the photo code and the column code but I don't know what! Help!

Here's my link: http://fvckchloe.tumblr.com/

Here's the code:
CODE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<!-- Solitary theme by Kelsey //
atonals.tumblr.com DO NOT delete credits -->

<title>{Title}</title>
<link href='http://fonts.googleapis.com/css?family=Raleway:100&v1' rel='stylesheet' type='text/css'>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}

<meta name="color:Text" content="#000000"/>
<meta name="color:Links" content="#000000"/>
<meta name="color:Hover" content="#dddddd"/>
<meta name="color:Background" content="#ffffff"/>
<meta name="color:Posts background" content="#ffffff"/>
<meta name="color:Sidebar" content="#ffffff"/>
<meta name="if:Show captions" content="0"/>
<meta name="if:three columns" content="0" />
<meta name="if:show icon photo" content="1" />
<meta name="text:blogtitle size" content="11" />
<meta name="text:post font size" content="9" />
<meta name="text:navigation size" content="9" />
<meta name="font:body" content="Baskerville" />
<meta name="font:title" content="Baskerville" />


<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>

<script>
$(document).ready(function(){
$(".notes").hide();
$(".list").click(function(){
$('.notes').slideToggle("slow");
return true;
});
});
</script>

<style type="text/css">

iframe#tumblr_controls {
top: 0% !important;
right:0% !important;
position: absolute !important;}

body {margin:auto; width:635px;{block:ifthreecolumns}width:800px;{/block:ifthreecolumns} text-align:left; font-family:{font:body}; font-size:9px; color:{color:text}; background-color:{color:background}; line-height:9px;}

.content {margin:auto;background-color: {color:posts background};width:635px;{block:ifthreecolumns}width:800px;{/block:ifthreecolumns} float:left;margin-bottom:100px;}
a {color: {color:Links};text-decoration: none;}

a {color: {color:Links};text-decoration: none;}a:hover {color: {color:Hover};-webkit-transition-duration: .5s;}
.caption {margin-top:5px; margin-bottom:10px;}

.post{
{block:indexpage}width:300px; {block:ifthreecolumns}margin:5px;width:250px;{/block:ifthreecolumns}{/block:indexpage}{block:permalinkpage}width:540px{/block:permalinkpage} float:left; position:relative; margin:8px;font-size:{text:post font size}px;}

.post img {{block:indexpage}width:300px; {block:ifthreecolumns}width:250px;{/block:ifthreecolumns}{/block:indexpage}}

.information { padding-left:5px;font-size:9px; font-family:{font:body};line-height:9px;padding-top:5px;width:105px;
}

.links {font-family:{font:links}; font-size:9px;line-height:10px;padding-left:5px;}

.side {position:fixed;margin-left:650px;padding-top:300px;height:100%;
width:250px;
background-color:{color:sidebar};{block:ifthreecolumns} margin-left:815px;{/block:ifthreecolumns}}

.source {font-family:arial;font-size:11px;color:#DADADA;}
.blogtitle {text-align:left;padding-top:25px;font-size:{text:blogtitle size}px;line-height:9px;padding-left:5px;
cursor:auto;font-family:{font:title};}

#icon {background-image:url({PortraitURL-64});margin-left:5px;-moz-border-radius: 64px; -webkit-border-radius: 64px; height: 64px; width: 64px;}

.permalink {margin:0px; text-align:right; padding:0px; opacity:0;-moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.permalink a:hover{
color:{color:Hover}
}

.post:hover .permalink {opacity: 1;}
.posted {font-size:9px;}
.notes{ margin:left;width:300px;font-size:9px;color:#000;text-align:left;}
.viewnotes{ margin-top:10px;font-size:9px;color:#000;text-align:left;
}

ol.notes {padding-left:5px; list-style-type:none;}
ol.notes li.note {padding:2px;}

.audio {background-color:#000000;width:300px;{block:ifthreecolumns} width:250px;{/block:ifthreecolumns}}

.ptitle {font-size:11px;text-transform:uppercase;}

.tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
#infscr-loading {display:none;}
.navigation{display:none;}

{CustomCSS}
</style>


<script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>


{block:IndexPage}
<script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
<script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>

<script type="text/javascript">
$(window).load(function () {
$('.content').masonry(),
$('.masonryWrap').infinitescroll({
navSelector : "div.navigation",
// selector for the paged navigation (it will be hidden)
nextSelector : ".navigation a#next",
// selector for the NEXT link (to page 2)
itemSelector : ".post",
// selector for all items you'll retrieve
bufferPx : 10000,
extraScrollPx: 10000,
loadingImg : "",
loadingText : "",
},
// call masonry as a callback.
function() { $('.content').masonry({ appendedContent: $(this) }); }
);
});
</script>
{/block:IndexPage}

<script type="text/javascript" src="http://static.tumblr.com/twte3d7/BH7lio0yf/jquery.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
<script type="text/javascript" charset="utf-8">
var $j = jQuery.noConflict();
$j(function() {
if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
$j("img").lazyload({
placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
effect: "fadeIn",
});
});
</script>

</head>
<body>



<div align="left">
<div class="side"><div class="links">
<div class="blogtitle"><a href="/">{Title}</a></div>
<div class="links"><a href="/ask">message</a><br>{block:HasPages}{block:Pages}<a href="{URL}">{Label}</a><br>{/block:Pages}{/block:HasPages}<a href="/tagged/me">/tagged/me</a><br>
</div><div class="information">{description}</div>
<br>{block:ifshowiconphoto}<div align="left"><div id="icon"></div></div>{/block:ifshowiconphoto}<br>

</div></div></div></div></div>


{block:indexpage}<div class="navigation">{block:Pagination}{block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older</a>{/block:NextPage}{block:PreviousPage}<a style="float:left" href="{PreviousPage}">Newer</a></p>{/block:PreviousPage}{/block:Pagination}</div>{/block:indexpage}</div>

<div class="content">
{block:Posts}


{block:Text}
<div class="post"><div class="text">{block:Title}<div class="ptitle">{Title}</div>{/block:Title}{Body}{block:IndexPage}<div class="permalink"><a href="{Permalink}">{24Hour}:{Minutes}{AmPm}<br>{MonthNumber}/{DayOfMonth}/{ShortYear}</a></div></div></div>{/block:IndexPage}{/block:Text}


{block:Photo}<div class="post">{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}<img src="{block:IndexPage}{PhotoURL-500}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" {block:indexpage}width="250px"{block:indexpage} {block:PermalinkPage}width="400px"/>{/block:PermalinkPage}{block:IndexPage}</a>{/block:IndexPage}{block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}{block:ifshowcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifshowcaptions}</div>{/block:Photo}



{block:Photoset}
<div class="post"><div class="photoset">
<div style="width:300px; {block:ifthreecolumns}width:250px;{/block:ifthreecolumns} height:auto; overflow:hidden;">{Photoset-500}</div>
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
</div></div>{/block:Photoset}


{block:Quote}
<div class="post">{Quote}{block:Source}<div class="source"><a href="{Permalink}">by {Source}</a>{/block:Source}</div></div>
{/block:Quote}

{block:Link}
<div class="post">
<div class="ptitle"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
{block:IndexPage}<div class="permalink"><a href="{Permalink}">{24Hour}:{Minutes}{AmPm}<br>{MonthNumber}/{DayOfMonth}/{ShortYear}</a></div>{/block:IndexPage}
</div>
{/block:Link}

{block:Chat}
<div class="post">{block:Title}<b>{Title}</b>{/block:Title}
{block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}{block:IndexPage}<div class="permalink"><a href="{Permalink}">{24Hour}:{Minutes}{AmPm}<br>{MonthNumber}/{DayOfMonth}/{ShortYear}</a></div>{/block:IndexPage}
</div>
{/block:Chat}

{block:Video}
<div class="post"><div class="video">{Video-250}
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div></div>{/block:Video}

{block:Audio}
<div class="post">
<div class="audio">
{AudioPlayerBlack}</div>{Caption}
{block:PermalinkPage}{/block:PermalinkPage}
{block:IndexPage}<div class="permalink"><a href="{Permalink}">{24Hour}:{Minutes}{AmPm}<br>{MonthNumber}/{DayOfMonth}/{ShortYear}</a></div>{/block:IndexPage}
</div>
{/block:Audio}

{block:Answer}
<div class="post">
<i>{Question}</i><div class="source">by {Asker}</div><div class="answer">
{Answer}</div>
{block:PermalinkPage}{/block:PermalinkPage}{block:IndexPage}<div class="permalink"><a href="{Permalink}">{24Hour}:{Minutes}{AmPm}<br>{MonthNumber}/{DayOfMonth}/{ShortYear}</a></div>{/block:IndexPage}</div>
{/block:Answer}


{block:PermalinkPage}
<div class="caption">{Caption}</div>
{block:Date}Posted {TimeAgo} with {NoteCountWithLabel}{/block:Date}{block:HasTags}<br>Tagged as:&nbsp;{block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}
{/block:HasTags}
{block:PostNotes}<br><div class="list">View Notes</div>{/block:PostNotes}
<div class="notes">
{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}

{/block:Posts}



</div>
</div>
</div>
</div>
</div>
</div>
<!-- Start of StatCounter Code for Tumblr -->
<script type="text/javascript">
var sc_project=7509044;
var sc_invisible=0;
var sc_security="51ab7e9d";
</script>
<script type="text/javascript"
src="http://www.statcounter.com/counter/counter.js"></script>
<noscript><div class="statcounter"><a title="stat tracker
for tumblr" href="http://statcounter.com/tumblr/"
target="_blank"><img class="statcounter"
src="http://c.statcounter.com/7509044/0/51ab7e9d/0/"
alt="stat tracker for tumblr"></a></div></noscript>
<!-- End of StatCounter Code for Tumblr -->
</body>
</html>

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: 31st October 2014 - 10:40 AM