2013-12-17 24 views
10

我想刪除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

我只是試圖隱藏頁腳這就是它!

+2

我不是太子港既成事實與服務Disqus條款聘用,但我想這將是違反他們。 – SW4

+0

你有沒有演示過這個運行的地方? – Wez

+0

讓我這樣做.. – Clayton

回答

5

我是, disqus採用了iframe,因此自定義CSS不能適用的印象是:

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

在大多數情況下,定製是在新的不同因爲我們決定完全重新實現我們的評論嵌入到iframe中。此iframe託管在disqus.com上,因此,瀏覽器不會讓您的網站使用CSS語句對其應用樣式。

+1

我認爲你是對的。所以任何情況下,我們可以刪除該頁腳? – Clayton

36

在你的CSS地址:

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

你知道iframe中是否應用了我們的Css? – Clayton

+0

它應該應用於注入iframe的元素的ID。如果你看一下通用代碼,那麼iframe就會有一個空的元素

。對於那個你會添加一個額外的元素:在CSS之後。希望能幫助到你! – fanta

+0

讓我試試這個。 – Clayton

5

您可以使用負利潤率和溢出隱藏。

#disqus_thread { 
 
    overflow: hidden; 
 

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

+0

好得多,因爲它不會在上面留下一個白色的盒子。 – Matthias

+0

另外,爲移動添加「overflow-x:hidden」。 (至少使用iOS進行測試) – Matthias

-3

在的Joomla管理面板去administrator - extensions - plugin manager和禁用Disqus。下面 實例截圖:

enter image description here

+2

這將從網頁中刪除Disqus,不是Disqus Footer。抱歉。 – Clayton