The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
 Reply to this topicStart new topic
> Tumblr Theme Help, Captions Under Photos?
Caitikoi
post Feb 20 2012, 01:19 PM
Post #1





Group: Members
Posts: 1
Joined: 20-February 12
Member No.: 16,532
I just got a brand new Tumblr theme and it's pretty great, but the only problem I ran into is that it doesn't show captions below photos. I've looked around, found these "block" tags and "permalink" tags, but the HTML used in this is a little hap-hazard (to my untrained eye) and I don't know which parts to edit.

And I have messaged the creator, a few days ago, and they have yet to get back to me.

Here's the code:
QUOTE
<!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">

<!--

"Tiny Bubble" THEMED BY CINDIE.TUMBLR.COM
Please do not remove this credit!
Thanks for using my public theme, enjoy!

-->


<head>

<!-- Default Colors -->
<META name="image:Background" content="">
<META name="color:Background" content="#eeeeee">
<META name="color:Tables" content="#ffffff">
<META name="color:Headers" content="#909090">
<META name="color:Font" content="#666666">
<META name="color:Link" content="#666666">
<META name="color:Link hover" content="#000000">
<META name="color:Sidebar font" content="#dddddd">
<META name="color:Borders" content="#f9f9f9">
<META name="color:Nav font" content="#dddddd">
<META name="color:Nav hover" content="#909090">
<META name="color:Nav background" content="#f9f9f9">
<META name="color:Main title font" content="#eeeeee">
<META name="color:Scrollbar" content="#ffffff">
<META name="color:Scrollbar Main" content="#eeeeee">
<META name="if:Show Notes" content="1"/>
<META name="if:Show Time" content="1"/>
<META name="if:Show Custom Scrollbar" content="1"/>
<META name="text:Custom Link One" content=""/>
<META name="text:Custom Link One URL" content=""/>
<META name="text:Custom Link Two" content=""/>
<META name="text:Custom Link Two URL" content=""/>
<META name="text:Custom Link Three" content=""/>
<META name="text:Custom Link Three URL" content=""/>
<!-- End Default Colors -->

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="{MetaDescription}" />

<title>{title}</title>
<pnk rel="shortcut icon" href="{Favicon}">
<pnk rel="alternate" type="application/rss+xml" href="{RSS}">

<style type="text/css">
body {
background-color: {color:Background};
background-image: url('{image:Background}');
background-position:center center;
background-attachment: fixed;
background-repeat: repeat;
color:{color:font};
cursor: url(""), default;
text-align:justify;
margin: 0px;
padding: 0px;
font-family: Comic Sans MS;
text-transform:;
font-size:7pt;
}

a:link, a:visited, a:active {
color: {color:Link};
cursor: default;
text-decoration:none;
transition-duration: 0.50s;
-moz-transition-duration: 0.50s;
-webkit-transition-duration: 0.50s;
-o-transition-duration: 0.50s;
}

a:hover {
color: {color:link hover};
cursor: crosshair;
text-decoration:none;
}

{block:IfShowCustomScrollbar}
::-webkit-scrollbar-thumb:vertical {
background-color:{color:Scrollbar};
height:100px;
}

::-webkit-scrollbar-thumb:horizontal {
background-color:{color:Scrollbar};
height:10px !important;
}

::-webkit-scrollbar {
height:10px;
width:15px;
background-color:{color:Scrollbar Main};
}
{/block:IfShowCustomScrollbar}

li {
text-align:left;
}

.header {
color:{color:Headers};
font-family:Comic Sans MS;
text-transform:uppercase;
font-size:7pt;
}

.header2 {
color:{color:Headers};
font-family: Comic Sans MS;
text-transform:uppercase;
font-size:9pt;
}

.header3 {
color:{color:Headers};
font-family: Comic Sans MS;
text-transform:uppercase;
font-size:9pt;
}

.mainh{
color:{color:Main title font};
font-family: Comic Sans MS;
font-size:9pt;
}

h2 {
margin: 0;padding: 0;
font: normal 10px Comic Sans MS;
padding-bottom: 0px;
text-align: right;
color: {color:Main title font};
letter-spacing: -1px;
border-bottom: 3px solid {color:Borders};
line-height: 100%;
text-transform: lowercase;
width: 200;
}


a.menu {
display: block;
background: {color:Nav background};
color: {color:Nav font};
font-family: Comic Sans MS;
font-size:7pt;
letter-spacing:1px;
width: 100px;
padding: 0px 5px 0 5px;
margin: 2px;
text-align: right;
cursor: crosshair;
transition-duration: 0.50s;
-moz-transition-duration: 0.50s;
-webkit-transition-duration: 0.50s;
-o-transition-duration: 0.50s;
-moz-border-radius: 10px 30px;
border-radius: 10px 30px / 15px 25px;
}

a.menu:hover {
color:{color:Nav hover};
}

img {
border: 0px solid {color:Borders};
padding: 3px;
filter: alpha (opacity=100);
opacity: 1.0;
}

img:hover {
filter: alpha (opacity=97);
opacity: 0.97;
}

#sidebar {
margin:0 auto;
margin-top:17px;
margin-left:40px;
padding:5px;
position:fixed;
width: 125px;
text-align: left;
background-image: url('{image:Sidebar}');
background-position:center center;
background-attachment: fixed;
background-repeat: repeat;
background-color:{color:Tables};
-moz-border-radius: 10px 30px;
border-radius: 10px 30px / 15px 25px;
}

.menu1 {
padding:0px;
background-color:transparent;
}

.des{
font-size:9px;
background-color:{color:Tables};
color: {color:Sidebar font};
padding:1px;
-moz-border-radius: 10px 30px;
border-radius: 10px 30px / 15px 25px;
}

.ava {
float:left;
margin-top:4px;
}

.name1{
margin-top:4px;
}


.pagess a{
color:#f9f9f9;
font-size:40px;
transition-duration: 0.50s;
-moz-transition-duration: 0.50s;
-webkit-transition-duration: 0.50s;
-o-transition-duration: 0.50s;
}

.pagess a:hover {
color:#909090;
}

#content {
margin:0 auto;
margin-left:180px;
margin-top:0px;
margin-bottom:5px;
padding:10px;
width: 360px;
position: absolute;
text-align: center;
background-color: transparent;
overflow: auto;
}

#post {
background-color:{color:Tables};
text-align: center;
padding:1px;
margin-top:0px;
-moz-border-radius: 10px 30px;
border-radius: 10px 30px / 15px 25px;
}
}

.bottom {
font-size:8px;
background-color:transparent;
border-bottom: 0px solid {color:Borders};
}

blockquote{
border-left: 5px solid {color:Borders};
padding:1px; padding-left: 5px; margin: 0px;
}

#entry{
background-color:{color:Tables};
padding:4px;
margin-bottom:5px;
-moz-border-radius: 10px 30px;
border-radius: 10px 30px / 15px 25px;
}

#entry img {
max-width: 250px;
width: 250px;
}

#ask img {
width:40px;
padding-right:10px;
}

ol.notes {
padding:1px;
margin: 5px 0px;
list-style-type: none;
background-color:{color:Tables};
border-bottom: solid 1px {color:Borders};
text-align:left;
-moz-border-radius: 10px 30px;
border-radius: 10px 30px / 15px 25px;
}

ol.notes li.note {
border-bottom: solid 1px {color:Borders};
padding: 2px;
}

ol.notes li.note img.avatar {
vertical-align: -4px;
margin-right: 5px;
width: 10px;
height: 10px;
}

ol.notes li.note span.action {
font-weight: bold;
}

ol.notes li.note .answer_content {
font-weight: normal;
}

ol.notes li.note blockquote {
border-color: {color:Borders};
padding: 4px 4px;
margin: 2px 0px 0px 5px;
}

ol.notes li.note blockquote a {
text-decoration: none;
}

.jump_page{
color:#fff;
font-size:18px;
padding:3px 5px 3px 5px;
margin:1px;
}

a.jump_page:hover {
text-decoration:none;
}

.current_page{
color:#fff;
font-size:18px;
font-weight:bold;
padding:3px 5px 3px 5px;
margin:1px;
}

{CustomCSS}
</style>
</head>

<body>
<div id="sidebar">
<div class="ava">
<center><a href="/"><img style="border:2px solid {color:Borders}" src="{PortraitURL-48}";></a></center>
</div>

<div class="name1">
<center>
<div class="mainh">{title}</div>


<div class="menu1">
<a href="/ask" class="menu">Ask Box</a>
<a href="/submit" class="menu">Submit</a>
<a href="/about" class="menu">About Me</a>
<a href="/thingsyoullfindhere" class="menu">About The Blog</a>
<a href="/myships" class="menu">Ships I Sail</a>

{block:IfCustomLinkTwo}<a href="{block:IfCustomLinkTwoURL}{text:Custom Link Two URL}{/block:IfCustomLinkTwoURL}" class="menu">{text:Custom Link Two}{/block:IfCustomLinkTwo}</a>

{block:IfCustomLinkThree}<a href="{block:IfCustomLinkThreeURL}{text:Custom Link Three URL}{/block:IfCustomLinkThreeURL}" class="menu">{text:Custom Link Three}{/block:IfCustomLinkThree}</a>

</div>

<div class="des">
{block:Description}{Description}{/block:Description}
</div>


<div class="pagess">
{block:Pagination}<center>
{block:PreviousPage}<a href="{PreviousPage}" title="newer posts" class="jump_page"><big>»</big></a>
{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}" title="older posts" class="jump_page"><big>«</big></a>{/block:NextPage}
{/block:Pagination}
</center>
</div>
</div>
</div>


