Tumblr喜欢帖子上的按钮无法重新定位?

时间:2012-09-11 15:58:43

标签: post themes tumblr social-media-like

我正在使用ThinkingStiff的代码

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

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

我尝试在此主题上重新定位http://f1rst5.tumblr.com/ 但当我点击相似的按钮时,它会再次重新定位。

2 个答案:

答案 0 :(得分:0)

从您关联的页面:

  

然后将以下按钮代码剪切并粘贴到您所在的主题中   想要你喜欢的按钮(这必须在你的内部   {block:Posts} {/ block:Posts} block)。

它可以是{block:Posts}和{/ block:Posts}之间的任何一个。在这些标签中你可以找到标题(h1,h2,...,标签),段落(p),图像(img)等。根据您放置它的位置,即在段落或图像之前或之后,按钮将获得其位置。

如果你需要更准确地重新定位它,也许最简单的方法是在tumblr可视化编辑器中创建一个表(它应该有一个),这样你就可以更好地控制内容的布局。例如,您可以使用表格文字|图片| likebutton_code |因此,您不仅可以使用上下定位,还可以进行内联定位。

希望这有帮助。

答案 1 :(得分:0)

如果未按下该按钮,则其类为my-like,按下该按钮后,课程将更改为my-liked。因此,在CSS中,您可以为每个my-likemy-liked定义样式。

在您提供的示例网站中,my-liked类的样式设置如下:

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

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

无论哪种方式,如果为这些类之一设置某种样式,如果要将该样式保持在按下状态和未按下状态,则必须将其设置为另一种样式。

(我希望这就是你在问题中的意思)