The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
 Reply to this topicStart new topic
> Tumblr theme is showing two captions
eriis
post Aug 8 2014, 12:44 PM
Post #1





Group: Members
Posts: 1
Joined: 8-August 14
Member No.: 21,375
Hi all,

I just finished writing my theme out and realized (a bit too late as I have already released it) that two captions are showing underneath the posts. If anyone could help, that'd be much appreciated.

Code is here:
CODE
<!doctype html>
<html>

<!---------------------------------
theme 02 // tides
by hawkwidow♥
-
customize as much as you want but please leave the credit intact! it really does take a long time making these, so please be respectful my little darlings<3

have fun!
-ami xx
---------------------------------->

    <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="color:text" content="#000"/>
<meta name="color:background" content="#fff"/>
<meta name="color:postbackground" content="#eee"/>
<meta name="color:link" content="#474747"/>
<meta name="color:header borders" content="#f5f5f5"/>
<meta name="color:title" content="#000"/>
<meta name="color:description" content="#000"/>
<meta name="color:hover" content="#eee"/>
<meta name="image:sidebar" content=""/>
<meta name="text:link one" content=""/>
<meta name="text:link one text" content=""/>
<meta name="text:link two" content=""/>
<meta name="text:link two text" content=""/>
<meta name="text:link three" content=""/>
<meta name="text:link three text" content=""/>
<meta name="text:link four" content=""/>
<meta name="text:link four text" content=""/>
<meta name="text:link five" content=""/>
<meta name="text:link five text" content=""/>


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


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>

<script>

(function($){

$(document).ready(function(){

$("a[title]").style_my_tooltips({

tip_follows_cursor:true,

tip_delay_time:0,

tip_fade_speed:0,

attribute:"title"

});

});

})(jQuery);

</script>

<style type="text/css">

::-webkit-scrollbar {
width: 5px;height: 5px;}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
height: 6px;display: block;background-color: #fff;}
::-webkit-scrollbar-track-piece {
background-color: #fff;}
::-webkit-scrollbar-thumb:vertical {
height: 9px;background-color: #ccc;border-top:1px solid #fff;border-bottom:1px solid #fff;}


#s-m-t-tooltip {
    max-width:150px;
    padding:5px 10px 5px 10px;
    margin:20px 14px 7px 10px;
    border:1px solid #000;
    background-color:#fff;
    font-family: 'Oxygen', sans-serif;
    font-style: normal;
    font-size:10px;
    line-height:11px;
    letter-spacing:1px;
    text-transform:uppercase;
    color:#000;
    z-index:999;
}


#body {
    background:{color:background};
    margin:0px;
    font-family: 'Oxygen', sans-serif;
    color: {color:text};
    line-height:100%;
}


a {
    text-decoration:none;
    outline:none;
    -moz-outline-style:none;
    color:{color:link};
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease
}

img {
    border:0px;
}

blockquote {
    padding-left:5px;
    border-left:2px solid;
}
  
blockquote blockquote {
    padding-left:5px;
    border-left:2px solid;
}

h1 {
    font-size:9px;
    text-transform:uppercase;
}

a:hover {
    opacity:10;
    color:{color:hover};
     -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease
}


#sidebar {
    width:500px;
    height:300px;
    margin-left:auto;
    margin-right:auto;
    margin-top:100px;
    margin-bottom:-170px;
    padding:20px;
    border-top:1px solid {color:header borders};
    border-bottom:1px solid {color:header borders};
    background:#fafafa;
}

.title {
    font-family: 'Josefin Sans', sans-serif;
    text-align:center;
    text-transform:uppercase;
    font-weight:300;
    margin-right: auto;
    margin-left: auto;
    margin-top:-20px;
    font-size: 30px;
    color:{color:title};
}

