css - CSSストックティッカー修正

Question

私はついにすべてのブラウザで機能する株式相場表示を見つけました。見栄えを良くするために、さらにいくつかのハックを実行しようとしています。

1）フォントをページの残りの部分と同じサイズにします2）「現在の株価」の黒いバーを取り除きます3）銘柄記号の後ろの薄い灰色を取り除きます

あなたの助けをどうもありがとう

こちらが http://petrowest.squarespace.com/home/のページです

Answer 1

あなたがリンクした petrowest サイトのソースを見ました。petrowest は次の株式ティッカー モジュールを使用しているようです。

http://www.google.com/ig/directory?type=gadgets&url=hosting.gmodules.com/ig/gadgets/file/111070972621517437361/mini-stocks-gadget.xml

モジュールを Web サイトに埋め込むと、xml ファイルをローカルでホストし、株式ティッカーの定義を編集できるようになります。

petrowest ページのソース コードを表示すると、次の行が表示されます。

<div class="stock-ticker"><script src="//www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/111070972621517437361/mini-stocks-gadget.xml&amp;up_stocks=PRW.TO&amp;synd=open&amp;w=200&amp;h=50&amp;title=&amp;output=js"></script></div>

次に、埋め込まれた URL をクリックするとhttp://hosting.gmodules.com/ig/gadgets/file/111070972621517437361/mini-stocks-gadget.xml、インライン CSS 定義を含む関数定義が表示されます。mini-stocks-gadget.xml をサーバーに保存すると、関数の css 部分を試して、目的の外観にすることができるはずです。

Answer 2

コードを Web サイトに直接配置するのではなく、モジュールを使用しているため、次のようにハックする必要があります。

.standard[background-color="#000000"] { display: none; }
.standard { font-size: 14px; /* put in size here */ background:white; /* eliminate grey background}