Help resizing images/columns on tumblr theme |
Help resizing images/columns on tumblr theme |
chlohap |
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: {block:Tags}<a href="{TagURL}">{Tag}</a> {/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> |
Lo-Fi Version | Time is now: 23rd April 2024 - 04:37 PM |