Twitter CSS 覆盖

Question

我对 Javascript 之类的东西知之甚少（基本上，我知道的足以找出要复制和粘贴的部分）。因此，我一直在尝试使用我找到的代码 here 来修改 Twitter 小部件。我已经对其进行了修改，使其显示为我想要的样子，但是提要前后有很大的空间，这是无意的。请看我的博客：Lost Little Lutheran。

这是我使用的 css：

if ( ibody.find( '.timeline .stream .h-feed li.tweet' ).length ) {
   ibody.find( '.footer' ).css( 'visibility', 'hidden' );
   ibody.find( '.footer' ).css( 'min-height', 0 );
   ibody.find( '.footer' ).css( 'height', 0 );
   ibody.find( '.footer' ).css( 'margin', '0px 0px -10px 0px' );
   ibody.find( '.p-nickname' ).css( 'font-size', 0 );
   ibody.find( '.p-nickname' ).css( 'visibility', 'hidden' );
   ibody.find( '.e-entry-content' ).css( 'margin', '0px 0px 0px 0px' );
   ibody.find( '.p-name' ).css( 'font-family', 'Georgia' );
   ibody.find( '.e-entry-content p' ).css( 'font-family', 'Georgia' );
   ibody.find( '.dt-updated' ).css( 'visibility', 'hidden' );
   ibody.find( '.dt-updated' ).css( 'font-size', 0 );
   ibody.find( '.full-name' ).css( 'visibility', 'hidden' );
   ibody.find( '.full-name' ).css( 'font-size', 0 );
   ibody.find( '.avatar' ).css( 'margin', '25px 0px 0px 0px' );
}

有人知道如何收紧吗？

谢谢！

Answer 1

Dangit，我讨厌从咆哮开始，但在这种情况下需要它。

标题中有 875 行。这简直太荒谬了，你真的需要构建一个外部 CSS。这太可怕了。

但是现在我们为什么在这里，让我们解决这个问题！

好的，在对您的网站进行了一些挖掘之后，您似乎实际上在推文的标题中有内容......直到推文插件进来并替换了一些内容。

然后您会注意到头像上有“25px 0px 0px 0px”的边距。

这告诉图像在顶部有 25px 的空间。

在你的脚本中，你会发现这个

            ibody.find( '.footer' ).css( 'visibility', 'hidden' ); //hide reply, retweet, favorite images
        ibody.find( '.footer' ).css( 'min-height', 0 ); //hide reply, retweet, favorite images
        ibody.find( '.footer' ).css( 'height', 0 ); //hide reply, retweet, favorite images
        ibody.find( '.footer' ).css( 'margin', '0px 0px -10px 0px' );
        ibody.find( '.p-nickname' ).css( 'font-size', 0 ); //hide @name of tweet
        ibody.find( '.p-nickname' ).css( 'visibility', 'hidden' ); //hide @name of tweet
        ibody.find( '.e-entry-content' ).css( 'margin', '0px 0px 0px 0px' ); //move   tweet up (over @name of tweet)
        ibody.find( '.p-name' ).css( 'font-family', 'Georgia' );
        ibody.find( '.e-entry-content p' ).css( 'font-family', 'Georgia' );
        ibody.find( '.dt-updated' ).css( 'visibility', 'hidden' );
        ibody.find( '.dt-updated' ).css( 'font-size', 0 );
        ibody.find( '.full-name' ).css( 'visibility', 'hidden' );
        ibody.find( '.full-name' ).css( 'font-size', 0 );
        ibody.find( '.avatar' ).css( 'margin', '25px 0px 0px 0px' );

所以我的解决方案是查看这个脚本并一次删除一小部分。从 ibody.find( '.avatar' ).css( 'margin', '25px 0px 0px 0px' ) 开始； ，或者直接把25px换成0px，看看有什么效果。

如果您删除具有“可见性”、“隐藏”的行，那么您可能会发现您也喜欢这些结果。如果您不想这样做，请尝试使用“显示”、“无”。可见性将它留在原地，只是不允许它被看到。

您可以对您的网站进行很多 DEF 操作，以使编码更加顺畅，并帮助您避免将来遇到这种混乱可能引发的问题，没有冒犯性。

我希望这会有所帮助，祝您编码愉快！！！如果您满意，请加上向左的向上箭头。如果您还有任何问题，请回复。

---编辑---

做外部 CSS 的一般指南

CSS Guide

您还可以将 JS 移动到子文件中并从标题中包含它。我会先解决问题，然后再做。