gpt4 book ai didi

css - 如何在 Tumblr 上的非永久链接页面上隐藏

转载 作者:太空宇宙 更新时间:2023-11-04 14:49:59 24 4
gpt4 key购买 nike

我有一个位于页面右边缘的导航,基本上只是一系列随“固定”属性滚动的 anchor 链接。这在帖子的永久链接页面内工作正常,但仍然出现在部分页面下,这些页面只是/tagged/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;}

如何让 仅出现在固定链接页面上?

谢谢, jack 。

最佳答案

确保代码仅出现在您需要包含 block 组合的帖子永久链接上。

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

PermalinkPage block 是非常不言自明的。这里的技巧是使用 Date堵塞。您看,页面没有指定日期,它们只是静态内容。只有帖子永久链接有分配给它们的日期,因此您可以使用它来帮助过滤您的条件。

更新

如果在每篇文章中单独输入此内容,您需要采用稍微不同的方法。在<head>你的主题文件你应该能够做到这一点:

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

然后在您的原始样式中为 .contents block ,只要确保它是 display: none; .

现在它只会在帖子永久链接上显示 block 。

关于css - 如何在 Tumblr 上的非永久链接页面上隐藏 <div>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17490559/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com