So now that we can set two sets of colors in our php files…that result in these SVG graphics,…now we're going to set a second file reference…to change the colors on hover state.…The first thing we're going to do is…let's set the colors in the default state.…So just like I did before,…I'm going to format these a little bit…to put these on their own lines.…So we're going to format the Twitter social media link,…and then the Instagram,…I'll pad these in a little bit.…
So for Twitter, let's come up here…and set the default states…so after the file reference, B equals,…and we're going to set the colors for Twitter,…so that's going to be 89 for red,…173 for green, 235 for blue,…and then one for the alpha.…And then down for LinkedIn let's set the base to 35 for red,…134 for green, and 186 for blue,…and then one for alpha.…For Instagram we'll set seven for red, 73 for green,…and 120 for blue, and then one for alpha.…
Save our work.…Over here in the preview we can see now…the three corporate colors showing up…for each of these different social media platforms.…
Share this video
Embed this video
Video: Changing colors with a mouseover