Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

How Can I Add Social Media Icons To Footer


broadstreetbully

Recommended Posts

I am trying to add the spinning social media icons to my footer but I can't seem to get it right...I did it in v2.2rc2a but this new site is 2.3.4 and I'm having problems with the images not showing (only get the "missing image icons" in their place) plus the image always show up under the right infobox.

I uploaded the images to my "/images" folder and the images are called using CSS...below is the code for what I'm trying to do:

 

the CSS is-

p#socialicons img{ /* 1st set of icons. Rotate them 360deg onmouseover and out */
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}

and the HTML is-

<b>360 degree spin onMouseover and onMouseout</b></p>

<p id="socialicons">
<a href="http://www.xxxxxxxxxx.com/">
<img border="0" src="rss.png" /></a>
<a href="http://www.xxxxxxxxxx.com/">
<img border="0" src="delicious.png" /></a>
<a href="http://www.xxxxxxxxxx.com/">
<img border="0" src="facebook.png" /></a>
<a href="http://www.xxxxxxxxxx.com/">
<img border="0" src="twitter.png" /></a>
<a href="http://www.xxxxxxxxxx.com/">
<img border="0" src="yahoo.png" /></a>
</p>

I placed the CSS in the css file in the catalog directory and when I place the HTML in the footer.php the missing icon image shows up under the right infoboxes.

I also tried to add the HTML to the languages.php with no luck either.

I appreciate the help.

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...