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.

[Help] Replacing default text "share" with an image.

View previous topic View next topic Go down

Solved [Help] Replacing default text "share" with an image.

Post by iamthestreets on November 9th 2011, 2:49 am

I would like to change the text that says share to an img share button and counter like in the link below how can I do this and where do I find the section to add the html?

Thanks in advance for the help.



http://www.addthis.com/gallery/horizontal-share-counter#.TrnTjbLpfoo


Last edited by iamthestreets on December 14th 2011, 2:34 am; edited 1 time in total

iamthestreets
Forumember

Posts : 114
Reputation : 1
Language : English

http://www.mystreetlife.forumotion.com/

Back to top Go down

Solved Re: [Help] Replacing default text "share" with an image.

Post by iamthestreets on December 4th 2011, 5:49 pm

bump

iamthestreets
Forumember

Posts : 114
Reputation : 1
Language : English

http://www.mystreetlife.forumotion.com/

Back to top Go down

Solved Re: [Help] Replacing default text "share" with an image.

Post by Guest on December 4th 2011, 6:02 pm

Go to Administration Panel => Display => Templates => General => viewtopic_body => Edit => Find:
Code:
<a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;pub=forumotion">{L_SHARE}</a>
This is code for Share, near Actions. Replace this code by your own you want:
Code:
<a class="addthis_counter addthis_pill_style"></a>
Then add this code at the top of your viewtopic_body, before all codes you have there:
Code:
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=YOUR-PROFILE-ID"></script>
Save and publish template. Wink Add

Guest
Guest


Back to top Go down

Solved Re: [Help] Replacing default text "share" with an image.

Post by iamthestreets on December 8th 2011, 11:06 pm

Thanks! It works but it put the share button on top of the action link. Do you know how to put it back to the left of the action link?

iamthestreets
Forumember

Posts : 114
Reputation : 1
Language : English

http://www.mystreetlife.forumotion.com/

Back to top Go down

Solved Re: [Help] Replacing default text "share" with an image.

Post by Guest on December 9th 2011, 7:00 pm

Try adding in your CSS Stylesheet:
Code:
a.addthis_pill_style{
margin-left: 350px;
align: right;
}
Change 350 by suitable(correct) number of pixels. Also, replace this code in the viewtopic_body:
Code:
<a class="addthis_counter addthis_pill_style"></a>
by:
Code:
<right><a class="addthis_counter addthis_pill_style"></a></right>
Save and publish template! Wink

Guest
Guest


Back to top Go down

Solved Re: [Help] Replacing default text "share" with an image.

Post by iamthestreets on December 9th 2011, 8:16 pm

It bunched up these links you see in the image when I entered your code.



I really do appreciate you helping me I hope I'm not being to bothersome.

iamthestreets
Forumember

Posts : 114
Reputation : 1
Language : English

http://www.mystreetlife.forumotion.com/

Back to top Go down

Solved Re: [Help] Replacing default text "share" with an image.

Post by Guest on December 9th 2011, 10:02 pm

Try by changing the value of margin-left, example, from 350px to 300px. Try to play with the value of margin-left Wink

Guest
Guest


Back to top Go down

Solved Re: [Help] Replacing default text "share" with an image.

Post by iamthestreets on December 12th 2011, 9:08 pm

Gassy wrote:Try by changing the value of margin-left, example, from 350px to 300px. Try to play with the value of margin-left Wink

I was able to fix the text but the share button is still in the same position.


iamthestreets
Forumember

Posts : 114
Reputation : 1
Language : English

http://www.mystreetlife.forumotion.com/

Back to top Go down

Solved Re: [Help] Replacing default text "share" with an image.

Post by Guest on December 12th 2011, 9:25 pm

Try to add this code also in your CSS Stylesheet:
Code:
span.bold, span.bold a, span.bold script, span.bold script a{
display: inline !important;
}

span.bold, span.bold a, span.bold script, span.bold script a{
padding: 0px 0px 0px !important;
}

Guest
Guest


Back to top Go down

Solved Re: [Help] Replacing default text "share" with an image.

Post by iamthestreets on December 12th 2011, 10:11 pm

it's working but it made my webpage extremely huge. Can you take a look? I'm using firefox. it looks a lot better in IE but the actions button is to far right.

http://www.mystreetlife.com/t9-battlefield-3-comparison-video-xbox-360-vs-ps3

iamthestreets
Forumember

Posts : 114
Reputation : 1
Language : English

http://www.mystreetlife.forumotion.com/

Back to top Go down

Solved Re: [Help] Replacing default text "share" with an image.

Post by iamthestreets on December 14th 2011, 12:53 am

Thanks for all the help. I figured it out. The code I added is below...

Code:
span.bold{
        position: relative;
        right: 100px;
        top: 0px;
        }


Last edited by iamthestreets on December 14th 2011, 2:31 am; edited 1 time in total (Reason for editing : figured it out)

iamthestreets
Forumember

Posts : 114
Reputation : 1
Language : English

http://www.mystreetlife.forumotion.com/

Back to top Go down

Solved Re: [Help] Replacing default text "share" with an image.

Post by Sanket on December 14th 2011, 4:54 am

Topic Solved & Locked

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.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