2013-12-17 25 views
10

Disqus eklentisinin altbilgisini kaldırmak istiyorum. Disqus iyi çalışıyor, ancak altbilgi biraz yineleniyor. Altbilgiyi kaldırmak istiyorum, böylece yalnızca ilgili yorumları görebiliyorum.Disqus altbilgisini web sayfasından kaldırma

Altbilgiyi görüntünün sonunda görebilirsiniz.

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

Sadece bu kadar altbilgi gizlemek için çalışıyorum! Ben yeni disqus bir iframe ve bu nedenle özel CSS uygulanamaz kullandığı izlenimi altında

+2

Im değil au fait hizmet Disqus şartlarına istihdam, ama bu onlardan aykırı olacağını hayal ediyorum. – SW4

+0

Bunun bir yerde çalışan bir demo var mı? – Wez

+0

bunu yapmama izin ver .. – Clayton

cevap

5

oldu: Çoğunlukla

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

, özelleştirme yeni farklıdır Disqus çünkü bir iframe içine gömülen yorumumuzu tamamen yeniden uygulamaya karar verdik. Bu iframe disqus.com'da barındırılır ve bu nedenle tarayıcı web sitenizin CSS ifadeleri kullanarak stillerini uygulamasına izin vermez. CSS eklenti olarak

+1

Sanırım haklısın. Yani her durumda o altbilgiyi kaldırabiliriz? – Clayton

36

:

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

Iframe'de olup olmadığını biliyor musunuz, Css oraya uygulanmamış mı? – Clayton

+0

iframe'in enjekte edildiği öğenin kimliğine uygulanmalıdır. Evrensel Kod'a bakarsanız, iframe'nin gideceği boş bir eleman

vardır. Ve bununla birlikte, CSS'den sonra ek bir eleman ekleyeceksiniz. Umarım yardımcı olur! – fanta

+0

Bunu deneyeyim. – Clayton

5

Negatif marjları ve taşma gizli kullanabilirsiniz. Joomla yönetim panelinde

+0

Çok daha iyi, çünkü bunun üstünde bir beyaz kutu bırakmıyor. – Matthias

+0

Ayrıca, mobil cihazlar için 'overflow-x: hidden' ekleyin. (En azından iOS ile sınanmıştır.) – Matthias

-3

#disqus_thread { 
 
    overflow: hidden; 
 

 
    iframe { 
 
    margin-bottom: -54px; 
 
    } 
 
}
administrator - extensions - plugin manager gidip Disqus devre dışı bırakın. Aşağıda Örnek ekran görüntüsü:

enter image description here

+2

Bu, Disqus'u sayfadan kaldırır, Disqus Altbilgisi'ni değil. Afedersiniz. – Clayton

İlgili konular