php - 仅在主 Tumblr 页面上的元素 - 有效但会破坏控制按钮

标签 php html css tumblr

我使用了在 another thread here 上找到的一段代码在我的主题上实现“自定义 html”功能。这就像一个“置顶帖”,或一个额外的 {description} block 。它可以完美地满足自己的目的,但会干扰 Tumblr 的控制按钮。

如果用户选择不使用该功能(将该字段留空),tumblr 控制按钮就会从首页和各个帖子中完全消失。如果他们确实使用了该功能,首页将正确显示(控制按钮完好无损),但个别帖子将缺少喜欢/转发/等。控制。

我通过在帖子中添加 {LikeButton} 和 (ReblogBu​​tton} 来尝试临时解决方法,但令人费解的是,点赞按钮(但不是转发按钮)的行为方式相同 - 仅显示在首页上,或者根本不显示,取决于 {ifCustomHTML}。

这是 block :

{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 block 中删除开头和结尾的正文元素。重要的是 tumblr_controls iframe 加载(右上角的加入/关注按钮),否则类似按钮将不起作用——当您的 HTML 无效时,iframe 可能无法正确加载。解决这个问题,一切都会好起来的。

关于php - 仅在主 Tumblr 页面上的元素 - 有效但会破坏控制按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16549749/

相关文章:

php - 在 PHP 中使用带有 sqlsrv_query 函数的临时表不会产生任何结果

php - 是否可以简化 isset?

php - 数据库中的字段未在浏览器中显示

html - CSS 扩展导航问题

php - get_result() 在本地主机上工作,但不在实时服务器上工作

html - WCAG anchor 链接

python - 从Python中的folium map 中删除滚动条

javascript - Blob 图像返回空白图像

javascript - 从数组设置后如何使图像淡入淡出/滑入?

html - 如何使用 flexbox 根据设备宽度重新排列 div?