元素在Tumblr主页上-工作,但破坏控制按钮


element on main Tumblr page ONLY - works but breaks control buttons

我使用了一段我在另一个线程中找到的代码片段,在我的主题上实现了一个'自定义html'功能。这就像一个"粘性帖子",或者一个额外的{描述}块。它可以完美地实现自己的目的,但会干扰Tumblr的控制按钮。

如果用户选择不使用该功能(留下空白字段)tumblr控制按钮完全消失,从首页和个别帖子。如果他们使用这个功能,首页将正常显示(控制按钮完好无损),但个别帖子将失去喜欢/转发/等。控制。

我尝试了一个临时的解决办法,通过添加{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(向下滚动并点击第一个帖子永久链接,嘿,快!控制按钮消失。)

我承认代码很杂乱,很业余,但显然我还在学习中,所以我很感谢任何人愿意看我丑陋的代码。

您的HTML无效。在一个页面上不能有一个以上的body元素,并且它们不能包装在divs中。从CustomHTML块中删除开始和结束主体元素。tumblr_controls iframe加载(右上角的join/follow按钮)是很重要的,否则like按钮将无法工作——当您的HTML无效时,iframe可能无法正确加载。