instagram button - Forum
This discussion started in February 2014. EverWeb has changed a lot since then, so some answers may no longer apply.
Find up-to-date answers in the EverWeb help articles. Still stuck? Start a new thread or contact support.
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/[email protected]); 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. |