Question

我使用了another thread here上找到的一段代码来实现我主题的“自定义html”功能。它就像一个“粘贴帖子”或一个额外的{description}块。它完全适用于自己的目的，但会干扰Tumblr的控制按钮。

如果用户选择不使用该功能（将该字段留空），则tumblr控制按钮将从首页和各个帖子完全消失。如果他们使用该功能，首页将正确显示（控制按钮完好无损），但个别帖子将缺少like / reblog / etc。控件。

我尝试了将{LikeButton}和（ReblogButton}添加到帖子中的临时解决方法，但莫名其妙地，类似按钮（但不是reblog）的行为方式相同 - 只显示在首页上，或根本不显示，取决于{ifCustomHTML}。

以下是块：

{block:IndexPage}
<div id="index"
{block:SearchPage}style="display: none;"{/block:SearchPage}
{block:TagPage}style="display: none;"{/block:TagPage}>

{block:IfCustomHTML}
<body class="page{CurrentPage}">
<div id="customhtml">
{text:Custom Html}    
</div></body>
{/block:IfCustomHTML}
</div>
{/block:IndexPage}

以下是样式，以防万一：

#customhtml {
display:none !important;
font-family: {font:Post Body} !important;
background: url('{image:Post Background}') top left fixed repeat;
color: {color:Post Body};
margin: 0 0 10px 0;
padding: 10px;
position: relative;
-moz-border-radius: {text:Corner Radius}px;
-webkit-border-radius: {text:Corner Radius}px;
border-radius: {text:Corner Radius}px;}
.page1 #customhtml{display:block}

整个代码在这里：https://raw.github.com/Teratoma/reduxredux/master/ReduxRedux

问题的一个例子是：http://reduxredux.teratoma.tk（向下滚动并点击第一篇帖子永久链接，然后pre pre！控制按钮消失。）

我承认代码杂乱而且业余，但显然我还在学习，所以我很感激有人愿意看看我丑陋的编码。

Answer 1

您的HTML无效。您不能在页面上拥有多个body元素，并且这些元素不能包含在divs中。从CustomHTML块中删除开始和关闭的body元素。 tumblr_controls iframe加载（右上角的加入/关注按钮）非常重要，否则类似按钮将无效 - 当HTML无效时，iframe可能无法正确加载。解决这个问题，一切都很好。

主要Tumblr页面上的元素 - 工作但打破控制按钮

1 个答案: