Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
Like it? Share it! Neat Social Bookmarks Add-on Details »
Like it? Share it! Neat Social Bookmarks Add-on
Mod Version: 1.00, by StarBuG (Designer) StarBuG is offline
Developer Last Online: Mar 2017 I like it Show Printable Version Email this Page

vB Version: 4.1.9 Rating: (2 votes - 4.00 average) Installs: 15
Released: 03 Jan 2012 Last Update: Never Downloads: 0
Not Supported Template Edits Additional Files External Content  

Hello

I created a special way of implementing social bookmarks to my forum www.AdSenseExperts.com

They are shown in a block left to the forum (I use a fixed width forum though!).
To prevent an overlapping with the forum when the browser window is small or resized there is a JavaScript check which removes the bookmarks or places them within the thread options box when viewing a thread.

See Screenshot attachments

Please NOTE:
  • I use a fixed width of 900px for my forum so this mod is primarily for forums width a fixed with!
  • jquery is needed for the browser size check. If you implemented jquery already, skip step 2.
  • I use a modified footer so I can't promise 100% that it will work like I posted it here but it should
  • This mod is released AS IS! No support will be provided!
You'll find all links to create your button codes below the install instructions.

Install:

In additional.css add:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

in template headinclude_bottom search:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

add below:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

in template SHOWTHREAD search:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

add below:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

in Template footer search:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

and add below:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

I uploaded the image for "follow me on Twitter". You need to upload the image to your /image/ directory.

I marked all IDs you need to adapt to your accounts in red.

Also In the JavaScript part for the browser window size check you need to change 1110 (px) to the browser window width where you want the bookmarks to be removed.

DEMO:
Forumhome: http://www.AdSenseExperts.com
Thread: http://www.adsenseexperts.com/adsens...ssage-t15.html

Where to create your social buttons:

Google Plus Profile Button: http://www.google.com/webmasters/profilebutton/
Google +1 Button: http://www.google.com/webmasters/+1/button/
Facebook Like Button: http://developers.facebook.com/docs/...plugins/like/#
Twitter Button: https://twitter.com/about/resources/buttons

Download Now

Only licensed members can download files, Click Here for more information.

Screenshots

Click image for larger version

Name:	bookmarks_left.png
Views:	537
Size:	68.7 KB
ID:	135440   Click image for larger version

Name:	bookmars_resized.png
Views:	876
Size:	64.0 KB
ID:	135441  

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • If you like this modification support the author by donating.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Similar Mod
Mod Developer Type Replies Last Post
Show Thread Enhancements Add Facebook to Social Bookmarks Cloud_Strife vBulletin 3.8 Template Modifications 39 11 Aug 2017 06:29

Comments
  #2  
Old 03 Jan 2012, 16:26
Gemma's Avatar
Gemma Gemma is offline
 
Join Date: Apr 2004
Real name: Gemma
Not something I can use but nicely done. Thanks for taking the time to share
__________________
Reply With Quote
  #3  
Old 04 Jan 2012, 20:05
v123shine v123shine is offline
 
Join Date: Sep 2008
Please make this mod for vb 3.8.x
__________________
filmbor.com
bikinwebsite.com
Reply With Quote
  #4  
Old 04 Jan 2012, 23:52
tafreeh's Avatar
tafreeh tafreeh is offline
 
Join Date: May 2008
Location: Canada
Real name: DON
what do you suggest to implement this on a fluid style theme ?
__________________
Vb Forum
Reply With Quote
  #5  
Old 05 Jan 2012, 00:40
GameOverViper GameOverViper is offline
 
Join Date: Jun 2011
Thank you for doing this! However, there is some problems with it. In your code you provide, the facebook options has a different language than English setup. I have made the adjustment to en_US for English though.

Is there an issue with the Facebook Like? After liking, there was a popup that wouldn't go off the screen until I reloaded the page.

How can I bring it down some? It doesn't look that great with it being all the way to the top of my header with the theme I'm using and it would look better if it was more mid-screen.
Reply With Quote
  #6  
Old 05 Jan 2012, 12:33
StarBuG's Avatar
StarBuG StarBuG is offline
 
Join Date: Dec 2001
Originally Posted by Americanbang View Post
Thank you for doing this! However, there is some problems with it. In your code you provide, the facebook options has a different language than English setup. I have made the adjustment to en_US for English though.

Is there an issue with the Facebook Like? After liking, there was a popup that wouldn't go off the screen until I reloaded the page.

How can I bring it down some? It doesn't look that great with it being all the way to the top of my header with the theme I'm using and it would look better if it was more mid-screen.
I missed that FB changed the behaviour of the XFBML implementation to display a comment box after pressing Like.
Unfortunatly this option can't be disabled.
I changed the code to use the iframe version which does not use a comment box.
However the iframe version does only support 1 fixed url and not the url of the current page you are on.
If someone finds a solution for this problem please let me/us know!
I also fixed the languange

Thanks for pointing this out

Last edited by StarBuG; 05 Jan 2012 at 13:45.
Reply With Quote
  #7  
Old 08 Jan 2012, 10:38
GameOverViper GameOverViper is offline
 
Join Date: Jun 2011
The website Forbes.com has something similar to this and it is located right below the header and scrolls with the screen. It's also got the Facebook Share button. I'm curious to know how I can get the Facebook Share button.

If you view one of Forbes articles, it show's more social sites like Reddit. If we could have more options like this that would also be great.
Reply With Quote
  #8  
Old 08 Jan 2012, 14:46
StarBuG's Avatar
StarBuG StarBuG is offline
 
Join Date: Dec 2001
It is just html and css, you can implement as much icons as you want.
you can get the share button where you get the like button from facebook.
Reply With Quote
  #9  
Old 03 Jul 2012, 13:26
Antonio Pereira Antonio Pereira is offline
 
Join Date: Sep 2007
No updates on this Mod?
Reply With Quote
  #10  
Old 03 Jul 2012, 15:17
Antonio Pereira Antonio Pereira is offline
 
Join Date: Sep 2007
How to add right place the code is for left:
margin-left:-90px;}
Reply With Quote
  #11  
Old 08 Jul 2012, 20:19
silynnie silynnie is offline
 
Join Date: May 2011
very smart modification
Reply With Quote
  #12  
Old 16 Jul 2012, 03:42
karlm's Avatar
karlm karlm is offline
 
Join Date: Jul 2006
Real name: Karl
Is this working 4.2+?
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Mod Options

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 12:30.

Layout Options | Width: Wide Color: