Register Members List Search Today's Posts Mark Forums Read

Mod Options
[CM] Social 5ive Icons (Grayscale effect by hover) Details »
[CM] Social 5ive Icons (Grayscale effect by hover)
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

This modification is in the archives.
vB Version: 3.7.6 Rating: (1 vote - 5.00 average) Installs: 1
Released: 25 Aug 2012 Last Update: Never Downloads: 6
Not Supported Template Edits Additional Files Translations  

Social 5ive may obviously stand for Social Five! I have made this mod from the bottom! I made this 3-4 years ago for my old MYBB forum, since it has been everywhere, but not her on vBulletin. And I had no time to make a refreshment of this! The original comes with 3 Icons, while I have build this one with 5 icons!
Its placed right under your forum header,,, On the left side!

How to Install:
Step 1: First of all, dowload the "" from the attachments below.
Inside the "" there are 1 folder, called "images"! If you use any FTP software then either Drag or upload the images folder to your forum root!

Step 2: Go to your ADMINCP, and on your right side menu, scroll down and choose Styles & Template, then click on Style Manager! Now on your right you should see your Template name and beside it you will see a DROPDOWN menu, now go to the dropdown menu and choose Edit Templates. Now you should be in the Template Area. Look for your "header" template!

Step 3: Now in your header, you should add the following code below EVERYTHING ELSE! So the Social Five icons will show up at the end of your header! You can also add it at the start, but I dont know how it will look like!

You decide where to put it, but I go for the header template:

Code to add:

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

Click SAVE,
Thats it!

Thanks alot for following up, Make sure to click Installed, and thanks to those who already have clicked Installed!

Extra & Optional Setup

If you wanted to place the Icons in middle or center. Then add 2 extra codes!
Add one code at the start of the code, and one at the end!

Codes for CENTERING the icons:

Start Code:
<div align="center">
End Code: </div>

If you wanted to change it to the RIGHT or LEFT side of your screen! Simply change the word "center", to either right or left!

Thats it!

Thats it, thanks for following up on my tutorial!

Download Now

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

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 [CM] Social 5ive Icons (Grayscale effect by hover) ChiNa vBulletin 3.8 Add-ons 2 28 Sep 2012 20:59
Mini Mods Social hover icons ramesh_umk3 vBulletin 4.x Template Modifications 0 19 Jun 2012 17:09


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:06.

Layout Options | Width: Wide Color: