The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Tumblr Theme Problems, Only photos and video show...no text, audio, quotes, chats, or links s
wynnie
post Apr 13 2012, 09:44 PM
Post #1





Group: Members
Posts: 1
Joined: 13-April 12
Member No.: 16,911



Hi I'm currently using this theme for my tumblr and I am in love with it, but unfortunately, I can't seen to get it to show anything over than photos and videos. Can someone help me?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<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="image:Header" content=""/>
<meta name="text:Resume Link" content=""/>
<meta name="text:Blog Link" content=""/>
<meta name="text:Email Address" content=""/>
<meta name="text:Custom Image Thumbnail Height" content="167"/>
<meta name="color:Accent" content="#e20033"/>
<meta name="color:Text" content="#00000"/>
<meta name="color:Link" content="#333333"/>
<meta name="color:Background" content="#ffffff"/>
<meta name="color:Thumbnail Background" content="#000000"/>
<meta name="color:Hover Link Color" content="#ffffff"/>
<meta name="color:Borders" content="#000000"/>
<meta name="color:Small Borders" content="#cccccc"/>

<script type="text/javascript" src="http://matt.cc/tumblr/portfolio/infinitescroll.js"></script>

<script type="text/javascript" src="http://matt.cc/tumblr/portfolio/jquery-1.5.2.min.js"></script>



{block:PermalinkPage}

<script src="http://matt.cc/tumblr/portfolio/jquery.colorbox-min.js"></script>
<script type="text/javascript">
$(document).ready(function() {

$("a[rel='slideshow']").colorbox({photo:true});

});
</script>

{/block:PermalinkPage}


<link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>

<style type="text/css" media="screen">

body{
margin:0px;
padding:40px;
background:{color:Background};
font-family: 'Droid Sans', Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:{color:Text};
}

a{color:{color:Link};}

a:hover{
background:{color:Accent};
text-decoration:none;
color:{color:Hover Link Color};
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;}


h1{font-size:20px;
line-height:28px;
padding:0px 0px 10px 0px;
margin:0px;
}


h1 a{color:{color:Text};
text-decoration:none;
}

#container{
width:980px;
margin:auto;
}

#index-bar{border-top:2px solid {color:Borders};padding-bottom:25px;}

#header-image{max-width:160px;}

#left{width:160px;
float:left;
margin-right:10px;
padding:25px 10px 0px 10px;
border-top:2px solid {color:Borders};
}

#right{
width:780px;
float:left;
}

.box{
float:left;
width:250px;
height:167px;
overflow:hidden;
margin:5px;
position:relative;
background-color:{color:Thumbnail Background};
vertical-align:middle;
padding:-5px 0px 0px 0px;
}


.box-caption{
width:220px;
height:167px;
overflow:hidden;
position:absolute;
left:0px;
top:0px;
z-index:99;
background-color:transparent;
filter:alpha(opacity=0);
opacity:0;
display: inline-block;
padding:0px 15px;
text-indent:-2000px;
}

.box-caption-text{
color:{color:Hover Link Color};
width:220px;
height:167px;
overflow:hidden;
position:absolute;
left:0px;
top:0px;
z-index:95;
font-size:12px;
line-height:16px;
background-color:transparent;
filter:alpha(opacity=0);
padding:0px 15px;
opacity:0;
display: inline-block;
-webkit-transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-o-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
transition: opacity .25s ease-in-out;
}


.box:hover .box-caption{
display: inline-block;
background-color:transparent;
}

.box:hover .box-caption-text{
opacity:.85;
filter:alpha(opacity=85);
background-color:{color:Accent};
}


.middle{
float:left;width:500px;margin-right:10px;
padding-top:25px;
border-top:2px solid {color:Borders};
}


.caption{
width:250px;float:left;
border-top:2px solid {color:Borders};
padding:15px 10px 0px 10px;
}

.photoset-caption{
padding:5px 0px;
}

.text{
border-top:2px solid {color:Borders};
padding:25px 10px 0px 10px;
}


.tags{
padding:15px 0px;
border-top:1px solid {color:Small Borders};
font-size:11px;
}
.tags a{
padding:2px;
}

.permpaginate{
padding:15px 0px;
border-top:1px solid {color:Small Borders};
border-bottom:1px solid {color:Small Borders};
font-size:11px;
}
.permpaginate a{
padding:2px;
}


#pages{list-style:none;
margin:5px 0px;
border-top:1px solid {color:Small Borders};
padding:0px;}
#pages li{
}

#pages a{
padding:5px 2px;
text-decoration:none;
border-bottom:1px solid {color:Small Borders};
display:block;
}


#footer{
font-size:11px;
margin-top:50px;
padding:20px 10px;
border-top:2px solid {color:Borders};
border-bottom:2px solid {color:Borders};
}

#footer a{
padding:2px;
}



.clear{
clear:both;
}

.html_photoset p{
padding:0px 0px 5px 0px;
margin:0;
}


{block:IfCustomImageThumbnailHeight}

.box{height:{text:Custom Image Thumbnail Height}px;}
.box-caption{height:{text:Custom Image Thumbnail Height}px;}
.box-caption-text{height:{text:Custom Image Thumbnail Height}px;}
{/block:IfCustomImageThumbnailHeight}


/*
ColorBox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/*
User Style:
Change the following styles to modify the appearance of ColorBox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{}
#cboxContent{margin-top:32px; overflow:visible;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{background:#000; padding:1px;}
#cboxLoadingGraphic{background:url(http://matt.cc/tumblr/portfolio/loader.gif) no-repeat center center;}
#cboxLoadingOverlay{background:#000;}
#cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(http://matt.cc/tumblr/portfolio/controls.png) no-repeat 0 0;}
#cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious.hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext.hover{background-position:-25px -25px;}
#cboxClose{background-position:-50px 0px; right:0;}
#cboxClose.hover{background-position:-50px -25px;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}


</style>

<!--[if IE]>
<style type="text/css" media="screen">
.box-caption{
font-size:80px;
line-height:120px;
}


#right{
width:785px;
float:left;
}

#container{
width:985px;
margin:auto;
}









</style>
<![endif]-->

</head>
<body>
<div id="container">
<div id="left">


{block:IfHeaderImage}
<a href="/"><img src="{image:Header}" id="header-image" border="0"/></a>
{/block:IfHeaderImage}

{block:IfNotHeaderImage}
<h1><a href="/">{Title}</a></h1>
{/block:IfNotHeaderImage}


{block:Description}
<p id="description">{Description}</p>
{/block:Description}

<ul id="pages">

{block:HasPages}
{block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages}
{/block:HasPages}

{block:IfResumeLink}
<li><a href="{text:Resume Link}">Resume</a></li>
{block:IfResumeLink}

{block:IfBlogLink}
<li><a href="{text:Blog Link}">Blog</a></li>
{block:IfBlogLink}

{block:IfEmailAddress}
<li><a href="mailto:{text:Email Address}">Contact</a></li>
{block:IfEmailAddress}

</ul>



</div>
<div id="right">
{block:IndexPage}
<div id="index-bar"></div>
<div class="clear"></div>
{/block:IndexPage}

<div id="posts" class="autopagerize_page_element">
{block:Posts}




{block:Photo}
<div class="post photo">
{block:IndexPage}<div class="box">

<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>


<div class="box-caption-text">{Caption}</div>
<a href="{Permalink}" class="box-caption">#</a>



</div>
{/block:IndexPage}



{block:PermalinkPage}


<div class="middle">

<div class="middle-content">

<a href="{PhotoURL-HighRes}" rel="slideshow">
<img src="{PhotoURL-500}" alt="{PhotoAlt}" border="0"/>
</a>
</div>


</div>

<div class="caption">
{block:Caption}
{Caption}
{/block:Caption}

{block:HasTags}
<div class="tags">Tags:
{block:Tags}<a href="{TagURL}">{Tag}</a>
{/block:Tags}
</div>
{/block:HasTags}
{block:PermalinkPagination}
<div class="permpaginate">

{block:NextPost}
<a href="{NextPost}">Previous Project</a>
{/block:NextPost}
{block:PreviousPost}
<a href="{PreviousPost}">Next Project</a>
{/block:PreviousPost}
</div>
{/block:PermalinkPagination}

</div>

{/block:PermalinkPage}

</div>
{/block:Photo}


{block:Photoset}
{block:IndexPage}
<script type="text/javascript">
$(document).ready(function() {
$('.html_photoset').killPhotoset({
photoSize: 250
});
});

</script>
{/block:IndexPage}

{block:PermalinkPage}
<script type="text/javascript">
$(document).ready(function() {
$('.html_photoset').killPhotoset({
photoSize: 500
});
});

</script>
{/block:PermalinkPage}
<div class="post photoset">
{block:IndexPage}
<div class="box">


{block:Photos}
<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>
{/block:Photos}

<div class="box-caption-text">{Caption}</div>
<a href="{Permalink}" class="box-caption">#</a>



</div>
{/block:IndexPage}

{block:PermalinkPage}
<div class="middle">
<div class="middle-content">
{block:Photos}
<a href="{PhotoURL-HighRes}" rel="slideshow">
<img src="{PhotoURL-500}" alt="{PhotoAlt}"border="0"/>
</a>



<div class="photoset-caption">{Caption}</div>

{/block:Photos}

</div>

</div>
<div class="caption">
{block:Caption}
{Caption}
{/block:Caption}

{block:HasTags}
<div class="tags">Tags:
{block:Tags}<a href="{TagURL}">{Tag}</a>
{/block:Tags}
</div>
{/block:HasTags}
{block:PermalinkPagination}
<div class="permpaginate">

{block:NextPost}
<a href="{NextPost}">Previous Project</a>
{/block:NextPost}
{block:PreviousPost}
<a href="{PreviousPost}">Next Project</a>
{/block:PreviousPost}

</div>
{/block:PermalinkPagination}

</div>

{/block:PermalinkPage}
</div>
{/block:Photoset}



{block:Video}
<div class="post video">
{block:IndexPage}<div class="box">

{Video-250}

<div class="box-caption-text">{Caption}</div>
<a href="{Permalink}" class="box-caption">#</a>

</div>

{/block:IndexPage}

{block:PermalinkPage}
<div class="middle">

<div class="middle-content">{Video-500}</div>

</div>
<div class="caption">
{block:Caption}
{Caption}
{/block:Caption}

{block:HasTags}
<div class="tags">Tags:
{block:Tags}<a href="{TagURL}">{Tag}</a>
{/block:Tags}
</div>
{/block:HasTags}

{block:PermalinkPagination}
<div class="permpaginate">

{block:NextPost}
<a href="{NextPost}">Previous Project</a>
{/block:NextPost}

{block:PreviousPost}
<a href="{PreviousPost}">Next Project</a>
{/block:PreviousPost}

</div>
{/block:PermalinkPagination}

</div>

{/block:PermalinkPage}
</div>
{/block:Video}


{/block:Posts}

{block:PermalinkPage}
{block:Posts}
{block:Text}

<div class="post text">
{block:Title}
<h1>{Title}</h1>
{/block:Title}

{Body}
</div>

{/block:Text}
{/block:Posts}
{/block:PermalinkPage}



</div>
</div>

<div class="clear">
</div>

<p id="footer">

<a href="/">Home</a> &bull; <a href="/archive">Archive</a> &bull; <a href="/rss">RSS</a> &bull; <a href="http://hasaportfolio.com">hasaportfolio</a> theme by <a href="http://matt.cc">matt mcinerney</a>
</p>
</div>
</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: 29th March 2024 - 07:20 AM