创建一个tumblr主题 - 音频帖子不会在博客上显示

时间:2012-09-27 20:35:15

标签: css audio tumblr posts

我正在创建一个新的tumblr主题(我实际上已经完成了)。我遇到的唯一问题(我在最后一个主题上遇到了同样的问题)是,无论我如何格式化音频帖子,它都不会出现在我的博客上。我的格式化音频会在仪表板和自定义主题页面上发布。

我看到音频/视频帖子有时会出现无限滚动问题,因此我删除了所有脚本。音频帖子仍未显示。

这是我对音频帖子的代码:

{block:Audio}

<div id="post">

{block:AudioPlayer}
<div id="audioplayer">
{AudioPlayerBlack}
</div>
{/block:AudioPlayer}

<div id="albumart">
{block:AlbumArt}
<img src="{AlbumArtURL}">
{/block:AlbumArt}
</div>

</div>         
{/block:Audio}

这是那些div的css(如果是问题)

#post
{
float: left;
padding: 5px;
margin: 4px;
background-color: {color:Post Background};
width: 215px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
box-shadow: 2px 2px 4px {color:Post Shadow};
}


#albumart
{
margin: 3px;
margin-bottom: 2px;
width:207px;
height: 207px;
border: 1px solid {color:Border Color};
overflow: hidden;
}

#audioplayer
{
width:25px;
height:25px;
overflow:hidden;
position:absolute;
margin-top:100px;
margin-left:100px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    -khtml-border-radius: 18px;
    border-radius: 18px;
opacity:0.75;
border:5px solid black;
}

你可以在这里看到:smash-howard.tumblr.com

1 个答案:

答案 0 :(得分:0)

由于尚未更新答案,我遇到了类似的问题,这里需要做的是:

{block:Posts}
...

{block:Audio}
    {block:AudioEmbed}
    <div class="audio-embed">
        {AudioEmbed-400}
    </div>
    {/block:AudioEmbed}
    {block:AudioPlayer}
    <div class="audio-player">
        {AudioPlayerBlack}
    </div>
    {/block:AudioPlayer}
{/block:Audio}

...
{/block:Posts}

通过这种方式,您可以考虑两种可能的音频后期场景:音频嵌入和音频播放器。只考虑一个将导致另一个不显示,这就是在这种情况下发生的事情。