The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Instgram clickable badges?

View previous topic View next topic Go down

Solved Instgram clickable badges?

Post by XxForumGirlxX on July 28th 2013, 6:46 pm

So I went on instagram and looked at badges, i copied the stuff for it

Stuff:

<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-48 { width: 48px; height: 48px; background: url(//badges.instagram.com/static/images/ig-badge-sprite-48.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-48 { background-image: url(//badges.instagram.com/static/images/ig-badge-sprite-48@2x.png); background-size: 60px 178px; } }</style>
<a href="http://instagram.com/mysterious_wonders?ref=badge" class="ig-b- ig-b-48"><img src="//badges.instagram.com/static/images/ig-badge-48.png" alt="Instagram" /></a>
But how do I get it to appear on my post on my forum?
I have html enabled, not sure if that helps or anything cause idk anything bout css html and all that fancy techy stuff. Its suppose to show up as this:

and redirect to my instagram.


Last edited by XxForumGirlxX on July 28th 2013, 9:19 pm; edited 1 time in total

XxForumGirlxX
Forumember

Female Posts : 193
Reputation : 7
Language : English
Location : USA

http://fcbdsp.forumotion.com

Back to top Go down

Solved Re: Instgram clickable badges?

Post by runawayhorses on July 28th 2013, 7:31 pm

Try adding this to you CSS stylsheet:

AP>>Display>>Colors>>Css stylesheet:
Code:
.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-48 {
width:48px;
height:48px;
background:url(//badges.instagram.com/static/images/ig-badge-sprite-48.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-48 {
background-image:url(//badges.instagram.com/static/images/ig-badge-sprite-48@2x.png);
background-size:60px 178px;
}
}

Then you can add this to your post via your signature from your profile:

Profile>>Signature:
Code:
<a href="http://instagram.com/mysterious_wonders?ref=badge" class="ig-b- ig-b-48"><img src="//badges.instagram.com/static/images/ig-badge-48.png" alt="Instagram" /></a>

Edit: You have to make a post with that in your signature for it to show up.All the other posts you've made without a signature it will not be seen. So add it then make a post to see if it worked.

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Instgram clickable badges?

Post by KaceyStevens on July 28th 2013, 8:01 pm

I tried your code, but it dont work.

KaceyStevens
New Member

Posts : 20
Reputation : 3
Language : English

Back to top Go down

Solved Re: Instgram clickable badges?

Post by runawayhorses on July 28th 2013, 8:02 pm

You aren't the OP it doesn't apply to you.

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Instgram clickable badges?

Post by KaceyStevens on July 28th 2013, 8:04 pm

i am the OP'S forum buddie. We're talkin on skype. the instaram doesnt work.

KaceyStevens
New Member

Posts : 20
Reputation : 3
Language : English

Back to top Go down

Solved Re: Instgram clickable badges?

Post by runawayhorses on July 28th 2013, 8:05 pm

Well I don't know then. Maybe someone else can help you I'm out of ideas.

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Instgram clickable badges?

Post by XxForumGirlxX on July 28th 2013, 9:16 pm

@KaceyStevens wrote:i am the OP'S forum buddie. We're talkin on skype. the instaram doesnt work.

What are you talking about


Anyway, this is solved thank you runawayhorses

XxForumGirlxX
Forumember

Female Posts : 193
Reputation : 7
Language : English
Location : USA

http://fcbdsp.forumotion.com

Back to top Go down

Solved Re: Instgram clickable badges?

Post by SLGray on July 28th 2013, 9:22 pm

Topic Solved & Locked


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36659
Reputation : 2444
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum