WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You

WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » Share Link on Topics

View previous topic View next topic Go down  Message [Page 1 of 1]

1Solved Share Link on Topics Sun Apr 22, 2012 2:51 am

runawayhorses

runawayhorses
Registered Member
Registered Member
Is there a way to turn that "Share" link that is on every topic on the top right-hand side into a button instead of a text link?



Last edited by runawayhorses on Mon Apr 23, 2012 11:02 pm; edited 1 time in total

http://avrillavignetalkshow.forumotion.com/

2Solved Re: Share Link on Topics Sun Apr 22, 2012 7:35 am

runawayhorses

runawayhorses
Registered Member
Registered Member
Well I was able to find the code to add a button that I wanted, so here is the code for anyone that may want to do this too. This replaces that SHARE text link that no one sees. Smile

This should be archived someplace people have asked about this already on the forumotion support, and I could not find any answers there.

This is my first contribution to this forum.. Smile

Code:
    .addthis_button {
        background: url("URL OF ICON GOES HERE") no-repeat scroll center center transparent;
        margin-left: -10px;
        margin-top: 47px;
        padding: 2px 28px 25px;
        position: absolute;
        color: transparent!important;
    }

http://avrillavignetalkshow.forumotion.com/

3Solved Re: Share Link on Topics Sun Apr 22, 2012 10:57 am

ankillien

ankillien
Administrator
Administrator
Thanks for the contribution Very Happy

I think this javascript would work better...

Code:
$(function(){
$('a[href*=plus_menu]').html('<img src="IMAGE URL HERE" />');
});

It will replace the text 'Action' with the image you want.

4Solved Re: Share Link on Topics Sun Apr 22, 2012 12:32 pm

runawayhorses

runawayhorses
Registered Member
Registered Member
I think I'll leave the Action link a text link. It makes a nice contrast next to the Share button. But how would that javascript work better for the share button? That code is for the 'Action' link, right?

http://avrillavignetalkshow.forumotion.com/

5Solved Re: Share Link on Topics Sun Apr 22, 2012 1:04 pm

ankillien

ankillien
Administrator
Administrator
Oh! You need it for share button itself?
I thought it was for action button Razz

6Solved Re: Share Link on Topics Sun Apr 22, 2012 1:13 pm

runawayhorses

runawayhorses
Registered Member
Registered Member
Now I'm confused..lol

I have the Share button done with the CSS code and it works fine. I thought maybe you were suggesting you had a javascript for the Share button, but posted the "Action" code instead. That code you posted is for the Action link right? I'm not going to use a button for that link, but thanks anyway.. Smile

http://avrillavignetalkshow.forumotion.com/

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » Share Link on Topics

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