如何在Tumblr </div>上的非永久链接页面上隐藏<div>

时间:2013-07-05 13:54:03

标签: css html navigation themes tumblr

我有一个位于页面右边缘的导航,基本上只是一系列用“固定”属性滚动的锚链接。这在帖子的固定链接页面内工作正常,但仍然显示在部分页面下,这些页面只是/标记/ x页面。

以下是html后面的代码示例:

<div class="contents">
<p align="center"><strong>NAVIGATE</strong></p>
<a href="#intro">Introduction</a><br>
<a href="#jcole">J Cole</a><br>
<a href="#cudi">Kanye & Kid Cudi</a><br>
<a href="#joeyb">Joey Bada$$</a><br>
<a href="#mchg">Magna Carta Holy Grail</a><br>
<a href="#out1">Other News</a><br>
<a href="#out2">Other Highs</a> </div>

然后在主题代码中将div设置为样式:

.contents{
position:fixed;
width: 220px;
top:300px;
right: 20px;
font-size: 16px;
color: white;
line-height: 20px;
text-align: right;
background: black;}

如何仅在永久链接页面上显示?

谢谢, 插孔。

1 个答案:

答案 0 :(得分:1)

请让代码只显示在您需要包含块组合的帖子固定链接上。

{block:PermalinkPage}{block:Date}
    <!-- code placed in here will *only* render on post permalinks -->
{/block:Date}{/block:PermalinkPage}

PermalinkPage块非常自我解释。这里的诀窍是使用Date块。您看,页面没有分配日期,它们只是静态内容。只有帖子永久链接会为其分配日期,因此您可以使用它来帮助过滤条件。

更新

如果在每个帖子上单独输入此内容,您需要采用略有不同的路线。在主题文件的<head>中,您应该可以执行此操作:

<style type="text/css">
    {block:PermalinkPage}{block:Date}
    .contents { display: block; }
    {/block:Date}{/block:PermalinkPage}
</style>

然后在.contents块的原始样式中,确保将其设为display: none;

现在它只会在永久链接后显示块。