如何解决Tumblr:如何使用后标记控制CSS更新:不使用JQuery的工作方法!
|| 以前看过这件事,对如何完成感到好奇。可以在http://wordographic.info/上找到示例 例如,如果我将帖子标记为蓝色,则帖子的bg颜色变为蓝色,依此类推。 有人知道这是怎么做的吗? 谢谢。解决方法
找到了一种仅使用HTML / CSS做到这一点的方法。非常简单,只需将{Tag}块添加到包裹帖子区域的任何div类中,但确保它位于{block:Posts}和{block:Text}等之间。现在,您标记帖子的任何内容现在都成为一个新类。
{block:Posts}
{block:Text}
<div class=\"post {block:HasTags}{block:Tags}{Tag} {/block:Tags}{/block:HasTags}\">
{block:Title}<h2>{Title}</h2>{/block:Title}
<p>{Body}</p>
</div>
{/block:Text}
{/block:Posts}
注意第三行。重要的是在{Tag}之后添加一个空格,否则它们将不会在HTML中分开。
CSS看起来像这样:
.post { /* default style */
background: #ccc;
float: left;
margin: 10px;
position: relative;
}
.blue { /* when tagged blue,use this style */
background: blue !important;
}
作品!非常简单,不需要jquery!
感谢Blender,如果我不阅读您的jquery方法,就不会因为某些原因想到它:)
, 使用jQuery,一切皆有可能!这不会立即生效,因此请针对您的主题进行调整:
$(\'.post-class .tag-container .tag\').each(function() {
$(this).closest(\'.post-class\').addClass($(this).text());
});
, 与JS无关,这些事情都是在服务器端完成的。取决于标签,将某些属性设置为post,然后在将它们呈现为HTML时将它们考虑在内。
, 您希望获得帖子的标签作为类名,以便可以使用CSS设置帖子样式,并且可以使用一个变量来实现此目的。在模板中只需使用{TagsAsClasses}
。这将呈现HTML友好的类名。
帖子标签的HTML类属性友好列表。
示例:“幽默办公室new_york_city \”
有关详细说明,请参见Tumblr文档中的“发布”一章。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。