Google Feed Control - 使用CSS設計樣式

Question

我正在使用Google Dynamic Feed Control整理一小部分RSS Feed。

但是我只是想知道是否有任何文件解釋我可以如何設計它。正如我所知道的那樣，它使用了自己的預先設定樣式，例如.gfc-title {}，.gfc-resultsHeader {}這些是我知道的唯一兩個。

我只有四個飼料我拉，我真的想組織成一個垂直列彼此相鄰。而不是默認堆疊，左對齊在另一個之上。

道歉，如果我失去了一些明顯的東西！

 <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找出谷歌的進給控制的CSS類。我想最重要的是GFC-resultsRoot，GFC-resultsHeader，GFC-標題，GFC-結果和GFC-結果。

您可能通過向添加樣式來獲得結果gfc-resultsRoot。可能是這樣的：http://jsfiddle.net/qy81yn7f/1/

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