Shape5.com Corporate Response Joomla テンプレートを使用していますが、右上隅にあるソーシャル メディアの 4 つのアイコンの色を変更するよう求められました。このテンプレートのデモは次の場所にあります。
http://www.shape5.com/demo/corporate_response/
各アイコンの CSS は、template.css ファイルから次のようになります。ここでは、RSS 用の最初のアイコンを簡単に説明します。
#s5_rss {
height:23px;
width:22px;
background:url(../images/rss.png) no-repeat top left;
cursor:pointer;
margin-left:8px;
float:right;
}
#s5_rss:hover {
background:url(../images/rss.png) no-repeat bottom left;
}
rss.png は次のとおりです。
http://www.shape5.com/demo/corporate_response/templates/corporate_response/images/rss.png
CSS を使用して、アクティブ/ホバーの色を現在の色から赤に変更するように依頼されました。これがCSSでできるかどうかはわかりません。それをできる？それとも、デザイナーが画像を使用して作成した新しい .png ファイルを希望の赤色にする必要がありますか?
また、この rss.png ファイルに異なる色合いのアイコンの 2 つの画像が含まれている理由と、CSS がそれらの間をどのように切り替えて、どちらをホバーに使用するかを判断する方法も理解したいと思います。これは、おそらくほとんどの .png ファイルとは異なる形式で、これを可能にする特別な .png ファイルですか? ありがとう！