wordpress ウィジェットで使用する CSS ホバー画像を作成しようとしています。Fireworks でファイルを作成し、CSS の一部をエクスポートしましたが、どこに置くべきか、何が欠けているのか完全に行き詰まっています。
Fireworks によって生成されたコードは次のとおりです。
.e3circles{ background:url("e3circles.png") top left no-repeat; }
.icons_equity_symb{ width:287px; height:289px; background-position:-10px -10px; }
.icons_equity_symb_1{ width:287px; height:289px; background-position:-307px -10px; }
.icons_energy_symb{ width:300px; height:289px; background-position:-604px -10px; }
.icons_energy_symb_1{ width:300px; height:289px; background-position:-914px -10px; }
.icons_easy_symb{ width:313px; height:289px; background-position:-1224px -10px; }
.icons_easy_symb_1{ width:313px; height:289px; background-position:-1547px -10px; }
.icons_pop{ width:900px; height:289px; background-position:-1870px -10px; }
.icons_pop_1{ width:900px; height:289px; background-position:-2780px -10px; }
画像はhttp://rachelorovio.com/sprites/e3circles.pngで見ることができます。
私は、円形のソーシャル メディア アイコンを持つ Studio Press のテーマ Minimum を使用することから始めました: http://demo.studiopress.com/minimum/
私のクライアントはサークルを維持したいと考えていますが、他の理由でテーマをエグゼクティブに切り替える必要がありました.
私はこれを数日間調査してきましたが、学べば学ぶほど複雑になるようです. すべてのスクリプトが異なるため、並べて比較することさえできません。お手伝いできることがあれば教えてください!! ありがとう！