[ABD]Add-this social bookmarks

[vigge_swe]

I made a simple little mod thats add a http://addthis.com widget on every topic (hopefully).

It is so simple I choose to don't use modx (it is just 2 edits)

Demo: 100 post thread

Prosilver based templates.

Code: Select all

Open viewtopic_body.html

Code: Select all

Find

Code: Select all

	<!-- IF S_DISPLAY_SEARCHBOX -->
		<div class="search-box">
			<form method="post" id="topic-search" action="{S_SEARCHBOX_ACTION}">
			<fieldset>
				<input class="inputbox search tiny"  type="text" name="keywords" id="search_keywords" size="20" value="{L_SEARCH_TOPIC}" onclick="if(this.value=='{LA_SEARCH_TOPIC}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_TOPIC}';" />
				<input class="button2" type="submit" value="{L_SEARCH}" />
				<input type="hidden" value="{TOPIC_ID}" name="t" />
				<input type="hidden" value="msgonly" name="sf" />
			</fieldset>
			</form>
		</div>

Code: Select all

After, add

Code: Select all

<div id="addthis">
&nbsp;&nbsp;
<!-- AddThis Button BEGIN -->
<script type="text/javascript">addthis_pub  = 'viggeswe';</script>
<a href="http://www.addthis.com/bookmark.php" onmouseover="return addthis_open(this, '', '[URL]', '[TITLE]')" onmouseout="addthis_close()" onclick="return addthis_sendto()"><img src="http://s9.addthis.com/button1-share.gif" width="125" height="16" border="0" alt="" /></a><script type="text/javascript" src="http://s7.addthis.com/js/152/addthis_widget.js"></script>
<!-- AddThis Button END -->
</div>

Code: Select all

Open overall_header.html

Code: Select all

find

Code: Select all

<!--
	phpBB style name: prosilver

Code: Select all

Before, add

Code: Select all

<style type="text/css">

#addthis {
padding-top: 5px;
}

</style>

Have fun.

Subsilver2:

open style/acidtech/overall_header.html

Find

Code: Select all

	<td class="gensmall"><!-- IF S_USER_LOGGED_IN -->{LAST_VISIT_DATE}<!-- ENDIF --></td>

Add after

Code: Select all

	<td class="gensmall" align="center">

<script type="text/javascript">
addthis_pub             = 'gavo'; 
addthis_logo            = 'http://s9.addthis.com/button1-share.gif';
addthis_logo_background = '#3b83c6';
addthis_logo_color      = '#2370b6';
addthis_brand           = 'Waz-Warez';
addthis_options         = 'favorites, email, digg, delicious, myspace, facebook, google, live, more';
</script>
<a href="http://www.addthis.com/bookmark.php" onmouseover="return addthis_open(this, '', '[URL]', '[TITLE]')" onmouseout="addthis_close()" onclick="return addthis_sendto()"><img src="http://s9.addthis.com/button1-share.gif" width="125" height="16" border="0" alt="" /></a>
<script type="text/javascript" src="http://s7.addthis.com/js/152/addthis_widget.js"></script>

</td>

Thank you gavo for the subsilver2 instructions

[vigge_swe]

If some1 want to make the instructions to subsilver2 based styles you can post it here

[PhilEsq]

I followed your instructions, but it doesn't work. I have version 3.0.1. Does this work with that version?

[vigge_swe]

I followed your instructions, but it doesn't work. I have version 3.0.1. Does this work with that version?

hmmm It works for me. Do you have subsilver 2 based style or prosilver based style?

[alecrust]

It does work. You just be doing something wrong.

Nice and simple. Thanks.

[PhilEsq]

I'm using prosilver. I will try again.

[gavo]

I added it to a subsilver based theme (acidtech) subsilver should be the same



open style/acidtech/overall_header.html

Find

Code: Select all

	<td class="gensmall"><!-- IF S_USER_LOGGED_IN -->{LAST_VISIT_DATE}<!-- ENDIF --></td>

Add after

Code: Select all

	<td class="gensmall" align="center">

<script type="text/javascript">
addthis_pub             = 'gavo'; 
addthis_logo            = 'http://s9.addthis.com/button1-share.gif';
addthis_logo_background = '#3b83c6';
addthis_logo_color      = '#2370b6';
addthis_brand           = 'Waz-Warez';
addthis_options         = 'favorites, email, digg, delicious, myspace, facebook, google, live, more';
</script>
<a href="http://www.addthis.com/bookmark.php" onmouseover="return addthis_open(this, '', '[URL]', '[TITLE]')" onmouseout="addthis_close()" onclick="return addthis_sendto()"><img src="http://s9.addthis.com/button1-share.gif" width="125" height="16" border="0" alt="" /></a>
<script type="text/javascript" src="http://s7.addthis.com/js/152/addthis_widget.js"></script>

</td>

[vigge_swe]

*added gavos subsilver2 instructions to the main post

[mysteryclub]

Nice one! Thanks

[xMattx]

This is exactly whay i was looking for, but it doesn't seem to work :S
I also can't find it on your demo page..?

[vigge_swe]

This is exactly whay i was looking for, but it doesn't seem to work :S
I also can't find it on your demo page..?

I just changed my style and I am really busy right now. I maybe add it to my site again for demo when I have time. Do you get any error?

[xMattx]

This is exactly whay i was looking for, but it doesn't seem to work :S
I also can't find it on your demo page..?

I just changed my style and I am really busy right now. I maybe add it to my site again for demo when I have time. Do you get any error?

No but i just realised that i did something wrong. I'm going to try again later!

[xMattx]

My style was "610nm" and it's prosilver2 based (that's what went wrong).
I've also placed the button in the overall header, but on the horizontal menu that 610nm has!

It looks really good, if anyone wants to do this too i'll explain:

Code: Select all

Open Styles/610nm/template/overall_header.html

Code: Select all

Find:

Code: Select all

{L_SEARCH_ADV}</a></li>

Code: Select all

Add, after: (Gavo's code)

Code: Select all

<td class="gensmall" align="center">

<script type="text/javascript">
addthis_pub             = 'gavo';
addthis_logo            = 'http://s9.addthis.com/button1-share.gif';
addthis_logo_background = '#3b83c6';
addthis_logo_color      = '#2370b6';
addthis_brand           = 'Waz-Warez';
addthis_options         = 'favorites, email, digg, delicious, myspace, facebook, google, live, more';
</script>
<a href="http://www.addthis.com/bookmark.php" onmouseover="return addthis_open(this, '', '[URL]', '[TITLE]')" onmouseout="addthis_close()" onclick="return addthis_sendto()"><img src="http://s9.addthis.com/button1-share.gif" width="125" height="16" border="0" alt="" /></a>
<script type="text/javascript" src="http://s7.addthis.com/js/152/addthis_widget.js"></script>

</td>

You will get this result:


You can also use my forum as live demo: http://www.games4friends.com


Thanks for this mod! It's really good


edit: Don't forget to customize your Addthis button!
gavo's code is customized to his website, you don't want his website's name to show up on your button!
Here's a good tutorial on how to customize your code: http://www.addthis.com/customization.php

[Magrathea]

This is brilliant!

I customize the code and i add it behind the print icon,

Search

Code: Select all

<!-- IF U_PRINT_PM --><li class="rightside"><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p" class="print">{L_PRINT_PM}</a></li><!-- ENDIF -->

After, add

Code: Select all

<!-- ADDTHIS BUTTON BEGIN --><li class="rightside">
<script type="text/javascript">
addthis_pub             = 'Your id'; 
addthis_logo            = 'Your url's logo';
addthis_logo_background = 'e3d2d3';
addthis_logo_color      = 'ffffff';
addthis_brand           = 'Your web's name';
addthis_options         = 'favorites, email, digg, delicious, myspace, facebook, google, live, more';
</script>
<a href="http://www.addthis.com/bookmark.php" onmouseover="return addthis_open(this, '', '[URL]', '[TITLE]')" onmouseout="addthis_close()" onclick="return addthis_sendto()"><img src="Your icon for the script" width="16" height="16" border="0" alt="" /></a>
<script type="text/javascript" src="http://s7.addthis.com/js/152/addthis_widget.js"></script></li>
<!-- ADDTHIS BUTTON END -->

Demo:


Sorry for my english, i'm spanish ^_^

[yatinbhatt]

Instead of putting the code in viewtopic, I felt it is better to have that in the overall_header.html

The position I chose is, after "board index" box and before the forum display starts

Find

Code: Select all

				<!-- IF not S_IS_BOT -->
					<!-- IF S_DISPLAY_MEMBERLIST --><li class="icon-members"><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
					<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED --><li class="icon-register"><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
					<li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">{L_LOGIN_LOGOUT}</a></li>
				<!-- ENDIF -->
			</ul>


			<span class="corners-bottom"><span></span></span></div>
		</div>

Add After

Code: Select all

    <div id="addthis">
	<!-- AddThis Button BEGIN -->
	<script type="text/javascript">addthis_pub  = 'yatinbhatt';</script>
	<a href="http://www.addthis.com/bookmark.php" onmouseover="return 	addthis_open(this, '', '[URL]', '[TITLE]')" onmouseout="addthis_close()" 	onclick="return addthis_sendto()"><img src="http://s9.addthis.com/button1-share.gif" width="125" height="16" border="0" alt="" /></a><script type="text/javascript" src="http://s7.addthis.com/js/152/addthis_widget.js"></script>
	<!-- AddThis Button END -->
    </div>

Let me know If you find this position

Thanks
Yatin