.sidebarimage {
    width:500px;
    height:200px;
    margin-top:0px;
    margin-left:-5px;
    border:5px solid {color:header borders};
    opacity:0.8;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.sidebarimage:hover {
    opacity:1;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.description {
        margin-top:40px;
        margin-right:auto;
        margin-left:auto;
        padding:20px;
        font-family: 'Oxygen', sans-serif;
        text-transform:lowercase;
        font-weight:300;
        font-size:12px;
        color:#878787;
}


.links {
    width:500px;
    margin-top:180px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    font-family: 'Oxygen', sans-serif;
}

.links a {
    margin-right: auto;
    margin-left: auto;
    display: inline-block;
    font-size: 10px;
    text-transform: uppercase;
    margin-right: 2px;
    margin-left: 2px;
    letter-spacing: 1px;
    color: {color:Text};
    padding-bottom:0px;
}

.links a:hover {
    text-decoration: underline;
}

#entries {
    width: 500px;
    margin-left:440px;
    margin-right:auto;
    margin-top:0px;
    font-size:10px;
    line-height: 120%;
    font-family: 'Oxygen', sans-serif;
}

#post {
    width:500px;
    padding:2px;
    margin-top: 50px;
    padding-bottom:50px;
    margin-bottom: 50px;
    background-color:{color:postbackground};
    padding:20px;
}

#post:hover #info {
    opacity: 1;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease
}

#info {
    float:left;
    width: 480px;
    text-align: center;
    font-family: 'Oxygen', sans-serif;
    text-transform:none;
    font-size:9px;
    padding: 0px 10px 10px 10px;
    margin-top:10px;
}

#chat {
    top: 300px;
    background: #000;
    padding: 0px 0px 0px 30px;
}

#tags {
    font-family: 'Oxygen', sans-serif;
    letter-spacing:1px;
    color:{color:link};
  
    text-transform:lowercase;
    font-size:8px;
    margin-top:0px;
    padding-bottom: 10px;
    text-align:center;
}
  
#tags
a {display:inline;background-color:{color:Tags};padding:-3px;text-align:left;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}    

#pagination {
    font-family: 'Oxygen', sans-serif;
    font-style: italic;
    text-align: center;
    font-size: 15px;
    text-transform: lowercase;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
}

#pagination a:hover {
    color: #eee;
    letter-spacing: 10px;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease
}

            .playerbuttonbg {
                position: absolute;
                left: 20px;
                top: 20px;
                width: 19px;
                height: 19px;
                background-color: #ffffff;
                padding: 10px;
                -webkit-border-radius: 40px;
                -moz-border-radius: 40px;
                border-radius: 40px;
                opacity: .4;
                    filter: alpha(opacity=40);
                    -moz-opacity: 0.4;
                    -khtml-opacity: 0.4;
                transition: opacity .7s ease-in-out;
                -moz-transition: opacity .7s ease-in-out;
                -webkit-transition: opacity .7s ease-in-out;
            }
          
            .playerbuttonbg:hover {
                opacity: 1;
                    filter: alpha(opacity=100);
                    -moz-opacity: 1;
                    -khtml-opacity: 1;
            }
      
            .newplayerbutton {
                position: relative;
                width: 19px;
                height: 19px;
                overflow: hidden;
            }
          
            .playerbuttonhug {
                position: absolute;
                top: -18px;
                left: -7px;
            }
      
            .tumblr_audio_player {
                height: 90px;
                width: 270px;
                -moz-transform: scale(0.60, 0.60);
                -webkit-transform: scale(0.60, 0.60);
                -o-transform: scale(0.60, 0.60);
                -ms-transform: scale(0.60, 0.60);
                transform: scale(0.60, 0.60);
                -moz-transform-origin: top left;
                -webkit-transform-origin: top left;
                -o-transform-origin: top left;
                -ms-transform-origin: top left;
                transform-origin: top left;
            }
          
            .audioimgwrapper {
                position: absolute;
                left: 0px;
                top: 0px;
                -webkit-border-radius: 40px;
                -moz-border-radius: 40px;
                border-radius: 40px;
                overflow: hidden;
                width: 79px;
                height: 79px;
            }
          
            .audioimgwrapper img {
                width: 100%;
                height: auto;
                -webkit-border-radius: 40px;
                -moz-border-radius: 40px;
                border-radius: 40px;                
            }
          
            .trackdetails {
                width: auto;
                display:inline-block;
                margin-left: 90px;
                min-height: 85px;
            }
          
            .audiowrapper {
                position: relative;
                display:inline-block;
            }


#credit {
    padding: 10px;
    position:fixed;
    margin-right: 5px;
    bottom:5px;
    right:2px;
    font-size:10px;
    text-decoration: none;
}

#credit a {
    color: #000;
    line-height: 00%;
    font-family: 'Oxygen', sans-serif;
    text-decoration: none;
}
</style>
</head>
<body>
  
    <div id="sidebar">
    <div class="title">{title}</div>
    <div class="sidebarimage"><img src="{image:sidebar}"></div>
    <div class="description">| {Description}</div>
    </div></div>
    <div class="links">
    <a href="/" title="home">■</a>
    <a href="/ask" title="inbox">■</a>
    <a href="{text:link one}" title="{text:link one text}">■</a>
    <a href="{text:link two}" title="{text:link two text}">■</a>
    <a href="{text:link three}" title="{text:link three text}">■</a>
    <a href="{text:link four}" title="{text:link four text}">■</a>
    <a href="{text:link five}" title="{text:link five text}">■</a>
    <div id="pagination">
    {block:Pagination}
    {block:PreviousPage}
    <a href="{PreviousPage}">←</a>
    {/block:PreviousPage}
    {block:NextPage}
    <a href="{NextPage}">→</a>
    {/block:NextPage}
    {/block:Pagination}
    </div>
    </div>
  
  
<style>
div#qTip {
padding: 4px;
display: none;
font-style:none;
text-align: center;
position: absolute;
border-radius:0px;
font-size:9px;
line-height:10px;
font-family: 'arial';
z-index: 1000;
background: #000;
border: 1px solid #fff;
z-index: 9999999;
color: #fff;
letter-spacing: 0px;
}
</style>

</div></div><br><br>

<div id="entries">{block:Posts}<div id="post">

{block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}

{block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}

{block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}

<p align=center>{block:Quote}❝<FONT FACE="Oxygen"><big>{Quote}</big></FONT>❞{/block:Quote}</p>
<p align=center>{block:Source}- {Source}{/block:Source}</p>

{block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}

{block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}<p>{/block:Chat}

{block:AudioPlayer}
        <div class="audiowrapper">
        {block:AlbumArt}
            <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
        {/block:AlbumArt}
      
        <div class="playerbuttonbg">
            <div class="newplayerbutton">
                <div class="playerbuttonhug">
          
                    {AudioPlayerWhite}
          
                </div>
            </div>
        </div>
      
        <div class="trackdetails">
          
                {block:TrackName}{TrackName}{/block:TrackName}<br/>
                {block:Artist}Artist: {Artist}{/block:Artist}<br/>
                {block:Album}Album: {Album}{/block:Album}<br/>
                {PlayCountWithLabel}
  
        </div>
        </div>
        {/block:AudioPlayer}
  
        {block:Caption}{Caption}{/block:Caption}

{block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}

{block:Answer}
<table style="width: 500px;padding-bottom:5px;padding-top:5px;margin-bottom:5px;background:{color:ask background}">
<tr>
<td style="vertical-align:top; padding-left: 10px;"><strong>{Asker} asked:</strong> {Question}</td>
</tr>
</table>
{Answer}
{/block:Answer}

<div id="info">
<br/>
<a href="{Permalink}">{TimeAgo}</a> {block:RebloggedFrom} // <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom} {block:ContentSource}+ <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource} // <a href="{Permalink}">{NoteCount}</a>
<br />
{block:HasTags}<div id="tags">tags:{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
{/block:Posts}
{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
{/block:Posts}</div></div></div></div></div>


  
<div id="credit">
<a href="http://hawkwidow.tumblr.com/">++</a></center></div>

</body></html>
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: 24th April 2024 - 07:45 PM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC