Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
[CM] FaceBook SlideBox (LikeBox) Details »
[CM] FaceBook SlideBox (LikeBox)
Mod Version: 1.00, by ChiNa (Coder/Designer) ChiNa is offline
Developer Last Online: Jul 2019 I like it Show Printable Version Email this Page

vB Version: 3.8.7 Rating: (1 vote - 5.00 average) Installs: 7
Released: 31 Jul 2012 Last Update: Never Downloads: 0
Supported Template Edits Additional Files Re-usable Code Translations External Content  

Brought to you by ChiNa-Man

I am a free soul, So if one of you guys decided to post this on other forums or a websites, I would be appreciated if you put some credits below: Credits to: ChiNa-Man!

Please
do not EDIT or CHANGE
the original content, Thank you!
:::::::::::::::::::::::::::::::::::::::::::::


Get this as Twitter SlideBox by a Click HERE!
(NEW)
Get this for vBulletin 4.x by a Click HERE!
Credits to Leandro M.

Hey Everyone, This is my first modification for vBulletin ever! Its very small and simple! I hope you will like it.. And what you will achieve with this tutorial is that when mouse over the image, it will shift / slide your facebook page.

The modification may look a bit scary or confusing, but its very easy and after 1 time, you will install it without any help the next time!




Only 3 Template Edits

DEMO HERE

Example 1:




Example 2:



==================== Modification Starts =====================


Step 1: Go to your ADMINCP, and then Styles & Templates. Find your Template and chooser "Edit Templates"! Now find "header" Template, and add the code below in your header template... Make sure to add it below all the other codes.

Code to add:


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



Step 3:
Go to facebook http://developers.facebook.com/docs/plugins/
or http://developers.facebook.com and make a like box. Make sure when your done choosing your box, click on GET CODE, and you need the IFRAME CODE for vBulletin!

Step 3:
Add the IFRAME code inside the the code showen like below. Instead of the BLUE TEXT. After you have added the code, your code should be ready!

Look in the code below for the BLUE TEXT:

Add your code inside this code (Replace the Blue text):
Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.



The BLUE text should be replaced with the IFRAME code:

Replace this --> "PUT YOUR IFRAME CODE HERE" with the IFRAME CODE.

STEP 4:
Below you will see the FULL CODE, Now add your IMRAME code instead of PUT YOUR IFRAME CODE HERE. You are then ready to add the full code in your header Template,

Full Code (With no iframe code):

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


Just Replace the BLUE CODE with your IFRAME CODE and done!

STEP 5:
Now copy the "fbslide.png" image from the attachment below, or from here, and upload it to forums "images" folder in the root of your ftp!

We are DONE, Please its very important that you click INSTALLED after Installing, for future support! Thank you!


=====================Modification Ends=====================


BELOW IS THE FULL CODE, USED ON MY FORUM!
NOTICE THE BLUE IFRAME CODE BELOW!


MY FINISHED CODE:

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

Download Now

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

Screenshots

Click image for larger version

Name:	fbslide.png
Views:	249
Size:	10.7 KB
ID:	140227  

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
vBulletin CMS Widgets Facebook LikeBox Plug-In [1.1.0] (CMS Widget) ChriDevelop vBulletin 4.x Add-ons 7 25 Apr 2012 09:26

Comments
  #2  
Old 02 Aug 2012, 19:37
cheech47's Avatar
cheech47 cheech47 is offline
 
Join Date: Oct 2006
Hi, installed ok, slides out , has like button etc, but doesnt show my latest posts, any ideas? Thanks
Reply With Quote
  #3  
Old 02 Aug 2012, 19:48
cheech47's Avatar
cheech47 cheech47 is offline
 
Join Date: Oct 2006
My bad, made a like button instead of box, sorted
Reply With Quote
  #4  
Old 03 Aug 2012, 15:02
ChiNa ChiNa is offline
 
Join Date: Jul 2012
Real name: CM
I am happy you sorted it out... Thanks for Installing
__________________
I am having a little break from vB Developing. I am trying to finish my PHP and MYSQL courses for now. I will answer all my PM's if anyone needed help for my products, but only when I can be online on vB.org. Its great to see new and old developers keeping vB.org alive! Thank you all for your support!CM
Reply With Quote
  #5  
Old 05 Aug 2012, 13:44
cheech47's Avatar
cheech47 cheech47 is offline
 
Join Date: Oct 2006
Is there anything like this that can be done for twitter? eg have twitter above or below the facebook slidebar?
Reply With Quote
  #6  
Old 05 Aug 2012, 16:28
ChiNa ChiNa is offline
 
Join Date: Jul 2012
Real name: CM
Yes you can: Here you go: http://www.vbulletin.org/forum/showthread.php?p=235471

I had the mod ready, but had no time to publish it, Thanks for mentioning it!
__________________
I am having a little break from vB Developing. I am trying to finish my PHP and MYSQL courses for now. I will answer all my PM's if anyone needed help for my products, but only when I can be online on vB.org. Its great to see new and old developers keeping vB.org alive! Thank you all for your support!CM

Last edited by ChiNa; 05 Aug 2012 at 17:27.
Reply With Quote
  #7  
Old 06 Aug 2012, 03:25
uarujoey uarujoey is offline
 
Join Date: Apr 2012
Any idea on an alternative place for step 2, other than the main CSS? I get "This CSS file is obsolete and is available here for reference purposes only." There is no button to save my changes.


EDITED: I posted this in the wrong thread.

Last edited by uarujoey; 07 Aug 2012 at 01:14.
Reply With Quote
  #8  
Old 06 Aug 2012, 03:36
ChiNa ChiNa is offline
 
Join Date: Jul 2012
Real name: CM
Your looking at the wrong Thread Buddy. This is for vBulletin 3.8

The Obsolete message is only in vBulletin 4.x, so look below I have made this mod for vBulletin 4.x too, link below:

Here is the TUT I made for vBulletin 4.x:
http://www.vbulletin.org/forum/showthread.php?p=2354567

In vB4.x you have to Open go to EDIT TEMPLATES, and then CSS Templates, and add the code in the "additional.css" template!

Good luck
__________________
I am having a little break from vB Developing. I am trying to finish my PHP and MYSQL courses for now. I will answer all my PM's if anyone needed help for my products, but only when I can be online on vB.org. Its great to see new and old developers keeping vB.org alive! Thank you all for your support!CM
Reply With Quote
  #9  
Old 11 Aug 2012, 22:50
CharlieDelta CharlieDelta is offline
 
Join Date: Apr 2010
Great idea!
How can I switch it to the left side?
Reply With Quote
  #10  
Old 12 Aug 2012, 16:30
Chris-777's Avatar
Chris-777 Chris-777 is offline
 
Join Date: Jan 2006
Real name: Chris
Great mod - installed.

Question - I want to run both this and the twitter slide at the same time. I can get them both working individually, and move them apart by changing 'top: 130px;' in the CSS to something lower for the FB one. However with both active, neither slide out.

What am I missing?

Thanks!
Reply With Quote
  #11  
Old 12 Aug 2012, 17:09
ChiNa ChiNa is offline
 
Join Date: Jul 2012
Real name: CM
CharlieDelta: yes sure, i will get the code for you when i am home later today or tomorrow! btw make sure click installed buddy!

Chris-777
yes you can mate, click on the link for the vb 4.x version below, a user called "qpurser" has the fix below! Good luck, and here is the link http://www.vbulletin.org/forum/showthread.php?p=2354567

And thanks for clicking install! You guys rock
__________________
I am having a little break from vB Developing. I am trying to finish my PHP and MYSQL courses for now. I will answer all my PM's if anyone needed help for my products, but only when I can be online on vB.org. Its great to see new and old developers keeping vB.org alive! Thank you all for your support!CM
Reply With Quote
  #12  
Old 25 Nov 2012, 19:12
al2thero al2thero is offline
 
Join Date: Aug 2008
thanx
Reply With Quote
  #13  
Old 26 Nov 2012, 09:58
J19784B5A39B J19784B5A39B is offline
 
Join Date: Jun 2009
Does not work with version 3.8.5.?
Reply With Quote
  #14  
Old 28 Nov 2012, 11:02
ChiNa ChiNa is offline
 
Join Date: Jul 2012
Real name: CM
Originally Posted by J19784B5A39B View Post
Does not work with version 3.8.5.?
Yes, works on all vBulletin versions... Yet if you install it make sure to click on the Installed button, for further support..

Good luck mate
__________________
I am having a little break from vB Developing. I am trying to finish my PHP and MYSQL courses for now. I will answer all my PM's if anyone needed help for my products, but only when I can be online on vB.org. Its great to see new and old developers keeping vB.org alive! Thank you all for your support!CM
Reply With Quote
  #15  
Old 07 Jan 2013, 21:14
bigs15 bigs15 is offline
 
Join Date: Oct 2006
not working with 3.8.7..any help please
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 03:35.

Layout Options | Width: Wide Color: