Hya folks I'm looking for some advice on how to ad a different kind of setup for the share buttons.
I think the one that comes with IP is too much so would like to streamline it a little.
Below is the kind of Idea I'm looking for, any ideas on how to go about this or is it possible to ad the below idea direct to IP?
Maybe added to the current area were the print page icon is as in this pick?
http://www.addthis.com/
SOLVED Social Share Buttons?
Subject: Re: Social Share Buttons?
you might do something like a sliding div there
easy job with some javascript
easy job with some javascript
Subject: Re: Social Share Buttons?
Hi batman...
try to put your code from addthis.com in the file templates/default/breadcrumbs_vt.tpl before <!-- IF S_SHOW_ICONS -->
you may need to edit the code to work with the vietopic urls... i think {U_VIEW_TOPIC_BASE} is the var for this...
try to put your code from addthis.com in the file templates/default/breadcrumbs_vt.tpl before <!-- IF S_SHOW_ICONS -->
you may need to edit the code to work with the vietopic urls... i think {U_VIEW_TOPIC_BASE} is the var for this...
Subject: Re: Social Share Buttons?
Hya spydie, to be honest Im not that bothered about having a dropdown and only really want the facebook and twitter buttons, possibly a couple of others?
Here is a small bit of javascript, how would I insert this into the forum topic?
I obviously don't need the email part so would get rid of that bit.
Or is there a piece of code I could use via my own files?
I'm not a coder so all looks rocket science to me LOL
EDIT:
Thanks KugeLSichA ill try that 8)
Im a bit stuck on this bit, not sure what I need to do now?
This is with the code added.
Here is a small bit of javascript, how would I insert this into the forum topic?
I obviously don't need the email part so would get rid of that bit.
Or is there a piece of code I could use via my own files?
I'm not a coder so all looks rocket science to me LOL
<!-- AddToAny BEGIN -->
<div class="a2a_kit a2a_default_style">
<a class="a2a_dd" href="http://www.addtoany.com/share_save">Share</a>
<span class="a2a_divider"></span>
<a class="a2a_button_facebook"></a>
<a class="a2a_button_twitter"></a>
<a class="a2a_button_email"></a>
</div>
<script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>
<!-- AddToAny END -->
<div class="a2a_kit a2a_default_style">
<a class="a2a_dd" href="http://www.addtoany.com/share_save">Share</a>
<span class="a2a_divider"></span>
<a class="a2a_button_facebook"></a>
<a class="a2a_button_twitter"></a>
<a class="a2a_button_email"></a>
</div>
<script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>
<!-- AddToAny END -->
EDIT:
Thanks KugeLSichA ill try that 8)
Im a bit stuck on this bit, not sure what I need to do now?
Quote:
This is with the code added.
{IMG_TBL}<div class="forumline nav-div">
<p class="nav-header"><a href="{U_PORTAL}">{L_HOME}</a>{NAV_SEP}<a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</p>
<div class="nav-links">
<div class="nav-links-left">{CURRENT_TIME} • {S_TIMEZONE}</div>
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a href="http://www.addthis.com/bookmark.php?v=250&pubid=ra-4d96115948e7a7c8" class="addthis_button_compact">Share</a>
<span class="addthis_separator">|</span>
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4d96115948e7a7c8"></script>
<!-- AddThis Button END --> <!-- IF S_SHOW_ICONS -->
<a href="{U_VIEW_OLDER_TOPIC}"><img src="{IMG_LEFT}" alt="{L_VIEW_PREVIOUS_TOPIC}" title="{L_VIEW_PREVIOUS_TOPIC}" /></a>
<a href="{U_RECENT}"><img src="{IMG_RECENT_TOPICS}" alt="{L_RECENT}" title="{L_RECENT}" /></a>
{S_WATCH_TOPIC_IMG}
{S_MARK_AR_IMG}
<!-- IF not S_BOT -->{S_KB_MODE_IMG}<!-- ENDIF -->
<a href="{DOWNLOAD_TOPIC}" title="{L_DOWNLOAD_TOPIC}"><img src="{IMG_FLOPPY}" alt="{L_DOWNLOAD_TOPIC}" title="{L_DOWNLOAD_TOPIC}" /></a>
<!-- IF S_LOGGED_IN --><a href="{U_BOOKMARK_ACTION}"><img src="{IMG_BOOKMARK}" alt="{L_BOOKMARK_ACTION}" title="{L_BOOKMARK_ACTION}" /></a><!-- ENDIF -->
<!-- IF U_TOPIC_VIEWED --><a href="{U_TOPIC_VIEWED}"><img src="{IMG_VIEWED}" alt="{L_TOPIC_VIEWED}" title="{L_TOPIC_VIEWED}" /></a><!-- ENDIF -->
<a href="{U_PRINT}" title="{L_PRINT}"><img src="{IMG_PRINT}" alt="{L_PRINT}" title="{L_PRINT}" /></a>
<a href="{U_TELL}" title="{L_TELL}"><img src="{IMG_EMAIL}" alt="{L_TELL}" title="{L_TELL}" /></a>
<a href="{U_VIEW_NEWER_TOPIC}"><img src="{IMG_RIGHT}" alt="{L_VIEW_NEXT_TOPIC}" title="{L_VIEW_NEXT_TOPIC}" /></a>
<!-- ENDIF -->
<!-- IF S_SHOW_LINKS -->
<a href="{U_RECENT}" title="{L_RECENT}" />{L_RECENT}</a> •
<a href="{U_PRINT}" title="{L_PRINT}">{L_PRINT}</a> •
<a href="{U_TELL}" title="{L_TELL}">{L_TELL}</a> •
<!-- IF S_LOGGED_IN --><a href="{U_BOOKMARK_ACTION}" class="genmed">{L_BOOKMARK_ACTION}</a> • <!-- ENDIF -->
<!-- IF U_TOPIC_VIEWED --><a href="{U_TOPIC_VIEWED}" class="genmed">{L_TOPIC_VIEWED}</a> • <!-- ENDIF -->
{S_WATCH_TOPIC} •
{U_MARK_ALWAYS_READ} •
<a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> •
<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>
<!-- ENDIF -->
</div>
</div>{IMG_TBR}
<p class="nav-header"><a href="{U_PORTAL}">{L_HOME}</a>{NAV_SEP}<a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</p>
<div class="nav-links">
<div class="nav-links-left">{CURRENT_TIME} • {S_TIMEZONE}</div>
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a href="http://www.addthis.com/bookmark.php?v=250&pubid=ra-4d96115948e7a7c8" class="addthis_button_compact">Share</a>
<span class="addthis_separator">|</span>
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4d96115948e7a7c8"></script>
<!-- AddThis Button END --> <!-- IF S_SHOW_ICONS -->
<a href="{U_VIEW_OLDER_TOPIC}"><img src="{IMG_LEFT}" alt="{L_VIEW_PREVIOUS_TOPIC}" title="{L_VIEW_PREVIOUS_TOPIC}" /></a>
<a href="{U_RECENT}"><img src="{IMG_RECENT_TOPICS}" alt="{L_RECENT}" title="{L_RECENT}" /></a>
{S_WATCH_TOPIC_IMG}
{S_MARK_AR_IMG}
<!-- IF not S_BOT -->{S_KB_MODE_IMG}<!-- ENDIF -->
<a href="{DOWNLOAD_TOPIC}" title="{L_DOWNLOAD_TOPIC}"><img src="{IMG_FLOPPY}" alt="{L_DOWNLOAD_TOPIC}" title="{L_DOWNLOAD_TOPIC}" /></a>
<!-- IF S_LOGGED_IN --><a href="{U_BOOKMARK_ACTION}"><img src="{IMG_BOOKMARK}" alt="{L_BOOKMARK_ACTION}" title="{L_BOOKMARK_ACTION}" /></a><!-- ENDIF -->
<!-- IF U_TOPIC_VIEWED --><a href="{U_TOPIC_VIEWED}"><img src="{IMG_VIEWED}" alt="{L_TOPIC_VIEWED}" title="{L_TOPIC_VIEWED}" /></a><!-- ENDIF -->
<a href="{U_PRINT}" title="{L_PRINT}"><img src="{IMG_PRINT}" alt="{L_PRINT}" title="{L_PRINT}" /></a>
<a href="{U_TELL}" title="{L_TELL}"><img src="{IMG_EMAIL}" alt="{L_TELL}" title="{L_TELL}" /></a>
<a href="{U_VIEW_NEWER_TOPIC}"><img src="{IMG_RIGHT}" alt="{L_VIEW_NEXT_TOPIC}" title="{L_VIEW_NEXT_TOPIC}" /></a>
<!-- ENDIF -->
<!-- IF S_SHOW_LINKS -->
<a href="{U_RECENT}" title="{L_RECENT}" />{L_RECENT}</a> •
<a href="{U_PRINT}" title="{L_PRINT}">{L_PRINT}</a> •
<a href="{U_TELL}" title="{L_TELL}">{L_TELL}</a> •
<!-- IF S_LOGGED_IN --><a href="{U_BOOKMARK_ACTION}" class="genmed">{L_BOOKMARK_ACTION}</a> • <!-- ENDIF -->
<!-- IF U_TOPIC_VIEWED --><a href="{U_TOPIC_VIEWED}" class="genmed">{L_TOPIC_VIEWED}</a> • <!-- ENDIF -->
{S_WATCH_TOPIC} •
{U_MARK_ALWAYS_READ} •
<a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> •
<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>
<!-- ENDIF -->
</div>
</div>{IMG_TBR}
Subject: Re: Social Share Buttons?
ok it seems you dont need to add the var for the topic url...
i tested it quick, and it seems you only need to add the code from addthis.com....
maybe you can try it a bit... if the url is send correctly... but it should...
i tested it quick, and it seems you only need to add the code from addthis.com....
maybe you can try it a bit... if the url is send correctly... but it should...
Subject: Re: Social Share Buttons?
Hya KugeLSichA nothing is showing up for me, I inserted the code saved and then cleared cache but still doesn't show up?
Subject: Re: Social Share Buttons?
depending on the code you posted earlier... it works for me...
do you have other styles installed?
check if there is also a breadcrumbs_vt.TPL you need to edit
do you have other styles installed?
check if there is also a breadcrumbs_vt.TPL you need to edit
Subject: Re: Social Share Buttons?
Last edited by batman on Fri 01 Apr, 2011 22:57; edited 1 time in total
You may have used the first code I posted? I used this from post #1
Im using prosilver_ip and latest IP
EDIT:
Sorted it now, has the breadcrumbs_vt.tpl within prosilver_ip
Just need to try and get it on the right line as the other icons now, 8)
EDIT:
Sorted just removed the </div> and included an extra <br /> before to give a bit more space.
Thanks for your help on this, much appreciated, I'm sure you agree that its a nicer option 8)
Im using prosilver_ip and latest IP
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a href="http://www.addthis.com/bookmark.php?v=250&pubid=ra-4d96115948e7a7c8" class="addthis_button_compact">Share</a>
<span class="addthis_separator">|</span>
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4d96115948e7a7c8"></script>
<!-- AddThis Button END -->
<div class="addthis_toolbox addthis_default_style ">
<a href="http://www.addthis.com/bookmark.php?v=250&pubid=ra-4d96115948e7a7c8" class="addthis_button_compact">Share</a>
<span class="addthis_separator">|</span>
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4d96115948e7a7c8"></script>
<!-- AddThis Button END -->
EDIT:
Sorted it now, has the breadcrumbs_vt.tpl within prosilver_ip
Just need to try and get it on the right line as the other icons now, 8)
EDIT:
Sorted just removed the </div> and included an extra <br /> before to give a bit more space.
<br /><!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a href="http://www.addthis.com/bookmark.php?v=250&pubid=ra-4d96115948e7a7c8" class="addthis_button_compact">Share</a>
<span class="addthis_separator">|</span>
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4d96115948e7a7c8"></script>
<!-- AddThis Button END -->
<div class="addthis_toolbox addthis_default_style ">
<a href="http://www.addthis.com/bookmark.php?v=250&pubid=ra-4d96115948e7a7c8" class="addthis_button_compact">Share</a>
<span class="addthis_separator">|</span>
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4d96115948e7a7c8"></script>
<!-- AddThis Button END -->
Thanks for your help on this, much appreciated, I'm sure you agree that its a nicer option 8)
Last edited by batman on Fri 01 Apr, 2011 22:57; edited 1 time in total
Subject: Re: Social Share Buttons?
Been having a play and looks good in the menu also, I used the nav menu ad feature to place it there, although Id have to get rid of the sponsor bit some how :?
Probably better to just create a new block.
Probably better to just create a new block.
Subject: Re: Social Share Buttons?
I decided to remove this from the actual topic view as only registered users are able to read the threads.
I now have it on both index and forum above all left blocks.
The only problem with it is its set to align left, probably on the server side, is there anyway of adding some script to it to override and set to align center?
I now have it on both index and forum above all left blocks.
The only problem with it is its set to align left, probably on the server side, is there anyway of adding some script to it to override and set to align center?
Subject: Re: Social Share Buttons?
What code did you use to get you out there and where you have inserted?
You can put the entire code file breadcrumbs_vt.tpl? :)
I have prosilver_ip ;)
batman wrote: [View Post]
What code did you use to get you out there and where you have inserted?
You can put the entire code file breadcrumbs_vt.tpl? :)
I have prosilver_ip ;)
Subject: Re: Social Share Buttons?
Hya nos.
templates/prosilver_ip/breadcrumbs_vt.tpl insert code before <!-- IF S_SHOW_ICONS --> on line #31
Last edited by batman on Tue 05 Apr, 2011 18:49; edited 1 time in total
nos wrote: [View Post]
Hya nos.
templates/prosilver_ip/breadcrumbs_vt.tpl insert code before <!-- IF S_SHOW_ICONS --> on line #31
<br /><!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a href="http://www.addthis.com/bookmark.php?v=250&pubid=ra-4d96115948e7a7c8" class="addthis_button_compact">Share</a>
<span class="addthis_separator">|</span>
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4d96115948e7a7c8"></script>
<!-- AddThis Button END -->
<div class="addthis_toolbox addthis_default_style ">
<a href="http://www.addthis.com/bookmark.php?v=250&pubid=ra-4d96115948e7a7c8" class="addthis_button_compact">Share</a>
<span class="addthis_separator">|</span>
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4d96115948e7a7c8"></script>
<!-- AddThis Button END -->
Last edited by batman on Tue 05 Apr, 2011 18:49; edited 1 time in total
Page 1 of 3
You cannot post new topicsYou cannot reply to topics
You cannot edit your posts
You cannot delete your posts
You cannot vote in polls
You cannot attach files
You can download files
You cannot post calendar events
This is a "Lo-Fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Powered by Icy Phoenix based on phpBB
Generation Time: 0.3774s (PHP: 13% SQL: 87%)
SQL queries: 17 - Debug Off - GZIP Enabled