【问题标题】:How to remove tumblr controls / buttons / iframe?如何删除 tumblr 控件/按钮/iframe?
【发布时间】:2015-12-05 22:57:00
【问题描述】:

我已尝试使用以下代码从我的 Tumblr 中删除控件/按钮/iframe。它们似乎都不适用于新的控制栏。

#tumblr_controls { display: none;}

<script>
var T_C = document.getElementById('tumblr_controls');
T_C.parentNode.removeChild(T_C);
</script>

【问题讨论】:

    标签: javascript iframe tumblr


    【解决方案1】:

    我刚刚检查过,Tumblr 似乎不再使用 id tumblr_controls,这很可能是您的代码无法正常工作的原因。试试这个;

    body > iframe:first-child { display: none !important; }
    

    此选择器选择任何iframe,它是直接在body 下的第一个孩子。

    如果您有一些脚本在开头添加了其他内容,请删除 :first-child(确保您在 body 下没有任何其他 iframe)。或者,您可以使用 Tumblr 正在使用的新类来选择要隐藏的元素,但是当 Tumblr 更改类时,您的代码将停止工作。

    有问题的元素现在看起来如何的示例:

    <iframe class="tmblr-iframe tmblr-iframe--desktop-loggedin-controls iframe-controls--desktop" name="desktop-loggedin-controls" scrolling="no" src="https://www.tumblr.com/dashboard/iframe?tumblelogName=example" width="0" frameborder="0" height="0">
    
    ... codes ...
    
    </iframe>
    

    【讨论】:

    • 哦,你美丽的天才!非常感谢!这完全有效!
    • 嘿,还要确保你检查this(关于 SO 的问题是在你之后问的),Tumblr 似乎在移动设备上做的事情有点不同。
    【解决方案2】:

    在我的 tumblr 中,body 标签后面有两个 iframe……所以我把它变成了这样。希望对您有所帮助!

    body > iframe:first-child, body > iframe:nth-child(2) {display: none;}
    

    【讨论】:

    • 非常感谢不吝赐教!根据您的回答,我必须检查页面,在页面正文下方找到iframe 的第一次出现,参加完整课程,然后,display: none。下面是使用默认 Tumblr 主题的 CSS 代码:.tmblr-iframe-compact .tmblr-iframe--unified-controls {display: none;} 需要指出的是,仅取消选中“推广 Tumblr”是不够的。
    【解决方案3】:

    只是想说是的,它仍然有效!我已经为概念设置制作了一个小型音乐播放器(使用 Tumblr 作为免费主机),我非常渴望解决方案,因为 body > iframe:first-child { display: none !important; } 没有取消 EMBED 的 IFRAME!!!!现在我的 tumblr 嵌入完全没有它的品牌!!!!!!

    【讨论】:

    • 正如目前所写,您的答案尚不清楚。请edit 添加其他详细信息,以帮助其他人了解这如何解决所提出的问题。你可以找到更多关于如何写好答案的信息in the help center
    猜你喜欢
    • 1970-01-01
    • 2023-03-09
    • 2015-08-05
    • 1970-01-01
    • 2014-03-09
    • 2012-03-02
    • 2016-02-29
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多