在 tumblr 中对类别使用不同的样式?

2023-12-06

我希望能够将带有不同标签(例如汽车、摩托车、船舶)的照片发布到 tumblr。然后,在帖子中,每个标签应显示不同颜色的水平线,例如汽车为蓝色,摩托车为红色,船舶为绿色。如果我将照片与其他标签(例如自行车或飞机)放在一起,它应该显示一条灰线。

我实在找不到解决这个问题的方法。

在这里,但它显示了每个帖子的所有行:http://ekoba.tumblr.com


如果您更改主题的标记以将帖子标签添加为 HTML 类,则可以根据标签设置 CSS 属性。例如,您这样设置主题:

{block:Posts}
    <div class="post {TagsAsClasses}">
         ....

并像这样设置你的CSS:

div.cars hr {
   color: blue;
}

div.motorcycles hr {
   color: red;
}

这会将 HTML 类添加到每个帖子的容器元素中,这些元素基于您定义的标签,并允许您根据这些标签创建不同的样式。

您可以查看此内容以获取更多信息:http://www.tumblr.com/docs/en/custom_themes#posts

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在 tumblr 中对类别使用不同的样式? 的相关文章

  • 将 tumblr 博客与网站集成

    我想将我的 tumblr feed 集成到我的网站中 tumblr 似乎有一个 API 但我不太清楚如何使用它 据我了解 我请求该页面 tumblr 返回一个包含我博客内容的 xml 文件 但是我怎样才能把这个 xml 变成有意义的 htm
  • 使用 jQuery“取消嵌套”嵌套块引用(以适应 tumblr 2015 年 9 月更新)

    我正在为一个转发量很大的博客开发一个新的 tumblr 主题 根据 tumblr 对评论链的最新更新 有些帖子变得非常冗长 虽然它在我的仪表板上看起来不错 但由于嵌套的块引用 它对我的 博客造成了严重破坏 我想模仿评论在我的仪表板上的外观
  • 在 tumblr 中对类别使用不同的样式?

    我希望能够将带有不同标签 例如汽车 摩托车 船舶 的照片发布到 tumblr 然后 在帖子中 每个标签应显示不同颜色的水平线 例如汽车为蓝色 摩托车为红色 船舶为绿色 如果我将照片与其他标签 例如自行车或飞机 放在一起 它应该显示一条灰线
  • Tumblr OAuth 图片帖子给了我 401/“无效的 OAuth 凭据”

    我有一个 iOS 应用程序 可以将图像发布到多个服务 包括 Twitter 并且我正在尝试将该支持扩展到 tumblr 我已经为 OAuth 1 0a 标头逻辑改编了一些开源代码 其运行良好 足以成功用于 twitter twitpic 和
  • 如何检测 tumblr 用户是否登录?

    我正在编写一个主题 只想向博客管理员显示内容 但我不知道如何检测管理员是否登录 我确实注意到 在 HTML 的底部 在结束 body 标记之前有这样的代码
  • 仅在 tumblr 博客主页上显示 div?

    我对 CSS 和 HTML 的理解相当新手 我正在尝试做一些我认为应该相对简单的事情 在我正在创建的自定义 tumblr 主题中 但我找不到简单的答案 我有一种感觉 可能有一种超级简单的方法可以在 JavaScript 中完成我想要的事情
  • 尝试向 Tumblr 博客发帖时不断收到 401

    通过 v2 API 发布到 Tumblr 时 我不断收到 401 错误 但没有进一步解释错误是什么 请求如下 添加换行符以提高可读性 POST http api tumblr com v2 blog blog tumblr com post
  • 鼠标悬停时启动 GIF,否则暂停?

    因此 我尝试将这些图像放在我正在构建的页面的侧边栏上 这些图像是静态的 但当您将鼠标悬停时 它们会以 gif 形式呈现动画 我当前的设置是background imagecss 属性图像通常是静态 jpg 但在鼠标悬停时更改为动画 gif
  • 滚动条没有出现?

    我正在为 Tumblr 开发主题 但由于某种原因滚动条没有出现 这是博客的网址 http infinitethemedewitt tumblr com 主题的代码可以通过右键单击在页面源代码中找到 除了 html 之外的所有代码 因为它被
  • 需要在 Android 中将图像发布到 Tumblr 博客

    我需要将图片发布到 Tumblr 我读了这个http www tumblr com docs en api v2 auth http www tumblr com docs en api v2 auth我开始知道我需要获取用户信息才能获取博
  • 通过 PyTumblr 仅返回 20 个帖子

    我在用PyTumblr https github com tumblr pytumblr返回我所有的帖子 但它只返回 20 我找到了 posts 函数的 kwarg 称为 limit 但当我指定 1000 时 它仍然返回 20 知道我做错了
  • 如何在 Tumblr 上添加标签云?

    我已经使用 Tumblr 有一段时间了 但我不知道如何在博客上显示 Tumblr 标签云 我想问一下如何在我的Tumblr博客上显示标签云 第三方 JavaScript 解决方案 http rive rs projects tumblr t
  • 第一张图片仅来自索引页上的照片集,然后全部位于永久链接页上

    Hello 我一直在玩 tumblr 照片集 目前我正在使用基于砖石的主题 对于照片集 我希望只在索引页面上显示照片集的第一张图像 但在永久链接页面上我希望显示照片集的所有图像 谢谢 我发现的最简单 最有效的方法是在第一张照片后打开评论标签
  • 作曲家不会自动加载

    我按照作曲家的说明并成功安装了作曲家 我想使用 tumblr 的全新产品PHP API 客户端 https packagist org packages tumblr tumblr 我的文件夹结构 vendor composer json
  • 什么是 {block:Hidden} 以及何时使用它?

    block Hidden
  • 在 Tumblr 上每 3 个帖子添加内容

    我想知道是否有办法在每个页面上的第 3 篇文章之后放置内容 以便我可以渲染一些内容 我在 tumblr 主题 API 上没有找到任何内容 带有 API 的特定帖子 如果您使用 API 来收集 附加帖子 则需要您完成此操作 一个简单的循环 计
  • 使用 iOS 版 OAuthConsumer 将图像上传到 tumblr

    我正在使用OAuth消费者 http code google com p oauthconsumer 在我的 iOS 应用程序中 它使用汤不热API http www tumblr com docs en api v2 posting 一般
  • 如何从 tumblr 官方 php 客户端获取 access_token?

    我已按照中发布的说明进行操作这个计算器问题 https stackoverflow com questions 18176109 get oauth token with tumblrs official php client 但我被困住了
  • Jquery Ajax - Tumblr API v2

    我试图深入了解 Tumblr 的黑暗世界 但无法理解如何克服以下错误 Uncaught SyntaxError Unexpected token 我相信这可能是因为我正在返回 json 但尝试使用 jsonp 这是我要发送的内容 funct
  • 编辑类名中带有空格的元素的 css 样式

    我正在创建一个 tumblr 我必须编写一个外部 CSS 文件 但我在编辑 post 元素的 css 样式时遇到问题 这是它的结构 li class post quote other code li 问题是类名中有空格 我如何创建一个 CS

随机推荐