Question

我正在使用Google动态Feed控件整理一小部分RSS Feed。

但是，我只是想知道是否有任何文档可以解释我如何设计它。我知道它使用它自己的预设样式，例如.gfc-title {} ,. gfc-resultsHeader {}这是我唯一知道的两个。

我只有四个Feed，我真的想把它们组织成一个彼此相邻的垂直列。而不是默认堆叠，左对齐在彼此之上。

如果我在这里遗漏了一些明显的东西，请道歉！

      <script type="text/javascript" src="https://www.google.com/jsapi"></script>
            <script type="text/javascript">
       google.load("feeds", "1");

       function OnLoad() {
       // Create a feed control
       var feedControl = new google.feeds.FeedControl();

      // Add two feeds.
      feedControl.addFeed("#", "Feed 1");
      feedControl.addFeed("#", "Feed 2");
      feedControl.addFeed("#", "Feed 3");
      feedControl.addFeed("#,  "Feed 4");


      // Draw it.
      feedControl.draw(document.getElementById("google_feeds"));
      }

      google.setOnLoadCallback(OnLoad);

Answer 1

您可以使用developer tools of your browser查找Google的Feed控件的css类。我想最重要的是 gfc-resultsRoot ， gfc-resultsHeader ， gfc-title ， gfc-results 和 gfc-result 。

您可以通过向 gfc-resultsRoot 添加样式来获得所需的结果。也许是这样的：http://jsfiddle.net/qy81yn7f/1/

    .gfc-resultsRoot { 
        width : 300px;
        float: left;
    }

Google Feed Control - 使用CSS进行样式设置

1 个答案: