如何从网页上删除Disqus页脚

时间:2013-12-17 11:53:22

标签: css disqus

我想删除Disqus插件的页脚。 Disqus工作正常,但页脚看起来有点迭代。 我想删除页脚,以便我只能看到相关的评论。

您可以在图片末尾看到页脚。

enter image description here

<div class="well">
  <div id="disqus_thread"></div>
  <script type="text/javascript">
    /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
    var disqus_shortname = 'destinationcompk'; // required: replace example with your forum shortname
    function disqus_config() {
      this.callbacks.afterRender.push(function() { alert('clayton') });
    }

    var disqus_identifier = "image_".concat(12);
    var disqus_title = "image_title".concat(12);

    /* * * DON'T EDIT BELOW THIS LINE * * */
    (function () {
        var dsq = document.createElement('script');
        dsq.type = 'text/javascript';
        dsq.async = true;
        dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    })();
  </script>
  <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments
  </a></noscript>
</div>

Go to Fiddle Button

我只是试图隐藏页脚,就是这样!

5 个答案:

答案 0 :(得分:38)

在CSS中添加:

#disqus_thread {
     position: relative;
}
#disqus_thread:after {
     content: "";
     display: block;
     height: 55px;
     width: 100%;
     position: absolute;
     bottom: 0;
     background: white;
}

答案 1 :(得分:6)

您可以使用负边距并隐藏溢出。

#disqus_thread {
  overflow: hidden;

  iframe {
    margin-bottom: -54px;
  }
}

答案 2 :(得分:5)

我认为 disqus使用iframe,因此无法应用自定义CSS:

http://help.disqus.com/customer/portal/articles/526768-introducing-the-new-disqus-and-f-a-q-

  

在大多数情况下,新的Disqus中的自定义不同,因为我们决定在iframe中完全重新实现我们的注释嵌入。这个iframe托管在disqus.com上,因此,浏览器不允许您的网站使用CSS语句将样式应用于它。

答案 3 :(得分:0)

除了技术变通方法外,还有一种合法的方法可以做到这一点。根据网站上的信息,您可以通过Pro订阅将其删除,在您回答此问题时,订阅费​​用约为每月100美元。

https://<accountname>.disqus.com/admin/settings/general/

Disqus Branding Toggle Option in Settings

答案 4 :(得分:-4)

在Joomla管理面板中,转到 @Html.ActionLink("Finance & Accounting","Finance","Department") 并停用administrator - extensions - plugin manager以下示例截图:

enter image description here