Как удалить нижний колонтитул Disqus с веб-страницы - программирование
Подтвердить что ты не робот

Как удалить нижний колонтитул 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="#" onclick="location.href='http://disqus.com/?ref_noscript'; return false;">comments
  </a></noscript>
</div>

Go to Fiddle Button

Я просто пытаюсь скрыть нижний колонтитул, что это!

4b9b3361

Ответ 1

У меня создалось впечатление, что новый 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.

Ответ 2

В CSS добавить:

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

Ответ 3

Вы можете использовать отрицательные поля и переполнение.

#disqus_thread {
  overflow: hidden;

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

Ответ 4

В панели администрирования Joomla перейдите к administrator - extensions - plugin manager и отключите Disqus. Пример снимок экрана ниже:

enter image description here