<div id="content">
{block:Posts}
{block:Text}

<div id="entry">
<div id="post">
{block:Title}
<div class="header3"><a href="{Permalink}">{Title}</a></div>
{/block:Title}

<p>{Body}</p>

</li>
</div>
<div class="bottom">
{block:IfShowTime}
Posted:{block:Date} <a href="{Permalink}">{TimeAgo}</a>{/block:Date}|{/block:IfShowTime}
{block:IfShowNotes}
{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a>
{/block:IfShowNotes}
</div>
</div>
{/block:Text}
{block:Photo}

<div id="entry">
<div id="post">

{LinkOpenTag}<img id="pic" src="{PhotoURL-250}" alt="{PhotoAlt}" />{LinkCloseTag}
</li>


</div>
<div class="bottom">
{block:IfShowTime}
Posted:{block:Date} <a href="{Permalink}">{TimeAgo}</a>{/block:Date}|{/block:IfShowTime}
{block:IfShowNotes}
{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a>
{/block:IfShowNotes}
</div>
</div>


{/block:Photo}

{block:Quote}

<div id="entry">
<div id="post">

<div class="header3">"{Quote}"</div>

{block:Source}
<span class="source"><br><i>{Source}</i></span>
{/block:Source}
</p>

</li>
</div>
<div class="bottom">
{block:IfShowTime}
Posted:{block:Date} <a href="{Permalink}">{TimeAgo}</a>{/block:Date}|{/block:IfShowTime}
{block:IfShowNotes}
{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a>
{/block:IfShowNotes}
</div>
</div>
{/block:Quote}

{block:Link}

<div id="entry">
<div id="post">
<p><a href="{URL}"{Target}><div class="header3">{Name}</a></div>

{block:Description}
{Description}
{/block:Description}


</li>


</div>
<div class="bottom">
{block:IfShowTime}
Posted:{block:Date} <a href="{Permalink}">{TimeAgo}</a>{/block:Date}|{/block:IfShowTime}
{block:IfShowNotes}
{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a>
{/block:IfShowNotes}
</div>
</div>

{/block:Link}

{block:Chat}

<div id="entry">
<div id="post">
{block:Title}
<div class="header3"><a href="{Permalink}">{Title}</a></div>
{/block:Title}

<a href="{Permalink}/>
<ul class="chat">
{block:Lines}
<li class="{Alt}">
{block:Label}
<span class="label">{Label}</span> </a>
{/block:Label}

{Line}

{/block:Lines}
</ul>

</li></li>

</div>
<div class="bottom">
{block:IfShowTime}
Posted:{block:Date} <a href="{Permalink}">{TimeAgo}</a>{/block:Date}|{/block:IfShowTime}
{block:IfShowNotes}
{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a>
{/block:IfShowNotes}
</div>
</div>
{/block:Chat}
{block:Video}

<div id="entry">
<div id="post">
{Video-250}
{block:Caption}
<p>{Caption}</p>
{/block:Caption}


</li>

</div>
<div class="bottom">
{block:IfShowTime}
Posted:{block:Date} <a href="{Permalink}">{TimeAgo}</a>{/block:Date}|{/block:IfShowTime}
{block:IfShowNotes}
{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a>
{/block:IfShowNotes}
</div>
</div>

{/block:Video}
{block:Audio}

<div id="entry">
<div id="post">
<p align="center">{AudioPlayergrey}</p>

{block:Caption}
<p>{Caption}</p>
{/block:Caption}

</li>
</div>
<div class="bottom">
{block:IfShowTime}
Posted:{block:Date} <a href="{Permalink}">{TimeAgo}</a>{/block:Date}|{/block:IfShowTime}
{block:IfShowNotes}
{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a>
{/block:IfShowNotes}
</div>
</div>

{/block:Audio}

{block:Answer}
<div id="entry">
<div id="post">
<div id="ask">
<img style="-moz-border-radius: 10px 30px;
border-radius: 10px 30px / 15px 25px"src="{AskerPortraitURL-40}"align="right" /></div>
<div id="question"><div id="asked">{Asker} Asked:<BR>{Question}</div></div>
<br>
<div id="answerr">My Answer:<BR>{Answer}</div>

<div class="bottom">
{block:IfShowTime}
Posted:{block:Date} <a href="{Permalink}">{TimeAgo}</a>{/block:Date}|{/block:IfShowTime}
{block:IfShowNotes}
{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a>
{/block:IfShowNotes}
</div>
</div>
</div>
{/block:Answer}

{block:PostNotes}
{PostNotes}
{/block:PostNotes}

{/block:Posts}
{/block:Posts}


</div>

</body>
</html>


Thank you for your assistance!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
« Next Oldest · Web Site Functionality · Next Newest »
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 23rd April 2024 - 03:09 AM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC