Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
[CM] Facebook & Twitter Badge Details »
[CM] Facebook & Twitter Badge
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: 4.2.0 Rating: (4 votes - 5.00 average) Installs: 37
Released: 10 Aug 2012 Last Update: 11 Oct 2012 Downloads: 94
Supported Template Edits Additional Files Translations External Content  

This was brought to you by ChiNa-Man


First of all I am a free soul, So if one of you guys decided to post this on another forum or a website, I would be appreciated if you give some CREDITs to the Developer simply typing his name: Credits to: ChiNa-Man, and do not CHANGE or DELETE the ORIGINAL CONTENT! Thank you!

:::::::::::::::::::::::::::::::::::::::::::::


Hey everyone, This mod is for Facebook & Twitter! Its like a Badge for your forumhome page! And it will appear in the corner of your homepage! A big thanks to MybbExtras.Net for giving me full permission and support to let us re-use some of their amazing plugins as a vBulletin mod! I am an old mybb board owner, and I decided to use all what I have learned about css and html, and forward it to you guys and to make vBulletin grow further! This is an amazing and easy setup, and I use it on my own forum too! I hope you will like this one!

-------------------
Version 1.00: This is very simple and just 1 Template Edit and 3 Steps
-------------------
Extra Credits to: RubberDuck (MybbExtras.Net) as Supporter / CoAuthor
-------------------

Facebook Badge Example




Twitter Badge Example




Lets Start..........

Step 1: First go to your ADMINCP, and Style & Templates. Now the right side of your Template name, you should see a dropdown menu! Click on the dropdown and choose Edit Template!

Step 2:The next thing we have to do is, to add the CODE for the Badge, and you can either add it in your "header" template or in your "footer" Template! Make sure to add it at the end of the template!

Below you will see 2 different Codes, 1 for Facebook, 1 for Twitter! need to add the URL of your facebook or twitter instead of RED TEXT!

Facebook Code: (Replace Red Text: With your Facebook or Twitter URL)

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




Twitter Code:
(Replace Red Text: With your Facebook or Twitter URL)

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



Make sure to replace the Red Text
With your Facebook or Twitter URL.


Notice: You cant add both of the codes, else they will make conflicts, and the code on top will cover the code below! So only add one of the codes.

Step 3: Now dont forget to copy the images from the attachments below! There are 2 images, one for facebook (facebook.png) and one for Twitter (twitter.png). Upload only one of the images, in your forums "images" folder that you want to use as your Badge!

Thats it, we are done.

Thank you for following up on this tutorial, and ones again thanks to all of you who have Installed my previouse mods and clicked on the Install Button! Its because of you guys I keep going! Thanks a lot!

Stay Tune for more, and please dont forget to click on INSTALLED!


How to install it on the LEFT side of the screen ?

Here is the CODES + Attached images below [Zip] for using it on the left side:

FACEBOOK ON LEFT:

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


TWITTER ON LEFT:


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

Images are inside the ZIP file, to make them separeted!

Download Now

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

Screenshots

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
Forum Home Enhancements rocket dock menu on forum:) [ jquery & Css ] support facebook & twitter + work on IE9 mun3im vBulletin 4.x Template Modifications 52 09 Jan 2012 04:01

  #16  
Old 13 Sep 2012, 14:48
ChiNa ChiNa is offline
 
Join Date: Jul 2012
Real name: CM
Originally Posted by Crrrazzzy View Post
is there a way to make them both on the right?
Yes sure mate, but it takes a lot of work to change lots of the codes and images! Thats not worth it, at all!
__________________
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; 17 Sep 2012 at 13:20.
Reply With Quote
  #17  
Old 25 Sep 2012, 10:47
RichieBoy67's Avatar
RichieBoy67 RichieBoy67 is offline
 
Join Date: Apr 2004
Real name: Richie
Do you guys have the left side image for twitter?
__________________

Let us take care of your forum, seo, seo reports, maintenance, what ever you need.

Reply With Quote
  #18  
Old 25 Sep 2012, 11:33
TheSupportForum TheSupportForum is offline
 
Join Date: Jan 2007
Originally Posted by RichieBoy67 View Post
Do you guys have the left side image for twitter?
if you have a photo editing package just flip the image simple
__________________
http://www.multihunters.co.uk - all your coding needs
Reply With Quote
  #19  
Old 25 Sep 2012, 11:36
TheSupportForum TheSupportForum is offline
 
Join Date: Jan 2007
Originally Posted by ChiNa-Man View Post
Yes sure mate, but it takes a lot of work to change lots of the codes and images! Thats not worth it, at all!
to be honest it takes 2 minutes to change the code, its simple HTML
and if anyone has an image editing package its easy for them to deal with the rest

this is a good template edit but it can be adapted to include the URL edits within the admincp rather than the template, i have complety rewrote the code to deal with this myself so i dont need to go into the template and add the url directly
__________________
http://www.multihunters.co.uk - all your coding needs
Reply With Quote
  #20  
Old 26 Oct 2012, 20:49
ChiNa ChiNa is offline
 
Join Date: Jul 2012
Real name: CM
LEFT SIDE FIXED!

Originally Posted by RichieBoy67 View Post
Do you guys have the left side image for twitter?

@simonhind
Its easy, Tho the images are the hard part for many on here, because they dont have the right tool) Thats why I think its a bit hard for THEM to change the images and codes! While It will take a 1 min for me or less!

@RichieBoyFirst of all sorry I had exams and been very tight working, and if you take a look on the first page, I did make the LEFT side codings! But here is it again!

CODE + Attached images below for using it on the left side:

METHOD 1: Facebook on left + Twitter on right
FACEBOOK ON LEFT:

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



TWITTER ON RIGHT:


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

METHOD 2: Facebook on right + Twitter on left


FACEBOOK ON RIGHT:

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



TWITTER ON LEFT:


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

Attached Images
File Type: png twitter.png (9.2 KB, 127 views)
File Type: png facebook.png (10.1 KB, 127 views)
__________________
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; 26 Oct 2012 at 21:05.
Reply With Quote
  #21  
Old 27 Oct 2012, 01:43
XGC Paravain's Avatar
XGC Paravain XGC Paravain is offline
 
Join Date: Oct 2012
Image is not showing up can you help I used Facebook on left the link works just no image im running Vb 4.2.0
Attached Images
File Type: jpg Facebook image.jpg (95.9 KB, 21 views)

Last edited by XGC Paravain; 27 Oct 2012 at 01:50.
Reply With Quote
  #22  
Old 27 Oct 2012, 02:29
TheSupportForum TheSupportForum is offline
 
Join Date: Jan 2007
Originally Posted by XGC Paravain View Post
Image is not showing up can you help I used Facebook on left the link works just no image im running Vb 4.2.0
you need to upload the images to the correct folder
ensure that facebook.png is located in /images/
__________________
http://www.multihunters.co.uk - all your coding needs
Reply With Quote
  #23  
Old 27 Oct 2012, 06:18
XGC Paravain's Avatar
XGC Paravain XGC Paravain is offline
 
Join Date: Oct 2012
Got it thank you
Reply With Quote
  #24  
Old 27 Oct 2012, 09:51
jaffaman jaffaman is offline
 
Join Date: Nov 2004
Nice work added to my site
__________________
www.grimreapers.co.uk
Reply With Quote
  #25  
Old 29 Oct 2012, 03:59
ChiNa ChiNa is offline
 
Join Date: Jul 2012
Real name: CM
@Simonhind Sir, Thank you for helping on my mods here, appreciate it a bunch!

@Thank you guys for commenting, I been away for sometime, but I am back!

@XGC Paravain Glad you fixed 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
Reply With Quote
  #26  
Old 13 Nov 2012, 01:57
XGC Paravain's Avatar
XGC Paravain XGC Paravain is offline
 
Join Date: Oct 2012
Yup fixed it and it works sweet!!!!
Attached Images
File Type: jpg FaceBook.jpg (121.2 KB, 20 views)
Reply With Quote
  #27  
Old 13 Nov 2012, 21:27
ChiNa ChiNa is offline
 
Join Date: Jul 2012
Real name: CM
Thumbs up

Originally Posted by XGC Paravain View Post
Yup fixed it and it works sweet!!!!
Thanks a lot for coming back to let us know! This is a true support and a great contribution to a developers work! I appreciate that 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
  #28  
Old 07 Dec 2012, 22:31
XGC Paravain's Avatar
XGC Paravain XGC Paravain is offline
 
Join Date: Oct 2012
Some thing is wrong with this addon it was working fine till this morning now when I click the facebook button it brings me to a list of pages I can go to not my ArmorGaming fan page

Please Help
Reply With Quote
  #29  
Old 24 Jul 2013, 05:06
smgxtreme smgxtreme is offline
 
Join Date: Feb 2013
I edited Twitter for left side and I'm putting them here if you guys want them.

And including original Facebook one I used.
Attached Images
File Type: png facetwit.png (157.1 KB, 6 views)
File Type: png twitter.png (41.9 KB, 49 views)
File Type: png facebook.png (10.1 KB, 48 views)
Reply With Quote
  #30  
Old 26 Jul 2013, 16:31
smgxtreme smgxtreme is offline
 
Join Date: Feb 2013
Well I made a Youtube one for bottom left corner, feel free to use it if you want.
Tried my best, Youtube colors are weird. Make a better one maybe I will use that lol.


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

Attached Images
File Type: png youtube.png (7.9 KB, 44 views)
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:44.

Layout Options | Width: Wide Color: