The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> tumblr theme, theme cutting off pictures
bbasileox
post 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>


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: 28th March 2024 - 11:37 AM