The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> video caption
luker
post Aug 8 2011, 10:57 PM
Post #1





Group: Members
Posts: 2
Joined: 8-August 11
Member No.: 15,121



hello, this is my blog. I'm trying to make the captions in the video posts show up. here's my code:
CODE
<!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>



<!--

THEME: GREY SKIES

CREATED BY: http://grott.tumblr.com/

-->



<!-- DEFAULT COLORS -->

<meta name="font:Body" content="Times New Roman">

<meta name="color:Text" content="#545454">

<meta name="color:Links" content="#545454">

<meta name="color:Hover" content="#c8c8c8">

<meta name="color:Permalink" content="#aaaaaa">

<meta name="text:Font Size" content="11">

<meta name="text:Width" content="500">

<meta name="if:Endless Scroll" content="0">

<meta name="if:Show Icon" content="1">

<meta name="if:Show Captions" content="0">

<meta name="if:More Space Between Posts" content="0">



<link rel="shortcut icon" href="{Favicon}">

<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}



<style type="text/css">

body{

height:100%;

text-align:left;

font-family:{font:Body};

font-size: {text:Font Size}px;

color:{color:text};

background: url("http://www.gamereplays.org/community/uploads/post-67635-1312833309.jpg") fixed repeat-x;

}



.tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}





a{

text-decoration:none;

-moz-transition: 0.5s ease-in;

-webkit-transition: 0.5s ease-in;

-o-transition: 0.5s ease-in;

transition: 0.5s ease-in;

color:{color:links};

}

a:hover{

color:{color:hover};

-moz-transition: 0.5s ease-in;

-webkit-transition: 0.5s ease-in;

-o-transition: 0.5s ease-in;

transition: 0.5s ease-in;

}

a img{

border:0px;

}

#entry{

margin-bottom:15px;

{block:ifMoreSpaceBetweenPosts}

margin-bottom:35px;

{/block:ifMoreSpaceBetweenPosts}

width:{text:Width}px;

}

#entry img{

max-width:{text:Width}px;

}

.header{

border-top:1px solid {color:Text};

border-bottom:1px solid {color:Text};

padding:5px;

text-transform:uppercase;

margin-bottom:10px;

text-align:center;

}

.blogtitle{

font-weight:bold;

text-transform:uppercase;

-moz-transition: 0.5s ease-in;

-webkit-transition: 0.5s ease-in;

-o-transition: 0.5s ease-in;

}

.blogtitle:hover{

-moz-transition: 0.5s ease-in;

-webkit-transition: 0.5s ease-in;

-o-transition: 0.5s ease-in;

transition: 0.5s ease-in;

}



.title, .h2{

font-weight:bold;

font-family:{font:Body};

font-size:14px;

line-height:14px;

text-align:left;

}

.description

{font-style:italic;

line-height:15px;

text-align:center;

margin-bottom:5px;

}



.quote{

font-style:;

}



.current_page{

font-style:;

}



.audio{

width:{text:Width}px;

overflow:hidden;

}

.audio img{

float:left;

width:35px;

height:35px;

}

.player{

padding-top:5px;

margin-left:35px;

height:30px;

width:{text:Width}px;

background-color:#e4e4e4;



}

div.video embed,

div.post div.video object {

width:{text:Width}px !important;

height:300px !important;

}

.permalink {

margin:auto;

margin-top:5px;

color:{color:Permalink};

text-align:center;

font-size:12px;

line-height:12px;

{block:PermalinkPage}

display:none;

{/block:PermalinkPage}

}

.permalink a{

color:{color:Permalink};

text-transform:none !important;

}

.permalink a:hover{

-moz-transition: 0.5s ease-in;

-webkit-transition: 0.5s ease-in;

-o-transition: 0.5s ease-in;

transition: 0.5s ease-in;

color:{color:Hover};

}



#content{

margin:auto;

padding-left:10px;

padding-right:10px;

background-color: #FFF;

width:{text:Width}px;

}



#bottom{

margin-top:-10px;

padding:5px;

text-align:right;

text-transform:uppercase;

-moz-transition: 0.3s ease-in;

-webkit-transition: 0.3s ease-in;

-o-transition: 0.3s ease-in;

transition: 0.3s ease-in;

}

#bottom:hover{

-moz-transition: 0.3s ease-in;

-webkit-transition: 0.3s ease-in;

-o-transition: 0.3s ease-in;

transition: 0.3s ease-in;

}



#portrait {

margin-bottom:10px;

width: 64px;

height: 64px;

background-image:url({http://www.gamereplays.org/community/uploads/post-67635-1312852142.jpg});

-moz-border-radius: 32px;

-webkit-border-radius: 32px;

}









ol.notes {

padding:0px;

margin: 25px 0px 5px 0px;

list-style-type: none;

}



ol.notes li.note {;

padding: 2px;

}



ol.notes li.note img.avatar {

vertical-align: -4px;

margin-right: 10px;

width: 16px;

height: 16px;

}



ol.notes li.note span.action {

font-weight: normal;

}



ol.notes li.note .answer_content {

font-weight: normal;

}



ol.notes li.note blockquote {

border-color: {color:Text};

padding: 4px 10px;

margin: 10px 0px 0px 25px;

}



ol.notes li.note blockquote a {

text-decoration: none;

}





</style>

{block:IfEndlessScroll}

<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>

{/block:IfEndlessScroll}

</head>



<body>





<div id="content">





{block:IfShowIcon}<center><div id="portrait"></div></center>{/block:IfShowIcon}



<br>

<div class="header"><span class="blogtitle"><a href="/">{Title}</a>:</span> <a href="/archive">archive</a> / <a href="{rss}">rss</a> {block:AskEnabled}/ <a href="/ask">ask</a>{/block:AskEnabled} / {block:SubmissionsEnabled}<a href="/submit">submit</a> / {/block:SubmissionsEnabled}{block:HasPages}{block:Pages}<a href="{URL}">{Label}</a> / {/block:Pages}{/block:HasPages} <a href="http://rawmoans.tumblr.com/themes">theme</a></div>

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

_______________________________________________________________________

<br>







<br>

{block:IfEndlessScroll}

<div class="autopagerize_page_element">

{/block:IfEndlessScroll}



{block:Posts}



{block:Text}

<div id="entry">

{block:Title}<div class="title">{Title}</div>{/block:Title}

{Body}

<div class="permalink"><a href="{Permalink}">{block:Date}Reblog/Notes/Permalink{/block:Date}</a>
</div>

_______________________________________________________________________
<br>
<br>

{/block:Text}



{block:Photo}

<div id="entry">

{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="{text:Width}"/>{LinkCloseTag}

{block:IfShowCaptions}{block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{/block:IfShowCaptions}
<div class="permalink"><a href="{Permalink}">{block:Date}Reblog/Notes/Permalink{/block:Date}</a></div>
_______________________________________________________________________



<br>
<br>

{/block:Photo}



{block:Photoset}

<div id="entry">

{Photoset-500}
<div class="permalink"><a href="{Permalink}">{block:Date}Reblog/Notes/Permalink{/block:Date}</a>

</div>
_______________________________________________________________________



<br>
<br>

{/block:Photoset}



{block:Quote}

<div id="entry">

<div class="quote"><big>"{Quote}"</big></div>

{block:Source}— {Source}{/block:Source}
<div class="permalink"><a href="{Permalink}">{block:Date}Reblog/Notes/Permalink{/block:Date}</a></div>
_______________________________________________________________________



<br>
<br>

{/block:Quote}



{block:Link}

<div id="entry">

<div class="h2"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
<div class="permalink"><a href="{Permalink}">{block:Date}Reblog/Notes/Permalink{/block:Date}</a>

</div>
_______________________________________________________________________



<br>
<br>

{/block:Link}



{block:Chat}

<div id="entry">

{block:Title}<b>{Title}</b>{/block:Title}

{block:Lines}{block:Label}<b><i>{Label}</i></b> {Line}<br>{/block:Label}{/block:Lines}
<div class="permalink"><a href="{Permalink}">{block:Date}Reblog/Notes/Permalink{/block:Date}</a>

</div>
_______________________________________________________________________



<br>
<br>

{/block:Chat}





{block:Audio}

<div id="entry">

<div class="audio">

{block:AlbumArt}<a href="{permalink}"><img src="{AlbumArtURL}" width="50"></a>{/block:AlbumArt}

<div class="player">{AudioPlayerGrey}</div></div>

{block:IndexPage}<div style="padding-top:3px; font-size:14px;">{block:TrackName}{TrackName} by{/block:TrackName} {block:Artist}{Artist}{/block:Artist}</div>{/block:IndexPage}
<div class="permalink"><a href="{Permalink}">{block:Date}Reblog/Notes/Permalink{/block:Date}</a>

</div>
_______________________________________________________________________



<br>
<br>

{/block:Audio}



{block:Answer}

<div id="entry">

<i>{Asker}: {Question}</i>

{Answer}
<div class="permalink"><a href="{Permalink}">{block:Date}Reblog/Notes/Permalink{/block:Date}</a>

</div>
_______________________________________________________________________



<br>
<br>

{/block:answer}



{block:Video}

<div id="entry">

<div class="video">

{Video-500}

</div>
<div class="permalink"><a href="{Permalink}">{block:Date}Reblog/Notes/Permalink{/block:Date}</a>

</div>
_______________________________________________________________________



<br>
<br>

{/block:Video}









{block:permalinkpage}<div style="text-align:right; padding-top:5px; padding-bottom:5px;">{block:Date}{Month} {DayOfMonth}{DayOfMonthSuffix} {12Hour}:{Minutes}{AmPm}{/block:Date}</a>{block:NoteCount} | {NoteCountWithLabel}{/block:NoteCount}<br>{block:HasTags}Tags: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}</div>{/block:permalinkpage}





{block:PostNotes}

{PostNotes}

{/block:PostNotes}



{/block:Posts}

{block:IfEndlessScroll}</div>{/block:IfEndlessScroll}



<div id="bottom">

{block:Pagination}



{block:JumpPagination length="5"}

{block:CurrentPage}

<span class="current_page">{PageNumber}</span>

{/block:CurrentPage}



{block:JumpPage}

<a class="jump_page" href="{URL}">{PageNumber}</a>

{/block:JumpPage}

{/block:JumpPagination}



{/block:Pagination}



</div>





</div>



</body>

</html>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Aug 9 2011, 01:57 AM
Post #2


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



I don't know Tumblr, but my guess is that captions are controlled by:
CODE
<meta name="if:Show Captions" content="0">
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 - 03:24 AM