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

Comments
  #2  
Old 10 Aug 2012, 00:15
RSNF's Avatar
RSNF RSNF is offline
 
Join Date: May 2010
I have no need for it but great work you are doing and keep it up buddy!!!
Reply With Quote
  #3  
Old 10 Aug 2012, 00:41
ChiNa ChiNa is offline
 
Join Date: Jul 2012
Real name: CM
RSNF, Than you mate, Its because of members like you I keep going! This is also why I have choosen to Support for all my mods. And I am totally new starting with vBulletin! Thanks for Installing and for 5 Stars! If I could help out with anything let me know!
__________________
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
  #4  
Old 11 Aug 2012, 06:35
ProFifaLeagues's Avatar
ProFifaLeagues ProFifaLeagues is offline
 
Join Date: Aug 2009
Real name: Rob
Another Fine mod thanks mate great work
Reply With Quote
  #5  
Old 14 Aug 2012, 00:00
ChiNa ChiNa is offline
 
Join Date: Jul 2012
Real name: CM
Thank you Pro... Your all amazing clicking on the Installed button,
__________________
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
  #6  
Old 24 Aug 2012, 22:58
otterag otterag is offline
 
Join Date: Feb 2011
ChiNa-Man,
Are you willing to do custom work, I am looking to pay for work and have looked at a few of the things you have done and I like them.
I have 2 projects in mind that i can't find mods for and would like to discuss them with someone.
You can contact me via private message or email here.
Reply With Quote
  #7  
Old 24 Aug 2012, 23:58
ChiNa ChiNa is offline
 
Join Date: Jul 2012
Real name: CM
Sure mate, but it really depends on your choice! I am not good in XML Products, but I can try make you mods instead and obviously also install it for you! Try add me, so I can send you a message about what I need to know! I did message you, but your permission did not allow me...

Talk to you laters..
__________________
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
  #8  
Old 28 Aug 2012, 02:34
LgsOfChampions's Avatar
LgsOfChampions LgsOfChampions is offline
 
Join Date: Feb 2011
Real name: LOC
China-Man

any chance to use this for the left side instead of the right? I use a peel back for the right corner, which when u highlite over it the page peels back. Obviously this will not work with the mod, unless I could get it for the use of left side.....is this possible
__________________
Reply With Quote
  #9  
Old 30 Aug 2012, 23:59
glen290's Avatar
glen290 glen290 is offline
 
Join Date: Apr 2008
+1 as it covers the log out link in the header.
__________________
Bowl Uk The Bowlers choice for bowling chat
Reply With Quote
  #10  
Old 01 Sep 2012, 12:02
woffie's Avatar
woffie woffie is offline
 
Join Date: Jan 2009
Real name: Jim
To place it left just change the code

<a href="http://YOUR-FACEBOOK-URL" target="_blank"><img src="images/facebook.png" alt="Facebook" style="position: fixed; top:0; left:0; z-index:999;" title="Join our Facebook Page" /></a>
Reply With Quote
  #11  
Old 01 Sep 2012, 12:04
woffie's Avatar
woffie woffie is offline
 
Join Date: Jan 2009
Real name: Jim


I changed the image too.
Reply With Quote
  #12  
Old 01 Sep 2012, 12:35
ChiNa ChiNa is offline
 
Join Date: Jul 2012
Real name: CM
Hi woffie, Good job, but make sure to edit your facebook.png and twitter.png befor it works!
__________________
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; 01 Sep 2012 at 14:27.
Reply With Quote
  #13  
Old 01 Sep 2012, 13:30
initiald initiald is offline
 
Join Date: Mar 2012
Can you tell me how to add both Facebook on left and right side at same time?
Reply With Quote
  #14  
Old 01 Sep 2012, 14:22
ChiNa ChiNa is offline
 
Join Date: Jul 2012
Real name: CM

Here is the CODES + 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 facebook.png (10.1 KB, 1271 views)
File Type: png twitter.png (9.2 KB, 1269 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; 11 Oct 2012 at 20:41.
Reply With Quote
  #15  
Old 12 Sep 2012, 18:32
Crrrazzzy Crrrazzzy is offline
 
Join Date: Sep 2005
is there a way to make them both on the right?
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 14:48.

Layout Options | Width: Wide Color: