0

Google ダイナミック フィード コントロールを使用して、RSS フィードの小さなリストをまとめています。

ただし、スタイルを設定する方法を説明するドキュメントがあるかどうかは疑問です。私が知っているように、.gfc-title {} 、 .gfc-resultsHeader {} などの独自の事前設定されたスタイリングを使用しています。これらは私が知っている2つだけです。

取り込んでいるフィードは 4 つしかないので、それらを縦の列に並べて整理したいと考えています。デフォルトの積み上げではなく、左揃えで互いの上に配置されます。

ここで明らかな何かが欠けている場合はお詫びします。

      <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);
4

1 に答える 1

0

ブラウザの開発者ツールを使用して、Google のフィード コントロールの css クラスを見つけることができます。最も重要なものはgfc-resultsRoot、gfc-resultsHeader、gfc-title、gfc-results、およびgfc-resultだと思います。

スタイルをgfc-resultsRootに追加すると、おそらく必要な結果が得られます。多分このようなもの：http://jsfiddle.net/qy81yn7f/1/

    .gfc-resultsRoot { 
        width : 300px;
        float: left;
    }
于 2014-10-01T19:43:11.337 に答える