post - 帖子上的 Tumblr 赞按钮无法重新定位？

Question

我正在使用 ThinkingStiff 的这段代码

http://like-button.tumblr.com/

我不明白如何重新定位它。

我试图在这个主题上重新定位它http://f1rst5.tumblr.com/ 但是当我点击like按钮时它会再次重新定位。

Answer 1

未按下按钮时，其类别为my-like，按下后类别更改为my-liked。因此，在您的 CSS 中，您定义了my-like和的样式my-liked。

在您提供的示例站点中，my-liked该类的样式设置如下：

margin-left: -5px;
margin-top: -251px;

如果这是您的定位问题，那么只需将这些线取出，无论是否按下按钮，按钮都会保持在同一个位置。

无论哪种方式，如果您为其中一个类设置了某种样式，如果您想在按下和未按下状态下都保持该样式，则还必须将其设置为另一个。

（我希望这就是您在问题中的意思）

Answer 2

从您链接的页面：

然后将以下按钮代码剪切并粘贴到您希望您的喜欢按钮所在的主题中（这必须在您的 {block:Posts}{/block:Posts} 块内）。

它可以在 {block:Posts} 和 {/block:Posts} 之间。在这些标签中，您可能会发现 headers(h1,h2,..., tags)、paragraphs(p)、Images(img) 等等。根据您放置它的位置，即在段落或图像之前或之后，按钮将获得其位置。

如果您需要更准确地重新定位它，也许最简单的方法是在 tumblr 可视化编辑器中创建一个表格（它应该有一个），这样您就可以更好地控制内容的布局。例如，您可以拥有一张桌子 | 正文 | 图片 | 喜欢button_code | 这样您就不仅限于某物上方或下方的定位，还可以进行内联定位。

希望这可以帮助。