vb.org Archive - Addthis social buttons

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vB3 General Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=111)

- - Addthis social buttons (https://vborg.vbsupport.ru/showthread.php?t=267171)

Addthis social buttons

I want to install some social icon buttons to my 3.8x forum. The code is from addthis.com.

How would I put it just to the left of the Thread Tools button at the top of each thread?

Thanks,

Jon

If you edit the SHOWTHREAD template (in the Show Thread Templates group), and search for "<!-- toolbar", a little below that you should find this code:

Code:

                </div>

        </td>

        <td class="vbmenu_control" id="threadtools" nowrap="nowrap">

                <a href="$show[nojs_link]#goto_threadtools"<if condition="is_browser('ie')"> accesskey="3"</if>>$vbphrase[thread_tools]</a>

You could add a table cell for your code, like:

Code:

                </div>

        </td>

          <td class="tcat">

// Some code here

          </td>         

            <td class="vbmenu_control" id="threadtools" nowrap="nowrap">

                <a href="$show[nojs_link]#goto_threadtools"<if condition="is_browser('ie')"> accesskey="3"</if>>$vbphrase[thread_tools]</a>

I've tried adding it there, but the buttons go vertically rather than horizontally. The table cell is there and I have even tried adding a width="300" to the cell using this:

Code:

<td width="300" class="tcat">

However, that still doesn't solve it.

Any ideas on why I can't make the cell wider so the buttons go horizontally?

Edit: I found some code in another thread: https://vborg.vbsupport.ru/showthread.php?t=209507

I used this:

Code:

<td class="vbmenu_control" id="threadtools" nowrap="nowrap">

That lets the buttons go horizontal in IE but not Firefox.

Any ideas on why not?

I'm not sure, but try using style="white-space: nowrap;" in place of nowrap="nowrap".

I tried changing it from:

Code:

<td class="vbmenu_control" id="addthis" nowrap="nowrap" width="150">

Code:

<td class="vbmenu_control" id="addthis" width="150" style="white-space: nowrap;">

That made it go vertical in both IE and Firefox, so still seeking a solution.

You could try making sure there is no white space in between your buttons (I assume they are links, so take out spaces or newlines between </a> and the next <a ...), and if you need space somewhere use   instead of an actual space.

I'm not an expert in the layout stuff (in case you haven't figure that out yet), but if it still doesn't work it might help if you could post the actual code you're adding.

Here is the code in full, with my specific id edited for security:

Code:

<td class="vbmenu_control" id="addthis" nowrap="nowrap" width="150">



<!-- AddThis Button BEGIN -->

<div class="addthis_toolbox addthis_default_style ">

<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>

<a class="addthis_button_compact"></a>

<a class="addthis_counter addthis_bubble_style"></a>

</div>

<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e2ada7534567c8"></script>

<!-- AddThis Button END -->





</td>

OK, did you try this:

Code:

<td class="vbmenu_control" id="addthis" nowrap="nowrap" width="150">



<!-- AddThis Button BEGIN -->

<div class="addthis_toolbox addthis_default_style "><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><a class="addthis_button_compact"></a><a class="addthis_counter addthis_bubble_style"></a></div>

<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e2ada7534567c8"></script>

<!-- AddThis Button END -->





</td>

(I just took the all the line breaks out from between the <div> tags for that div).

I do this for my share buttons... the edit to the SHOWTHREAD template was a little more complicated than I first expected.

This is what I wound up with- my edits are in red.

Code:

        <td class="tcat" width="175">

                <div class="smallfont">

                <if condition="$show['firstunreadlink']">

                        <a href="$firstunread"><img class="inlineimg" src="$stylevar[imgdir_button]/firstnew.gif" alt="$vbphrase[view_first_unread]" border="0" /></a>

                        <a href="$firstunread"><strong>$vbphrase[view_first_unread]</strong></a>

                </if>

                &nbsp;

                </div>

        <img src="clear.gif" width="175" height="1" border="0" />

        </td>

        <td class="alt1" width="100%" align="right" padding="0" style="padding-top:0px; padding-bottom:0px; padding-right:0px; background: #869BBF url(/forums/images/gradients/gradient_tcat.gif) repeat-x top left;">

        

          SHARE BUTTON CODE HERE



        </td>

        <td class="vbmenu_control" id="threadtools" nowrap="nowrap">

                <a href="$show[nojs_link]#goto_threadtools"<if condition="is_browser('ie')"> accesskey="3"</if>>$vbphrase[thread_tools]</a>

Note: I used class "alt1" and added in the background because when I used class "tcat" I was getting display issues with the Digg button. If you're not using Digg you can maybe get away with this line:

Code:

<td class="tcat" width="100%" align="right" padding="0" style="padding-top:0px; padding-bottom:0px; padding-right:0px;">

Instead of the longer "alt1" line.

X vBulletin 3.8.12 by vBS Debug Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (10)bbcode_code_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (9)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages:

Phrase Groups Available:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01051 seconds Memory Usage 1,741KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (10)bbcode_code_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (9)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: