tumblr theme, theme cutting off pictures |
tumblr theme, theme cutting off pictures |
bbasileox |
Jul 25 2012, 02:53 PM
Post
#1
|
Group: Members Posts: 1 Joined: 25-July 12 Member No.: 17,495 |
hey (:
i need help with my tumblr theme it keeps cutting off my pictures and videos. i would greatly appreciate it if you would help me by telling me what to fix and everything. thank you so much!! <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <!-- Neglectings Theme Creator: Kelsey @ http://www.atonals.tumblr.com This text should never be deleted, nor should the credit link placed in the theme code. --> <title>{Title}</title> <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:header" content="#ffffff"/> <meta name="color:center" content="#ffffff"/> <meta name="if:three columns" content="0" /> <meta name="if:two columns with more space" content="0" /> <meta name="if:image opacity" content="0" /> <meta name="if:show captions" content="0"/> <meta name="if:endless scroll" content="0" /> <meta name="text:blogtitle size" content="11" /> <meta name="text:post font size" content="9" /> <meta name="font:body" content="Baskerville" /> <meta name="font:blogtitle" content="Cursive" /> <meta name="font:nav links" content="Baskerville" /> <meta name="color:line" content="#dddddd"/> <style type="text/css"> iframe#tumblr_controls { top: 0% !important; right:0% !important; position: absolute !important;} body {font-size:{text:post font size}px;margin:auto; color:{color:text}; width:540px;{block:ifthreecolumns}width:800px;{/block:ifthreecolumns} {block:iftwocolumnswithmorespace}width:580px;{/block:iftwocolumnswithmorespace}font-family:{font:body};background-color:{color:background}; line-height:15px;} a {color: {color:Links};text-decoration: none;}a:hover {color: {color:Hover};-webkit-transition-duration: .5s;{block:permalinkpage}540px{/block:permalinkpage};} iframe#ask_form {width:540px!important;} .content {margin:auto; padding-top:80px;background-color: {color:center}; width:{block:indexpage}540px{block:ifthreecolumns}width:800px;{/block:ifthreecolumns}{block:iftwocolumnswithmorespace}width:480px;{/block:iftwocolumnswithmorespace}{/block:indexpage} {block:permalinkpage}540px{/block:permalinkpage}; } .post{ {block:indexpage}width:250px;margin:8px;{block:iftwocolumnswithmorespace}margin: 10px;padding:10px;{/block:iftwocolumnswithmorespace}{block:ifthreecolumns}margin:8px;width:250px;{/block:ifthreecolumns}{/block:indexpage}font-size:{text:post font size}px;font-color:{color:text};{/block:indexpage}{block:permalinkpage}width:540px;{/block:permalinkpage} float:left; position:relative; } .post img {{block:indexpage}width:250px;{/block:indexpage}} .audio {background-color:#000000;width:250px;{block:ifthreecolumns} width:250px;{/block:ifthreecolumns}} {block:ifimageopacity} img{ -webkit-transition: opacity 0.3s linear; opacity: 1; } {/block:ifimageopacity} {block:ifimageopacity} img:hover{ -webkit-transition: opacity 0.3s linear; opacity: .8; } {/block:ifimageopacity} f.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;} .notetitle {padding-top:10px;padding-left:14px;text-transform:uppercase;padding-bottom:10px;} .notes {margin-top:-4px; margin-bottom:25px; padding-left:15px;width:500px;} ol.notes {list-style-type:none;} ol.notes li.note {padding:2px;} .information {font-size:{text:post font size}px;padding:3px;border:1px solid {color:line};color:{color:text};font-family:{font:body}; line-height:15px;-webkit-transition: opacity 0.3s linear; opacity: .6;position:fixed;margin-left:600px;{block:ifthreecolumns}margin-left:820px;{/block:ifthreecolumns}{block:iftwocolumnswithmorespace}margin-left:650px;{/block:iftwocolumnswithmorespace}width:200px;bottom:40px;background-color:{color:background}; } .information:hover{-webkit-transition: opacity 0.3s linear; opacity: 1; } .links {font-size:9px;text-align:center;font-family:{font:nav links};line-height:19px;} .caption {margin-top:5px; margin-bottom:10px;} .header {margin:auto; position:fixed; width:540px;{block:ifthreecolumns}width:800px;{/block:ifthreecolumns}{block:iftwocolumnswithmorespace}width:580px;{/block:iftwocolumnswithmorespace}background-color:{color:header};z-index:1000;padding-bottom:25px;{block:permalinkpage}540px{/block:permalinkpage};} .title {font-size:11px;text-transform:uppercase;} .blogtitle {border-bottom:1px solid {color:line};text-align:center;padding-top:25px;padding-bottom:5px;font-size:{text:blogtitle size}px;font-family:{font:blogtitle};line-height:9px; } .border {padding:3px;border:1px solid {color:line};} .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;} #infscr-loading {display:none;} .navigation{{block:ifendlessscroll}display:none;{/ block:ifendlessscroll}{block:ifnotendlessscroll}position:fixed;bottom:0px;backgr ound-color: {color:center};width:540px;{block:ifthreecolumns}width:800px;{/block:ifthreecolumns}{block:iftwocolumnswithmorespace}width:580px;{/block:iftwocolumnswithmorespace}z-index:1000;{/block:ifnotendlessscroll}} {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> {block:ifendlessscroll}<script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>{/block:ifendlessscroll} <script type="text/javascript"> $(window).load(function () { $('.content').masonry(), $('.masonryWrap').infinitescroll({ navSelector : ".navigation", nextSelector : ".navigation a#next", itemSelector : ".post", bufferPx : 10000, extraScrollPx: 10000, loadingImg : "http://static.tumblr.com/ry7nsix/S4Klhms7s/load.gif", loadingText : "<em></em>", }, 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> {block:ContentSource} <!— {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt=”{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} —> {/block:ContentSource} {block:RebloggedFrom}<div style="display:none">{ReblogParentName}</div>{/block:RebloggedFrom} <div class="header"><div class="blogtitle"><a href="/">{Title}</a> </div> <div class="links"> <a href="/ask" class="border">ask</a> {block:HasPages}{block:Pages}<a href="{URL}" class="border">{Label}</a> {/block:Pages}{/block:HasPages}<a href="http://atonals.tumblr.com" class="border">theme</a></div> <div class="information">{description}</div></div></div></div></div> <div class="navigation">{block:Pagination}{block:NextPage}<p id="page_nav"><a href="{NextPage}" id="next">Older</a>{/block:NextPage}{block:PreviousPage}<a href="{PreviousPage}"> / Newer</a></p>{/block:PreviousPage}{/block:Pagination}</div></div> <div class="content"> {block:Posts} {block:Text} <div class="post"> {block:Title}<div class="title">{Title}</div>{/block:Title} {Body} {block:IndexPage}<div class="permalink"><a href="{Permalink}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a></div> </div>{/block:IndexPage} {/block:Text} {block:Photo} <div class="post"> {block:IndexPage} <a href="{Permalink}"> <img src="{PhotoURL-400}" alt="{PhotoAlt}" /> {block:ifshowcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifshowcaptions}{/block:IndexPage}</a> {block:PermalinkPage} <img src="{PhotoURL-400}" alt="{PhotoAlt}" width="490"/> {/block:PermalinkPage} </div> {/block:Photo} {block:Photoset} <div class="post"> <div style="width:200px; {block:ifbiggerentry}width:270px;{/block:ifbiggerentry} height:auto; overflow:hidden;">{Photoset-400}</div> {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifshowcaptions} </div> {/block:Photoset} {block:Quote} <div class="post"> "{Quote}"{block:Source}<br>written by <i>{Source}</i>{/block:Source} {block:IndexPage}<div class="permalink"><a href="{Permalink}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a></div>{/block:IndexPage}</div> {/block:Quote} {block:Link} <div class="post"> <div class="title"><a href="{URL}">{Name}</a></div> {block:Description}{Description}{/block:Description} {block:IndexPage}<div class="permalink"><a href="{Permalink}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</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}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a></div> {/block:IndexPage} </div> {/block:Chat} {block:Video} <div class="post"> <div style="width:200px; {block:ifbiggerentry}width:270px;{/block:ifbiggerentry} height:auto; overflow:hidden;">{Video-250}</div> {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifshowcaptions} </div>{/block:Video} {block:Audio} <div class="post"> <div class="audio"> {AudioPlayerBlack}</div> {Caption} {block:IndexPage}<div class="permalink"><a href="{Permalink}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a> </div>{/block:IndexPage} </div> {/block:Audio} {block:PermalinkPage} <div class="notetitle">{block:caption}{Caption}{/block:caption} Posted {TimeAgo} with {NoteCount} Notes {block:HasTags}{block:Tags}<br><a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div> <div class="notes"> {block:PostNotes}{PostNotes}{/block:PostNotes}</div> {/block:PermalinkPage} {/block:Posts} </div> </div> </div> </body> |
Lo-Fi Version | Time is now: 28th March 2024 - 11:37 AM |