【发布时间】:2012-09-04 14:50:37
【问题描述】:
我正在使用 ThinkingStiff 的这段代码
http://like-button.tumblr.com/
我不明白如何重新定位它。
我试图在这个主题上重新定位它http://f1rst5.tumblr.com/ 但是当我点击赞按钮时,它会再次重新定位。
【问题讨论】:
标签: post themes tumblr social-media-like
我正在使用 ThinkingStiff 的这段代码
http://like-button.tumblr.com/
我不明白如何重新定位它。
我试图在这个主题上重新定位它http://f1rst5.tumblr.com/ 但是当我点击赞按钮时,它会再次重新定位。
【问题讨论】:
标签: post themes tumblr social-media-like
从您链接的页面:
然后将以下按钮代码剪切并粘贴到您的主题中 想要你喜欢的按钮(这必须在你的 {block:Posts}{/block:Posts} 块)。
它可以在 {block:Posts} 和 {/block:Posts} 之间。在这些标签中,您可能会发现 headers(h1,h2,..., tags)、paragraphs(p)、Images(img) 等等。根据您放置它的位置,即在段落或图像之前或之后,按钮将获得其位置。
如果您需要更准确地重新定位它,也许最简单的方法是在 tumblr 可视化编辑器中创建一个表格(应该有一个),这样您就可以更好地控制内容的布局。例如,您可以拥有一张桌子 |正文 |图片 |喜欢button_code |这样您就不仅限于上方或下方的定位,还可以进行内联定位。
希望这会有所帮助。
【讨论】:
当按钮没有被按下时,它的类是my-like,按下它后类变成my-liked。因此,在您的 CSS 中,您分别为 my-like 和 my-liked 定义样式。
在您提供的示例站点中,my-liked 类的样式设置如下:
margin-left: -5px;
margin-top: -251px;
如果这是您的定位问题,那么只需将这些线去掉,无论是否按下按钮,按钮都会保持在同一个位置。
无论哪种方式,如果您为这些类中的一个设置了某种样式,如果您想在按下和未按下状态下都保持该样式,则还必须将其设置为另一个。
(我希望这就是你在问题中的意思)
【讨论】: