Viewing instagram button
instagram button
|
User: Fighter88 12 years ago
|
|
|
i am trying something that should be really simple. I wonna have a button on my webpage that links to my instagram site, so people can follow me there. I used this html <style>.ig-b- { display: inline-block; } .ig-b- img { visibility: hidden; } .ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; } .ig-b-32 { width: 32px; height: 32px; background: url(//badges.instagram.com/static/images/ig-badge-sprite-32.png) no-repeat 0 0; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .ig-b-32 { background-image: url(//badges.instagram.com/static/images/ig-badge-sprite-32@2x.png); background-size: 60px 178px; } }</style> <a href="http://instagram.com/travelwithsimon?ref=badge" class="ig-b- ig-b-32"><img src="//badges.instagram.com/static/images/ig-badge-32.png" alt="Instagram" /></a> the links works great, but there is no image when i do this. What am i doing wrong here, there should be a image of the instagram logo. Last edit 12 years ago |
|
| Post Reply |
| You must login or signup to post. |