Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
Awesome footer with Social Icons Details »
Awesome footer with Social Icons
Mod Version: 1.00, by socialteenz (Designer) socialteenz is offline
Developer Last Online: Sep 2023 I like it Show Printable Version Email this Page

vB Version: 3.8.x Rating: (4 votes - 5.00 average) Installs: 20
Released: 22 Aug 2012 Last Update: Never Downloads: 115
Supported Template Edits Code Changes Re-usable Code Translations  

Provided by Eminem Forum


WHAT DOES THIS DO?


This will help you in achieving a 4colum footer with social icons & you can customize it to match your needs.

Screen Shot:



Lets get it started

Backup your footer template before making any changes. This was tested on vbulletin 3.8.x Default skin & it worked fine.

Go to your Admin CP->>>Your Style>>>Edit Templates>>>footer


Remove the following code first.


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


Now, find


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

Above that add...


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

Go to your Admin CP->>>Your Style>>>All style options>>>Additional CSS Definitions>>>In the second box add this

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

Upload the folder social to your forum root.

If you wanna center your columns, add this to the additional.css


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


*********************
INSTALLATION INSTRUCTIONS
***********************

1 - Edit your footer template
2 -
Additional CSS Definitions edit
3 - Upload the folder social to your forum root.
4- Make the appropriate changes to the description & links to match with your site.

4.X version here


Please click Mark as Installed if you are using this hack. Feel free to click on the Support Developer link and donate any amount you feel is appropriate.

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
65 Awesome Post Icons Skedoozy Miscellaneous Images 29 13 Oct 2015 07:55
Forum Home Enhancements Awesome footer with Social Icons. socialteenz vBulletin 4.x Template Modifications 144 07 Jan 2014 20:56
Black + Yellow Awesome Status Icons XiTCLUB vBulletin Status Icon Sets 11 04 Jun 2013 06:25

Comments
  #2  
Old 22 Aug 2012, 20:23
socialteenz's Avatar
socialteenz socialteenz is offline
 
Join Date: May 2011
Real name: Stan
FAQ:

1) Where do i edit the site title?


To change the site title, open your footer template, find..


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

Change it to match your needs.

2) Where do i edit the site description?

To change the site description, open your footer template, find..


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

Change it to match your needs.

3)How to change Recommended Links title ?

Open footer template, find..


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

Change it to match your needs.

4) How do i edit the contents of the Recommended Links?


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

Replace this with your links

5)How to change Quick Links title?

Open footer template find..


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

Change it to match your needs.

6) How do i edit the contents of the Quick Links?

Open Footer template, find


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

Replace this with your links

7) How to link the icons to my social accounts?

Open footer template, find


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

Below that, you can Find
Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Replace # with your links

8) How to move the vbseo copyright like yours?

Open, footer template find..


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

Above add


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




9) Can i move other copyrights like vbseo?


Yes, sure you can move by adding them just below


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

10) Why have your removed the version no of vbulletin?

You can refer to this post.

You are 100% allowed to remove the version number of vBulletin
I thought it looks clean with out the version number.
__________________
Web development done right.
read my Reviews (59) from here.

Pm me - for custom forum work & web development
Reply With Quote
  #3  
Old 22 Aug 2012, 20:25
socialteenz's Avatar
socialteenz socialteenz is offline
 
Join Date: May 2011
Real name: Stan
1) How to change the black background of your footer column?

Open, Admin CP->>>Your Style>>>All style options>>>Additional CSS Definitions>>>, find


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



Replace #000 with your background color/image.


2) How to change the red title color?

Open, Admin CP->>>Your Style>>>All style options>>>Additional CSS Definitions>>> find


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



Replace #FF0000 with your color.




For the remaining doubts just ask here, i will try to help you out.
__________________
Web development done right.
read my Reviews (59) from here.

Pm me - for custom forum work & web development
Reply With Quote
  #4  
Old 23 Aug 2012, 00:15
ChiNa ChiNa is offline
 
Join Date: Jul 2012
Real name: CM
Well done, Great mod mate, keep up the good job! I saw this for vB 4.x was waiting for you to do this for vB3.8!

Example Image:


After installing it, some of the links cant stay fit, and looks like they are set to be in the middle of everything else.. I its maybe because my theme is custom! I am going to make a few changes later, and hopefully it will work. I will get back and click on the Installed button if it does..

GREAT JOB
__________________
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; 23 Aug 2012 at 01:27.
Reply With Quote
  #5  
Old 23 Aug 2012, 07:31
Kolektor's Avatar
Kolektor Kolektor is offline
 
Join Date: Jun 2010
now this is awesome!
Reply With Quote
  #6  
Old 23 Aug 2012, 11:32
socialteenz's Avatar
socialteenz socialteenz is offline
 
Join Date: May 2011
Real name: Stan
Originally Posted by ChiNa-Man View Post
Well done, Great mod mate, keep up the good job! I saw this for vB 4.x was waiting for you to do this for vB3.8!

Example Image:


After installing it, some of the links cant stay fit, and looks like they are set to be in the middle of everything else.. I its maybe because my theme is custom! I am going to make a few changes later, and hopefully it will work. I will get back and click on the Installed button if it does..

GREAT JOB
Like i said, i tested this on default skin & it worked fine.


Try reducing the width, hopefully it will fix the problem.

.col4 { float: left; margin-left: 56px; width: 262px; }
__________________
Web development done right.
read my Reviews (59) from here.

Pm me - for custom forum work & web development
Reply With Quote
  #7  
Old 15 Sep 2012, 22:51
Kolektor's Avatar
Kolektor Kolektor is offline
 
Join Date: Jun 2010
there are some huge monitors or small monitor, is there any way to adjust it automatically with the size of the screens?
Reply With Quote
  #8  
Old 10 Nov 2012, 12:31
matrex722's Avatar
matrex722 matrex722 is offline
 
Join Date: Jan 2007
Wow thanks for this
Reply With Quote
  #9  
Old 10 Nov 2012, 13:57
klaush klaush is offline
 
Join Date: Oct 2005
Thanks for this modification; good job!
__________________
Greetings

Klaus
Reply With Quote
  #10  
Old 13 Nov 2012, 06:27
al2thero al2thero is offline
 
Join Date: Aug 2008
i will try it
Reply With Quote
  #11  
Old 30 Nov 2012, 20:35
socialteenz's Avatar
socialteenz socialteenz is offline
 
Join Date: May 2011
Real name: Stan
Originally Posted by Kolektor View Post
there are some huge monitors or small monitor, is there any way to adjust it automatically with the size of the screens?
If you wanna center your columns, add this to the additional.css


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

__________________
Web development done right.
read my Reviews (59) from here.

Pm me - for custom forum work & web development
Reply With Quote
  #12  
Old 19 Jan 2013, 23:21
stevieb stevieb is offline
 
Join Date: Apr 2005
how does it auto-resize as crashes in phone etc...?
Reply With Quote
  #13  
Old 24 Jan 2013, 11:45
Goomzee Goomzee is offline
 
Join Date: Apr 2008
Real name: 84962726515
not works for me and also tell me where i put this code

.footer1 .container {
width: 1090px;
margin: auto;
}
__________________
internetpharmacydir.com
Reply With Quote
  #14  
Old 30 May 2013, 12:37
socialteenz's Avatar
socialteenz socialteenz is offline
 
Join Date: May 2011
Real name: Stan
Originally Posted by Goomzee View Post
not works for me and also tell me where i put this code

.footer1 .container {
width: 1090px;
margin: auto;
}
Add this to the additional.css
__________________
Web development done right.
read my Reviews (59) from here.

Pm me - for custom forum work & web development
Reply With Quote
  #15  
Old 29 Jul 2013, 04:27
Reminisce32 Reminisce32 is offline
 
Join Date: Jul 2007
how do I change the color of the linked text (not the hover color)?
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 07:38.

Layout Options | Width: Wide Color: